:root{--brand:#17324d;--brand-accent:#2f6fed;--brand-soft:#dbe8ff;--focus-ring:#2f6fed;--font-display:"Fraunces", "Times New Roman", serif;--font-body:"IBM Plex Sans", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-control:6px;--radius-panel:10px;--radius-immersive:18px;--shadow-raised:0 12px 34px #12263f24;--shadow-overlay:0 28px 72px #0f172a2e;--surface-app:#f5f7fb;--surface-panel:#fff;--text-primary:#132238;--text-muted:#526277;--border-subtle:#d8e0ea}*{box-sizing:border-box}body{background:var(--surface-app);color:var(--text-primary);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.app-shell{grid-template-columns:minmax(220px,260px) minmax(0,1fr);min-height:100vh;display:grid}.app-shell__sidebar{background:var(--brand);color:#fff;flex-direction:column;gap:2rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0}.app-shell__brand{align-items:center;gap:.75rem;font-weight:700;display:flex}.app-shell__brand-mark{background:var(--brand-accent);border-radius:var(--radius-control);justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.app-shell__nav{gap:.35rem;display:grid}.app-shell__nav-link{border-radius:var(--radius-control);color:#ffffffd1;padding:.75rem}.app-shell__nav-link:hover,.app-shell__nav-link:focus-visible{color:#fff;background:#ffffff1f}.app-shell__nav-link--active{color:#fff;background:#ffffff29;font-weight:700}.app-shell__workspace{flex-direction:column;min-width:0;display:flex}.app-shell__topbar{background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.app-shell__topbar h1,.panel h2{font-family:var(--font-display);margin:0}.app-shell__main{padding:1.5rem}.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.topbar-action,.status-pill{background:var(--brand-soft);border-radius:var(--radius-control);color:var(--brand);padding:.55rem .75rem;font-weight:700}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.topbar-action--primary{background:var(--brand-accent);color:#fff}.dashboard-overview{gap:1rem;display:grid}.overview-hero{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,1fr) minmax(160px,.28fr);align-items:center;gap:1.5rem;padding:1.25rem;display:grid}.overview-hero h2{font-family:var(--font-display);margin:0;font-size:2rem}.overview-hero p:not(.eyebrow),.summary-widget span,.activity-item span{color:var(--text-muted);margin:0}.hero-summary{background:var(--brand);border-radius:var(--radius-panel);color:#fff;gap:.35rem;padding:1rem;display:grid}.hero-summary strong{font-size:2.75rem;line-height:1}.hero-summary span{color:#fffc;font-weight:700}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card,.panel{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised)}.metric-card{flex-direction:column;align-content:space-between;gap:.5rem;min-height:9rem;padding:1rem;display:flex}.metric-card p,.metric-card span,.approval-row span,.activity-item p{color:var(--text-muted);margin:0}.metric-card strong{font-size:2rem}.metric-card span[data-trend=up]{color:#287a3e}.metric-card span[data-trend=down]{color:#9c4a14}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:1rem;display:grid}.panel{padding:1rem}.panel__header,.approval-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.approval-list,.activity-list,.data-list{gap:.75rem;margin-top:1rem;display:grid}.approval-row,.data-row{border-top:1px solid var(--border-subtle);padding-top:.75rem}.approval-row div,.activity-item div,.data-row div{gap:.25rem;display:grid}.data-row{grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr) auto;align-items:center;gap:1rem;display:grid}.activity-item{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.activity-item>span{background:var(--brand-accent);border-radius:999px;width:.75rem;height:.75rem;margin-top:.25rem}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.summary-widget{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised);gap:.35rem;padding:1rem;display:grid}.summary-widget strong{font-size:1.75rem}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.segmented-control{background:var(--brand-soft);border-radius:var(--radius-control);flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.segmented-control button,.pagination-bar button{border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:.55rem .75rem;font-weight:700}.segmented-control button[aria-pressed=true],.pagination-bar button:not(:disabled){background:var(--surface-panel);box-shadow:var(--shadow-raised)}.pagination-bar button:disabled{color:var(--text-muted);cursor:not-allowed}.select-control{color:var(--text-muted);align-items:center;gap:.5rem;font-weight:700;display:flex}.select-control select{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text-primary);font:inherit;padding:.55rem .75rem}.data-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);margin-top:1rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;padding:.85rem 1rem}.data-table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.data-table td{color:var(--text-primary)}.data-table td span{color:var(--text-muted);margin-top:.25rem;display:block}.data-table tbody tr:last-child td{border-bottom:0}.data-table .status-pill{margin:0 0 .25rem;display:inline-block}.pagination-bar{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination-bar>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.people-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:1rem;display:grid}.access-form{gap:1rem;margin-top:1rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field{gap:.35rem;display:grid}.field>span,.checkbox-field{font-weight:700}.field input,.field select{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text-primary);font:inherit;width:100%;padding:.7rem .75rem}.field input:focus,.field select:focus{border-color:var(--brand-accent)}.field input[aria-invalid=true]{border-color:#b3261e;outline:2px solid #b3261e29}.field small,.checkbox-field,.form-banner span{color:var(--text-muted)}.field-error{color:#b3261e;font-size:.875rem}.checkbox-field{align-items:center;gap:.6rem;display:flex}.checkbox-field input{accent-color:var(--brand-accent);width:1rem;height:1rem}.form-banner{background:var(--brand-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);gap:.25rem;margin-top:1rem;padding:.85rem;display:grid}.form-banner[data-state=success] strong{color:#287a3e}.form-actions{justify-content:flex-end;display:flex}.form-actions .topbar-action{cursor:pointer;font:inherit;border:0}.workflow-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.workflow-actions .topbar-action,.modal-panel .topbar-action{cursor:pointer;font:inherit;border:0}.workflow-actions .topbar-action:disabled{cursor:progress;opacity:.72}.loading-stack{gap:.75rem;margin-top:1rem;display:grid}.loading-stack span{border-radius:var(--radius-control);background:linear-gradient(90deg,#eef3fb,#dbe8ff,#eef3fb);height:3.5rem;animation:1.2s ease-in-out infinite pulse;display:block}.loading-stack span:nth-child(2){animation-delay:.15s}.loading-stack span:nth-child(3){animation-delay:.3s}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.state-card{background:var(--surface-panel);border:1px dashed var(--border-subtle);border-radius:var(--radius-panel);gap:.35rem;padding:1rem;display:grid}.state-card span,.drawer-content span,.modal-panel p{color:var(--text-muted)}.state-card[data-state=error]{background:#fff7f5;border-color:#efb8b2}.state-card[data-state=error] strong{color:#b3261e}.modal-backdrop{z-index:40;background:#1322386b;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay);gap:1rem;width:min(100%,34rem);max-width:34rem;padding:1.25rem;display:grid}.modal-panel h2{font-family:var(--font-display);margin:0}.detail-drawer{background:var(--surface-panel);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-overlay);z-index:35;grid-template-rows:auto 1fr;gap:1rem;width:min(100%,28rem);max-width:28rem;height:100vh;padding:1.25rem;transition:transform .18s;display:grid;position:fixed;top:0;right:0;transform:translate(100%)}.detail-drawer[data-open=true]{transform:translate(0)}.icon-button{background:var(--brand-soft);border-radius:var(--radius-control);color:var(--brand);cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:inline-flex}.drawer-content{align-content:start;gap:.5rem;display:grid}.toast{background:var(--brand);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay);color:#fff;z-index:45;justify-content:space-between;align-items:center;gap:1rem;width:22rem;max-width:calc(100vw - 2rem);padding:.85rem 1rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast button{border-radius:var(--radius-control);color:#fff;cursor:pointer;font:inherit;background:#ffffff29;border:0;width:2rem;height:2rem;font-weight:700}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=880px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{gap:1rem;height:auto;position:static}.app-shell__brand{justify-content:space-between}.app-shell__nav{padding-bottom:.25rem;display:flex;overflow-x:auto}.app-shell__nav-link{flex:none}.app-shell__topbar{flex-direction:column;align-items:flex-start;position:static}.topbar-actions{justify-content:flex-start}.overview-hero,.metric-grid,.dashboard-grid,.summary-grid,.people-grid,.form-row,.state-grid{grid-template-columns:1fr}.data-row{grid-template-columns:1fr;align-items:start}.table-toolbar,.pagination-bar{flex-direction:column;align-items:stretch}}