:root{--watch-column:16rem;--watch-table:44rem;--watch-note-height:6rem;color-scheme:dark;--bg:#151519;--surface:#222228;--border:#827a8f;--line:#3b3744;--text:#f7f5fa;--muted:#c3bdcc;--accent:#b28aff;--on-accent:#160d24;--success:#75ff64;--on-success:#10200e;--glow-violet:rgba(178,138,255,.25);--glow-green:rgba(117,255,100,.18);--danger:#fca5a5;--warning:#fcd34d;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r1:8px;--r2:12px;--r3:20px;--xs:11px;--sm:12px;--md:14px;--base:16px;--lg:20px;--xl:32px;--xxl:38px;--sidebar:224px;--input:42px;--dialog:880px;--font:system-ui,-apple-system,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--md)/1.6 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:var(--xxl);line-height:1.2;letter-spacing:-.04em}h2{font-size:var(--lg);line-height:1.35;letter-spacing:-.025em}h3{font-size:var(--base)}small{display:block;font-size:var(--sm)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.muted{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;position:sticky;top:0;height:100vh;padding:var(--s6) var(--s4);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:var(--s3);align-items:center;font-weight:800;letter-spacing:.06em}.brand small{color:var(--muted);font-size:var(--xs);letter-spacing:.14em;font-weight:500}.mark{display:grid;place-items:center;width:var(--input);height:var(--input);border-radius:var(--r2);background:var(--success);color:var(--on-success);font-size:var(--lg);box-shadow:0 0 24px var(--glow-green)}.nav-label{font-size:var(--xs);color:var(--muted);letter-spacing:.12em;margin:var(--s6) var(--s3) var(--s3)}.nav{color:var(--muted);background:transparent;display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s3);border-radius:var(--r1);text-align:left}.nav.active{background:var(--surface);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.nav span:first-child{font-size:var(--lg)}.pill{font:var(--sm) var(--mono);margin-left:auto;background:var(--line);border-radius:var(--r1);padding:var(--s1) var(--s2)}.roadmap{padding:var(--s2) var(--s3);color:var(--muted)}.roadmap small{font-size:var(--xs);opacity:.85}.sidebar-foot{margin-top:auto;font-size:var(--sm);color:var(--muted);padding:var(--s4) var(--s2)}.dot{display:inline-block;width:var(--s2);height:var(--s2);border-radius:50%;background:var(--accent);margin-right:var(--s2)}.workspace{min-width:0;flex:1}header{height:72px;border-bottom:1px solid var(--line);padding:0 var(--s6);display:flex;align-items:center;justify-content:space-between;font-size:var(--sm)}main{padding:var(--s6);max-width:1600px;margin:0 auto}.tag{display:inline-block;color:var(--muted);font-size:var(--xs);letter-spacing:.07em;border:1px solid var(--line);border-radius:var(--r1);padding:var(--s1) var(--s2);white-space:nowrap}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);margin:var(--s2) 0 var(--s5)}.eyebrow{font-size:var(--xs);letter-spacing:.13em;color:var(--accent);font-weight:700;margin-bottom:var(--s2)}.page-heading .muted{margin-top:var(--s2)}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r1);white-space:nowrap;font-weight:600;line-height:1.3;min-height:var(--input)}.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 0 22px var(--glow-violet)}.primary:hover{filter:brightness(1.05)}.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.secondary:hover{background:var(--line)}.notice{display:flex;gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r2);color:var(--muted);font-size:var(--sm);margin-bottom:var(--s5)}.notice>span{color:var(--accent);font-weight:800}.notice strong{color:var(--text)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-bottom:var(--s5)}.metrics article{border:1px solid var(--line);border-radius:var(--r2);padding:var(--s4);background:var(--surface)}.metrics article>span{color:var(--muted);font-size:var(--sm)}.metrics strong{font:600 var(--xl)/1.6 var(--mono);display:block;letter-spacing:-.07em}.metrics article:last-child strong{color:var(--success);text-shadow:0 0 18px var(--glow-green)}.metrics small{font-size:var(--xs);color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}.panel-head{padding:var(--s5);display:flex;justify-content:space-between;gap:var(--s4);align-items:center}.panel-head p{font-size:var(--sm);margin-top:var(--s1)}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s3);padding:0 var(--s5) var(--s5)}label{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--sm);color:var(--muted)}input,select,textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r1);min-height:var(--input);padding:var(--s2) var(--s3);max-width:100%}.search{flex:1;min-width:180px}.empty{text-align:center;padding:var(--s7) var(--s5);border-top:1px solid var(--line)}.empty-icon{display:grid;place-items:center;margin:0 auto var(--s4);width:60px;height:60px;border:1px solid var(--line);border-radius:var(--r3);font-size:var(--xl);color:var(--accent);background:var(--bg)}.empty p{color:var(--muted);margin:var(--s2) 0 var(--s5)}.empty small{margin-top:var(--s4);color:var(--muted)}.table-wrap{overflow:auto;max-height:65vh}table{border-collapse:collapse;width:100%;font-size:var(--sm);text-align:left}th{color:var(--muted);font-weight:500;background:var(--bg);position:sticky;top:0;white-space:nowrap}th,td{padding:var(--s4);border-top:1px solid var(--line);vertical-align:middle}td.amount{font-family:var(--mono);white-space:nowrap}td.product{min-width:210px;max-width:320px;overflow-wrap:anywhere}td.proof{min-width:170px;max-width:230px;overflow-wrap:anywhere}td.product strong{display:block;color:var(--text)}td small{color:var(--muted);font-size:var(--xs)}input[type=checkbox]{width:var(--lg);height:var(--lg);min-height:0;accent-color:var(--accent)}.positive{color:var(--success)}.negative{color:var(--danger)}.status{display:inline-block;color:var(--warning);font-size:var(--xs);margin-bottom:var(--s1)}.status.complete{color:var(--success)}.table-foot{border-top:1px solid var(--line);padding:var(--s3) var(--s5);color:var(--muted);font-size:var(--xs)}.next-step{display:flex;gap:var(--s5);align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:var(--s6) 0}.next-step p.muted{max-width:730px;font-size:var(--sm);margin-top:var(--s2)}.disclaimer{color:var(--muted);font-size:var(--xs);padding-top:var(--s4)}#feedback:not(:empty),#error{padding:var(--s3) var(--s5)}#error{color:var(--danger)}dialog{width:min(var(--dialog),calc(100vw - var(--s6)));max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s5)}dialog::backdrop{background:rgba(0,0,0,.75)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.upload{padding:var(--s4);border:1px dashed var(--border);border-radius:var(--r1);margin:var(--s4) 0}input[type=file]{border:none;background:none;padding:var(--s2) 0}details{padding:var(--s3) 0;font-size:var(--sm);color:var(--muted)}summary{cursor:pointer;color:var(--text)}details p{margin:var(--s3) 0}code{color:var(--accent)}.csv-label{margin:var(--s3) 0 var(--s2)}textarea{width:100%;font:var(--sm)/1.6 var(--mono);resize:vertical}.dialog-actions{display:flex;gap:var(--s3);justify-content:flex-end;padding:var(--s4) 0;flex-wrap:wrap}#import-message{font-size:var(--sm);overflow-wrap:anywhere}.preview-table{overflow:auto;max-height:240px;margin-top:var(--s3)}.preview-table th,.preview-table td{padding:var(--s2) var(--s3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:var(--s4);top:-100px;background:var(--accent);color:var(--on-accent);padding:var(--s2);z-index:10}.skip:focus{top:var(--s4)}
@media(min-width:1700px){main{padding:var(--s7)}}@media(max-width:1100px){.sidebar{width:190px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:var(--s5)}.next-step{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;position:static;padding:var(--s4);border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap;gap:var(--s2)}.brand{width:100%;margin-bottom:var(--s2)}.nav{width:auto;flex:1;font-size:var(--sm)}.nav-label,.roadmap,.sidebar-foot{display:none}header{height:56px;padding:0 var(--s4)}main{padding:var(--s4)}h1{font-size:var(--xl)}.page-heading{flex-direction:column;align-items:flex-start}.page-heading>.primary{width:100%}.metrics{gap:var(--s2)}.metrics article{padding:var(--s3)}.metrics small{line-height:1.4}.panel-head{padding:var(--s4);flex-direction:column;align-items:flex-start}.filters{padding:0 var(--s4) var(--s4)}.filters label{flex:1;min-width:120px}.search{flex-basis:100%!important}.notice{align-items:flex-start}.table-foot{padding:var(--s3)}dialog{padding:var(--s4);width:calc(100vw - var(--s5))}.tag{font-size:9px}.dialog-actions button{width:100%}}
.filter-warning{margin:0 var(--s5) var(--s4);padding:var(--s3);color:var(--warning);border:1px solid var(--line);border-radius:var(--r1)}.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}.scope-card{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--bg)}.scope-card h3{margin-top:var(--s2)}.scope-card ul{padding-left:var(--s5);color:var(--muted);font-size:var(--sm)}.scope-card small{color:var(--muted)}.scope-limit{border-top:1px solid var(--line);margin-top:var(--s3);padding-top:var(--s3);font-size:var(--xs);color:var(--warning)}@media(max-width:700px){.scope-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}