:root{--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:40px;--sp-7:48px;--fs-12:0.75rem;--fs-14:0.875rem;--fs-16:1rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;--bg:#f4f6f9;--surface:#ffffff;--surface-sunken:#f8fafc;--border:#d9dee7;--border-strong:#b9c2cf;--text:#17202e;--text-muted:#57657a;--brand-dark:#0b1220;--brand-dark-raised:#16233a;--on-brand-dark:#e8edf6;--on-brand-dark-muted:#9fb0c8;--accent:#d4a017;--accent-soft:#f6f1e2;--link:#1855b8;--focus:#1855b8;--btn-bg:#ffffff;--btn-border:var(--border-strong);--btn-primary-bg:#1d2a3f;--btn-primary-hover:#0b1220;--tone-ok-bg:#e5f3e9;--tone-ok-fg:#0d6428;--tone-ok-border:#a8d5b5;--tone-teal-bg:#def0ed;--tone-teal-fg:#0c5c52;--tone-teal-border:#9dcfc7;--tone-warn-bg:#fdf2cf;--tone-warn-fg:#755600;--tone-warn-border:#e3c96e;--tone-danger-bg:#fdebe9;--tone-danger-fg:#ab1226;--tone-danger-border:#eba9a4;--tone-info-bg:#e7effc;--tone-info-fg:#1a4e9e;--tone-info-border:#aecbf2;--tone-neutral-bg:#edeff3;--tone-neutral-fg:#475364;--tone-neutral-border:#c6ccd8;--radius:6px;--radius-sm:4px;--shadow-dialog:0 4px 24px rgba(11,18,32,0.3);--shadow-card:0 1px 2px rgba(11,18,32,0.05)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-14);line-height:1.5}h1{font-size:var(--fs-24);line-height:1.25;margin:0 0 var(--sp-2)}h2{font-size:var(--fs-20);margin:var(--sp-4) 0 var(--sp-2)}h3{font-size:var(--fs-16);margin:var(--sp-3) 0 var(--sp-2)}.text-small,small{font-size:var(--fs-12)}a{color:var(--link)}code,kbd{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:calc(var(--sp-1) + 2px) var(--sp-2)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-sm);padding:calc(var(--sp-1) + 2px) calc(var(--sp-2) + 4px);cursor:pointer}button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-muted)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:#fff}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:#fff}.btn-link{border:none;padding:0;color:var(--link);text-decoration:underline}.btn-link,.btn-link:hover:not(:disabled){background:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.shell-header{background:var(--brand-dark);color:var(--on-brand-dark);border-bottom:2px solid var(--accent);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4)}.shell-brand{font-size:var(--fs-16);font-weight:700;color:var(--on-brand-dark);text-decoration:none;white-space:nowrap}.shell-brand:hover{color:#fff}.shell-role-chip{display:inline-flex;align-items:baseline;gap:var(--sp-2);border:1px solid var(--brand-dark-raised);background:var(--brand-dark-raised);border-radius:var(--radius-sm);padding:2px var(--sp-2);font-size:var(--fs-12);white-space:nowrap}.shell-role-chip strong{color:var(--accent);font-weight:600}.shell-role-chip span{color:var(--on-brand-dark-muted)}.shell-shadow-badge{display:inline-flex;background:var(--tone-warn-bg);color:var(--tone-warn-fg);border:1px solid var(--tone-warn-border);border-radius:var(--radius-sm);padding:2px var(--sp-2);font-weight:700;letter-spacing:.08em}.shell-shadow-badge,.shell-user{align-items:center;font-size:var(--fs-12)}.shell-user{margin-left:auto;display:flex;gap:var(--sp-2);color:var(--on-brand-dark-muted)}.shell-user button{background:transparent;border-color:var(--brand-dark-raised);color:var(--on-brand-dark);font-size:var(--fs-12)}.shell-user button:hover:not(:disabled){background:var(--brand-dark-raised);border-color:var(--on-brand-dark-muted)}.shell-body{display:flex;flex:1 1;align-items:stretch;gap:0}.shell-nav{width:13.5rem;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-3) var(--sp-2) var(--sp-5)}.nav-section{margin-bottom:var(--sp-3)}.nav-section-title{font-size:var(--fs-12);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 var(--sp-2);margin:0 0 var(--sp-1)}.nav-link{display:block;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);border-left:3px solid transparent;color:var(--text);text-decoration:none}.nav-link:hover{background:var(--surface-sunken)}.nav-link.active{border-left-color:var(--accent);background:var(--accent-soft);font-weight:600}.shell-content{flex:1 1;min-width:0;padding:var(--sp-4);max-width:96rem}.page-header{margin-bottom:var(--sp-3)}.page-header h1{margin-bottom:var(--sp-1)}.page-intro{color:var(--text-muted);max-width:64rem;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--sp-3);margin:var(--sp-3) 0}.card>h2:first-child,.card>h3:first-child{margin-top:0}.kpi-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-2) 0 var(--sp-3)}.kpi-tile{flex:1 1 9rem;min-width:9rem;max-width:16rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--sp-2) var(--sp-3);text-decoration:none;color:inherit;display:block}a.kpi-tile:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.kpi-label{font-size:var(--fs-12);color:var(--text-muted)}.kpi-value{font-size:var(--fs-24);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.3}.kpi-value.mono{font-family:var(--font-mono);font-size:var(--fs-20)}.kpi-sub{font-size:var(--fs-12);color:var(--text-muted)}.kpi-tile.tone-ok .kpi-value{color:var(--tone-ok-fg)}.kpi-tile.tone-warn .kpi-value{color:var(--tone-warn-fg)}.kpi-tile.tone-danger .kpi-value{color:var(--tone-danger-fg)}.kpi-tile.tone-info .kpi-value{color:var(--tone-info-fg)}.story-step{border-top:3px solid var(--border-strong);padding-top:var(--sp-2);margin-top:var(--sp-3)}.story-step-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.badge,.story-step-label{font-size:var(--fs-12);font-weight:600}.badge{display:inline-block;border-radius:var(--radius-sm);padding:0 calc(var(--sp-1) + 2px);white-space:nowrap;border:1px solid}.badge-ok{background:var(--tone-ok-bg);color:var(--tone-ok-fg);border-color:var(--tone-ok-border)}.badge-teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg);border-color:var(--tone-teal-border)}.badge-warn{background:var(--tone-warn-bg);color:var(--tone-warn-fg);border-color:var(--tone-warn-border)}.badge-danger{background:var(--tone-danger-bg);color:var(--tone-danger-fg);border-color:var(--tone-danger-border)}.badge-info{background:var(--tone-info-bg);color:var(--tone-info-fg);border-color:var(--tone-info-border)}.badge-neutral{background:var(--tone-neutral-bg);color:var(--tone-neutral-fg);border-color:var(--tone-neutral-border)}.tbl-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin:var(--sp-2) 0 var(--sp-3)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;vertical-align:bottom;border-bottom:2px solid var(--border-strong);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap}.tbl td,.tbl th{padding:var(--sp-2)}.tbl td{border-bottom:1px solid var(--border);vertical-align:top}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface-sunken)}.tbl .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbl .mono{font-family:var(--font-mono);font-size:var(--fs-12)}tr.row-click{cursor:pointer}tr.row-selected,tr.row-selected:hover{background:var(--tone-info-bg)}tr.row-muted{opacity:.55}[data-density=compact] .tbl td,[data-density=compact] .tbl th{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-12)}.toolbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin:var(--sp-2) 0}.toolbar .spacer{flex:1 1}.field{display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.field>span{color:var(--text-muted);font-size:var(--fs-12)}.seg-group{display:inline-flex;border:1px solid var(--btn-border);border-radius:var(--radius-sm);overflow:hidden}.seg-group button{border:none;border-radius:0;border-right:1px solid var(--border);font-size:var(--fs-12);padding:var(--sp-1) var(--sp-2)}.seg-group button:last-child{border-right:none}.seg-group button[aria-pressed=true]{background:var(--accent-soft);font-weight:600}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:var(--sp-4);text-align:center;color:var(--text-muted);margin:var(--sp-2) 0 var(--sp-3)}.empty-state strong{display:block;color:var(--text);margin-bottom:var(--sp-1)}.error-banner{background:var(--tone-danger-bg);border:1px solid var(--tone-danger-border);color:var(--tone-danger-fg);border-radius:var(--radius-sm)}.error-banner,.notice-banner{padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) 0}.notice-banner{background:var(--tone-ok-bg);border:1px solid var(--tone-ok-border);color:var(--tone-ok-fg);border-radius:var(--radius-sm)}.loading-state{color:var(--text-muted);padding:var(--sp-3)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);margin:var(--sp-2) 0 var(--sp-3)}.tabs button{border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-sunken);padding:var(--sp-1) var(--sp-3)}.tabs button[aria-selected=true]{background:var(--surface);border-bottom:2px solid var(--accent);font-weight:600}.dialog-overlay{position:fixed;inset:0;background:rgba(11,18,32,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--sp-3)}.dialog{background:var(--surface);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);max-width:28rem;box-shadow:var(--shadow-dialog)}.dialog h3{margin-top:0}.auth-main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-4);background:linear-gradient(180deg,var(--brand-dark) 0 172px,transparent 172px),var(--bg)}.auth-card{width:min(26rem,100%);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-dialog);padding:var(--sp-4)}.auth-brand{font-weight:700;margin:0 0 var(--sp-1)}.auth-brand,.auth-card h1{font-size:var(--fs-20)}.auth-card form{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);margin-top:var(--sp-3)}.auth-card label{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1);font-size:var(--fs-12);color:var(--text-muted)}.auth-card input{font-size:var(--fs-16)}.auth-footnote{color:var(--text-muted);font-size:var(--fs-12);margin-top:var(--sp-3)}.landing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-4)}.landing-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--sp-3);text-decoration:none;color:inherit}.landing-card:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.landing-card strong{display:block;margin-bottom:var(--sp-1)}.landing-card span{color:var(--text-muted);font-size:var(--fs-12)}@media (max-width:1024px){.shell-body{flex-direction:column}.shell-nav{width:100%;border-right:none;border-bottom:1px solid var(--border);display:flex;gap:var(--sp-3);overflow-x:auto;padding:var(--sp-2) var(--sp-3)}.nav-section{margin-bottom:0;flex-shrink:0}.nav-link{display:inline-block;border-left:none;border-bottom:3px solid transparent;border-radius:0}.nav-link.active{border-left:none;border-bottom-color:var(--accent);background:none}.shell-content{padding:var(--sp-3)}}@media (max-width:768px){.shell-header{flex-wrap:wrap;gap:var(--sp-2)}.shell-user{flex-basis:100%;margin-left:0;justify-content:flex-end}.kpi-tile{max-width:none}}