*{box-sizing:border-box}body{background:var(--surface-app);color:var(--text-primary);font-family:var(--font-body);margin:0;overflow-x:hidden}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);max-width:100%;min-height:100vh;display:grid}.app-shell__sidebar{background:var(--brand);color:var(--text-on-dark);flex-direction:column;gap:2rem;min-width:0;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:var(--text-on-dark-muted);padding:.75rem}.app-shell__nav-link:hover,.app-shell__nav-link:focus-visible{background:var(--surface-hover-on-dark);color:var(--text-on-dark)}.app-shell__nav-link--active{background:var(--surface-active-on-dark);color:var(--text-on-dark);font-weight:700}.app-shell__workspace{flex-direction:column;min-width:0;max-width:100%;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:var(--text-on-dark)}.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:var(--text-on-dark);gap:.35rem;padding:1rem;display:grid}.hero-summary strong{font-size:2.75rem;line-height:1}.hero-summary span{color:var(--text-on-dark-muted);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:var(--positive)}.metric-card span[data-trend=down]{color:var(--watch)}.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:var(--risk);outline:2px solid var(--status-risk-surface)}.field small,.checkbox-field,.form-banner span{color:var(--text-muted)}.field-error{color:var(--risk);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:var(--positive)}.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{background:var(--skeleton-surface);border-radius:var(--radius-control);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:var(--status-risk-surface);border-color:var(--status-risk-border)}.state-card[data-state=error] strong{color:var(--risk)}.modal-backdrop{background:var(--surface-overlay);z-index:40;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:var(--text-on-dark);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{background:var(--surface-active-on-dark);border-radius:var(--radius-control);color:var(--text-on-dark);cursor:pointer;font:inherit;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}}