:root{--bg:#0e1214;--surface:#161b1e;--surface-2:#1d2427;--surface-3:#252d31;--line:#2b3439;--line-strong:#3a464c;--text:#e6ecee;--text-2:#96a4ab;--text-3:#6b7a81;--accent:#6fa8c4;--accent-ink:#a9cfe3;--accent-soft:#16303c;--ok:#63a279;--ok-soft:#16281c;--warn:#c9a24a;--warn-soft:#2b2413;--risk:#c86a52;--risk-soft:#2e1a15;--f-head:"Saira Condensed", "Saira", system-ui, sans-serif;--f-body:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--r:4px;--shadow:0 1px 2px #00000080, 0 12px 32px -20px #000000e6;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}body:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.13;z-index:0;background-size:64px 64px;position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--f-head);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.shell{z-index:1;grid-template-columns:232px 1fr;min-height:100dvh;display:grid;position:relative}.side{border-right:1px solid var(--line);background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);gap:var(--s5);padding:var(--s5) var(--s4);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface-2);width:30px;height:30px;color:var(--accent);flex:none;place-items:center;display:grid}.brand-name{font-family:var(--f-head);letter-spacing:.06em;font-size:20px;font-weight:600}.brand-sub{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:9.5px}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--r);color:var(--text-2);border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item[aria-current=page]{background:var(--surface-2);color:var(--text);border-left-color:var(--accent)}.nav-item svg{flex:none}.side-foot{gap:var(--s3);flex-direction:column;margin-top:auto;display:flex}.role-switch{flex-direction:column;gap:6px;display:flex}.role-label{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:9.5px}.role-track{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.role-btn{color:var(--text-2);text-align:center;border-radius:3px;padding:6px 4px;font-size:12.5px;transition:background .15s,color .15s}.role-btn[data-on=true]{background:var(--accent-soft);color:var(--accent-ink)}.tenant{border-top:1px solid var(--line);padding-top:var(--s3);align-items:center;gap:9px;display:flex}.tenant-logo{border-radius:var(--r);background:var(--surface-3);border:1px solid var(--line-strong);width:26px;height:26px;font-family:var(--f-head);color:var(--text-2);place-items:center;font-size:13px;display:grid}.tenant-name{font-size:13px;line-height:1.25}.tenant-meta{color:var(--text-3);font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s6);border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.02em;font-size:22px}.topbar-sub{color:var(--text-2);margin-top:2px;font-size:13px}.content{padding:var(--s6);gap:var(--s6);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-head{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.card-title{font-family:var(--f-head);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-size:15px}.card-body{padding:var(--s4)}.eyebrow{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:10px}.kpis{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(168px,1fr));display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);flex-direction:column;gap:6px;display:flex}.kpi-v{font-family:var(--f-head);font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.kpi-l{color:var(--text-2);font-size:12.5px}.kpi-d{color:var(--text-3);align-items:center;gap:5px;font-size:11.5px;display:flex}.chip{font-family:var(--f-mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:2px;align-items:center;gap:5px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.chip-ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in oklab, var(--ok) 30%, transparent)}.chip-warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in oklab, var(--warn) 30%, transparent)}.chip-risk{background:var(--risk-soft);color:var(--risk);border-color:color-mix(in oklab, var(--risk) 30%, transparent)}.chip-mute{background:var(--surface-3);color:var(--text-2);border-color:var(--line-strong)}.chip-acc{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in oklab, var(--accent) 30%, transparent)}.btn{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface-2);min-height:34px;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 46%, transparent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent-soft) 70%, var(--accent) 18%)}.btn-ghost{border-color:var(--line);color:var(--text-2);background:0 0}.btn-sm{min-height:28px;padding:0 10px;font-size:12.5px}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);border-radius:3px;padding:5px 11px;font-size:12.5px}.seg button[data-on=true]{background:var(--surface-3);color:var(--text)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-2);font-size:12.5px}.input,.textarea,.select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r);font:inherit;padding:9px 11px;font-size:14px;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;min-height:90px;line-height:1.5}.hint{color:var(--text-3);font-size:11.5px}.bar{background:var(--surface-3);border-radius:999px;height:5px;overflow:hidden}.bar>i{background:var(--accent);border-radius:999px;height:100%;display:block}.bar.ok>i{background:var(--ok)}.bar.warn>i{background:var(--warn)}.bar.risk>i{background:var(--risk)}.spark{align-items:flex-end;gap:2px;height:26px;display:flex}.spark>i{background:color-mix(in oklab, var(--accent) 55%, transparent);border-radius:1px;flex:1;min-height:2px}.spark>i:last-child{background:var(--accent)}.acc-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(268px,1fr));display:grid}.acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);gap:var(--s3);flex-direction:column;transition:border-color .15s;display:flex}.acc:hover{border-color:var(--line-strong)}.acc-top{align-items:flex-start;gap:10px;display:flex}.acc-av{border-radius:var(--r);width:34px;height:34px;font-family:var(--f-head);letter-spacing:.04em;background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text-2);flex:none;place-items:center;font-size:14px;display:grid}.acc-handle{font-family:var(--f-mono);font-size:13px}.acc-role{color:var(--text-3);font-size:11.5px}.acc-rows{flex-direction:column;gap:7px;font-size:12.5px;display:flex}.acc-row{justify-content:space-between;align-items:center;gap:var(--s3);color:var(--text-2);display:flex}.acc-row b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.plan-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow-x:auto}.plan{border-collapse:collapse;width:100%;min-width:940px}.plan th,.plan td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}.plan th:last-child,.plan td:last-child{border-right:0}.plan tr:last-child td{border-bottom:0}.plan thead th{z-index:5;background:var(--surface-2);text-align:left;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;padding:9px 10px;font-size:10px;position:sticky;top:0}.plan tbody th{z-index:4;background:var(--surface);text-align:left;width:176px;min-width:176px;padding:10px;font-weight:400;position:sticky;left:0}.plan td{padding:6px}.slot{text-align:left;border:1px solid var(--line);border-left:2px solid var(--line-strong);background:var(--surface-2);width:100%;color:var(--text-2);border-radius:3px;padding:7px 8px;font-size:11.5px;line-height:1.35;transition:border-color .15s,background .15s;display:block}.slot:hover{background:var(--surface-3);border-color:var(--line-strong)}.slot b{color:var(--text);margin-bottom:3px;font-weight:500;display:block}.slot[data-st=live]{border-left-color:var(--ok)}.slot[data-st=queued]{border-left-color:var(--accent)}.slot[data-st=review]{border-left-color:var(--warn)}.slot[data-st=failed]{border-left-color:var(--risk)}.slot-empty{border:1px dashed var(--line);min-height:42px;color:var(--text-3);border-radius:3px;place-items:center;font-size:18px;line-height:1;transition:border-color .15s,color .15s;display:grid}.slot-empty:hover{border-color:var(--accent);color:var(--accent)}.fan-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(152px,1fr));display:grid}.variant{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-align:left;flex-direction:column;width:100%;transition:border-color .15s,transform .15s;animation:.32s cubic-bezier(.2,.7,.3,1) both pop;display:flex;overflow:hidden}.variant:hover{border-color:var(--accent);transform:translateY(-2px)}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.variant{animation:none}.variant:hover{transform:none}}.variant-vis{aspect-ratio:9/16;background:radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--tone) 32%, transparent) 0%, transparent 62%), linear-gradient(180deg, var(--surface-3) 0%, var(--bg) 100%);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:relative}.variant-vis:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.variant-idx{font-family:var(--f-mono);color:var(--text-3);letter-spacing:.1em;font-size:10px}.variant-hook{font-family:var(--f-head);color:var(--text);text-shadow:0 1px 6px #000c;font-size:15px;line-height:1.16}.variant-meta{color:var(--text-2);flex-direction:column;gap:6px;padding:9px 10px;font-size:11.5px;display:flex}.variant-line{align-items:center;gap:6px;display:flex}.variant-line svg{color:var(--text-3);flex:none}.scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--s4);background:#06090ab8;place-items:center;animation:.16s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);width:min(880px,100%);max-height:90dvh;animation:.2s cubic-bezier(.2,.7,.3,1) both rise;overflow:auto;box-shadow:0 24px 80px -24px #000000f2}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scrim,.modal{animation:none}}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);display:flex}.modal-body{padding:var(--s5);gap:var(--s5);grid-template-columns:232px 1fr;display:grid}.modal-foot{padding:var(--s4) var(--s5);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.phone{aspect-ratio:9/16;border:1px solid var(--line-strong);background:radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--tone) 30%, transparent) 0%, transparent 62%), linear-gradient(180deg, var(--surface-3) 0%, #0a0d0e 100%);border-radius:10px;flex-direction:column;justify-content:flex-end;gap:8px;padding:12px;display:flex;position:relative;overflow:hidden}.phone:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.phone-cap{color:#dce4e7;text-shadow:0 1px 5px #000000e6;white-space:pre-wrap;font-size:11.5px;line-height:1.4}.phone-snd{color:#b7c3c8;align-items:center;gap:6px;font-size:10.5px;display:flex}.rows{gap:var(--s4);flex-direction:column;display:flex}.two{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.list{flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--s3);padding:11px var(--s4);border-bottom:1px solid var(--line);display:flex}.list-item:last-child{border-bottom:0}.list-main{flex:1;min-width:0}.list-t{font-size:13.5px}.list-s{color:var(--text-3);font-size:11.5px}.legend{gap:var(--s2) var(--s4);color:var(--text-2);flex-wrap:wrap;font-size:11.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:2px;width:8px;height:8px;display:inline-block}.notice{padding:var(--s3) var(--s4);border:1px solid var(--line);border-left:2px solid var(--warn);border-radius:var(--r);background:var(--surface);color:var(--text-2);gap:10px;font-size:13px;display:flex}.notice svg{color:var(--warn);flex:none;margin-top:2px}.notice.acc{border-left-color:var(--accent)}.notice.acc svg{color:var(--accent)}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.shell{grid-template-columns:1fr}.side{align-items:center;gap:var(--s4);border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;height:auto;position:static}.nav{flex-flow:wrap}.side-foot{align-items:center;gap:var(--s4);flex-direction:row;margin:0}.tenant{border-top:0;padding-top:0}.content,.topbar{padding-left:var(--s4);padding-right:var(--s4)}.modal-body{grid-template-columns:1fr}}