@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--cm-sidebar-bg:#061a31;--cm-sidebar-active:#c65d2e;--cm-navy:#0b2545;--cm-copper:#c65d2e;--cm-copper-dark:#9f421d;--cm-copper-soft:#fff1e8;--cm-ivory:#f8f5f0;--cm-border:#eadfd5;--cm-card-radius:16px;--cm-panel-gap:20px;--cm-dashboard-chart-height:390px;--cm-control-height:44px}*{box-sizing:border-box;scroll-behavior:smooth}html,body,#root{min-height:100%}body{background:var(--cm-ivory);background-image:radial-gradient(at 0 0,#fff1e8e6 0,#0000 50%),radial-gradient(at 100% 0,#f4ebe2d9 0,#0000 50%),radial-gradient(at 100% 100%,#e7edf3cc 0,#0000 50%);background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none}.page-heading,.card-title-row,.table-toolbar,.template-panel-title,.portal-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-title-row,.table-toolbar,.template-panel-title{margin-bottom:20px}.page-heading h4{letter-spacing:-.02em;background:linear-gradient(135deg,#0b2545 0%,#345271 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-weight:800}.table-toolbar{flex-wrap:wrap}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{color:#64748b;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;font-size:.95rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:10px;display:grid}.form-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:16px}.form-grid.one{grid-template-columns:1fr}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.detail-grid{background:#f8fafc80;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;padding:24px;display:grid}@media (width<=1200px){.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px;display:grid}.file-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-content:space-between;gap:12px;min-height:120px;padding:12px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 1px 3px #0000000d}.file-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.file-tile img{object-fit:cover;border-radius:8px;width:100%;height:110px}.template-panel-heading{align-items:center;gap:12px;min-width:0;display:flex}.template-panel-heading svg{color:#3b82f6;filter:drop-shadow(0 2px 4px #3b82f64d);font-size:22px}.template-panel-heading h6{white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:17px;font-weight:800;overflow:hidden}.module-kicker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:12px;margin-bottom:20px;padding:16px 20px;box-shadow:0 2px 10px #00000005}.approval-panel{border-left:4px solid var(--cm-sidebar-active)}.approval-list,.user-config-list{gap:12px;margin-top:16px;display:grid}.approval-row,.user-config-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.approval-row:hover,.user-config-row:hover{transform:translate(2px);box-shadow:0 4px 12px #0000000d}.approval-actions,.employee-action-row,.reopen-inline,.user-project-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.MuiMenuItem-root.Mui-selected,.MuiMenuItem-root.Mui-selected:hover,.MuiAutocomplete-option[aria-selected=true],.MuiAutocomplete-option[aria-selected=true].Mui-focused{font-weight:700;background-color:var(--cm-copper-soft)!important;color:var(--cm-copper-dark)!important}.MuiAutocomplete-option[aria-selected=true] .MuiTypography-root{color:inherit!important;font-weight:700!important}.leave-reason-field{grid-column:1/-1}@media (width<=900px){.page-heading,.card-title-row,.table-toolbar,.portal-section-head,.approval-row,.user-config-row{flex-direction:column;align-items:stretch}.form-grid,.form-grid.compact,.split-grid,.detail-grid{grid-template-columns:1fr}}