:root{--surface-0: #000;--surface-1: #1a1a1a;--surface-2: #242424;--text: #fafaf9;--muted: #a8a29e;--border: #78716c;--red-filled: #d92020;--red-text: #ff6b6b;--green: #1b5e20;--yellow: #a16207;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;color:var(--text);background:var(--surface-0);font-family:Segoe UI,Helvetica,Arial,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:var(--surface-0)}button,input,select,textarea{font:inherit;min-height:32px}button{cursor:pointer}:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #000}.shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;min-height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--space-2)}.mark{width:16px;height:16px;border:2px solid var(--red-filled);border-radius:50%;box-shadow:inset -5px 0 0 var(--red-filled)}.who{display:flex;align-items:center;gap:var(--space-3);min-width:0;max-width:100%;color:#e7e5e4}.who span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who button,.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.lookup-toggle{display:none}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);padding:var(--space-3) var(--space-3) var(--space-5);overflow:auto}.side-heading{margin:0 0 var(--space-2);font-size:13px;font-weight:600;color:var(--muted)}.lookup{margin:0 0 var(--space-2)}.lookup label,.field label{display:block;color:var(--muted);font-size:13px}.lookup input,main input,main select,textarea{width:100%;margin-top:var(--space-1);background:var(--surface-0);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px var(--space-2)}.lookup button{margin-top:var(--space-1)}.nav{display:flex;flex-direction:column;margin-top:var(--space-4);gap:2px}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#e7e5e4;border:0;border-left:3px solid transparent;padding:var(--space-2) 10px}.nav button.active{background:var(--surface-2);border-left-color:var(--red-filled);color:#fff}main{padding:var(--space-4) var(--space-4) var(--space-6);overflow:auto;background:var(--surface-0)}.gate{max-width:520px;margin:48px auto;padding:var(--space-5)}.page-title{margin-bottom:var(--space-3)}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}.kpi{min-height:132px;border-radius:6px;padding:var(--space-4);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1)}.kpi span{font-size:13px}.kpi strong{font-size:28px;font-weight:600;letter-spacing:-.03em}.tone-word,.threshold{font-size:13px}.kpi.green{background:var(--green)}.kpi.yellow{background:var(--yellow)}.kpi.red{background:var(--red-filled)}.kpi.neutral{background:var(--surface-2);border:1px solid var(--border)}.threshold-note{margin:var(--space-2) 0 0}button.tone-red,button.tone-amber,button.tone-neutral,button.primary{border-radius:6px;padding:var(--space-2) var(--space-3)}button.tone-red{background:var(--red-filled);color:#fff;border:0}button.tone-amber{background:var(--yellow);color:#fff;border:0}button.tone-neutral,button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.primary{background:var(--red-filled);color:#fff;border:0}button:disabled,button.tone-red:disabled,button.tone-amber:disabled,button.primary:disabled,button.tone-neutral:disabled{background:var(--surface-2);color:var(--muted);border-color:var(--border);cursor:not-allowed;opacity:1}textarea{min-height:72px}.dialog label{display:block;margin:10px 0;font-size:13px}.view-list{align-self:flex-start;background:transparent;color:#fff;border:0;padding:0;min-height:32px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline}.board{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:var(--space-4);margin-bottom:var(--space-3)}.board .card{margin-bottom:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}h1,h2,h3{margin:0 0 var(--space-2);font-weight:600}.muted{color:var(--muted)}.error{color:var(--red-text)}.toggles{display:flex;gap:6px;flex-wrap:wrap}.toggles button{background:var(--surface-2);color:#e7e5e4;border:1px solid var(--border);border-radius:4px;padding:var(--space-1) var(--space-2)}.toggles button.active{background:var(--red-filled);border-color:var(--red-filled);color:#fff}.chart{height:220px}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin:var(--space-3) 0}.row input,.row select{width:auto;min-width:180px;margin-top:0}button.link{background:none;border:0;color:var(--red-text);padding:0;min-height:32px;text-align:left}table{width:100%;border-collapse:collapse;margin-top:var(--space-2)}th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:6px var(--space-2)}td{padding:var(--space-2);border-top:1px solid var(--border);vertical-align:top}.flag{display:inline-block;margin:0 6px var(--space-1) 0;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--text);font-size:12px}pre{white-space:pre-wrap;background:var(--surface-0);color:#e7e5e4;padding:var(--space-2);border-radius:6px;max-height:240px;overflow:auto}.diff{margin:var(--space-2) 0;padding-left:18px}.diff span{color:var(--muted)}dialog.dialog{width:min(640px,calc(100% - 32px));background:var(--surface-1);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:var(--space-4)}dialog.dialog::backdrop{background:#0000008c}.skeleton{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.skeleton-tile{display:block;height:32px;border-radius:4px;background:var(--surface-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 980px){.kpis,.board{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.shell{position:relative;grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-x:hidden}.shell>*{min-width:0}.topbar{flex-wrap:wrap;height:auto;min-height:56px;max-width:100%;padding-top:var(--space-2);padding-bottom:var(--space-2)}.brand{min-width:0}.who{flex:1 1 100%;min-width:0;max-width:100%;justify-content:flex-end}.lookup-toggle{display:inline-flex}.sidebar{display:none}.sidebar.open{display:block;position:absolute;z-index:30;grid-column:1;grid-row:2;top:0;right:0;bottom:0;left:0}.kpis,.board{grid-template-columns:1fr}button,input,select,textarea,button.view-list,button.link{min-height:44px}}@media (max-width: 390px){.sidebar.open{display:flex;flex-direction:column}.sidebar.open .nav{order:-1;margin-top:0;margin-bottom:var(--space-4)}}