:root{--background:#10110f;--foreground:#f6f3ea;--muted:#a9aaa3;--panel:#1a1b18;--panel-soft:#20221f;--line:#343631;--accent:#f3e8bf;--positive:#b9f5c7;--warning:#ffd38a;--ink:#f7f4e9}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app-frame{background:radial-gradient(circle at 78% 4%,#f3e8bf1a,#0000 30%),linear-gradient(#11120f,#0d0e0c);grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.compact-frame{display:block}.sidebar{border-right:1px solid var(--line);background:#0b0c0a;flex-direction:column;gap:28px;height:100vh;padding:34px 22px;display:flex;position:sticky;top:0}.brand-lockup{border-bottom:1px solid var(--line);gap:6px;padding-bottom:24px;display:grid}.brand-lockup span{font-size:1.15rem;font-weight:850}.brand-lockup small,.integration-card span,.topbar-actions span,.lede{color:var(--muted)}.sidebar nav{gap:6px;display:grid}.sidebar a{min-height:42px;color:var(--muted);border-radius:8px;grid-template-columns:28px 1fr;align-items:center;gap:10px;text-decoration:none;display:grid}.sidebar a[aria-current=page],.sidebar a:hover{color:var(--foreground);background:var(--panel-soft)}.sidebar a span{color:#777972;text-align:center;font-size:.78rem}.integration-card,.panel,.metrics-grid article,.login-panel{border:1px solid var(--line);background:linear-gradient(150deg, var(--panel-soft), var(--panel));border-radius:8px;box-shadow:0 18px 50px #0000002e}.integration-card{margin-top:auto;padding:18px}.integration-card p{color:var(--muted);text-transform:uppercase;font-size:.78rem}.integration-card strong{margin-bottom:8px;display:block}.dashboard-surface{width:min(1240px,100%);padding:42px 48px 64px}.hero-bar{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:26px;display:flex}.topbar-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:16px;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.94}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(1.45rem,2.6vw,2.4rem);line-height:1.05}.lede{max-width:650px;line-height:1.7}.control-strip{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;margin-bottom:16px;display:grid}.control-strip label{color:var(--muted);text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:800;display:grid}.control-strip select,.sync-pill{border:1px solid var(--line);min-height:46px;color:var(--foreground);background:#151613;border-radius:8px;padding:0 14px}.sync-pill{color:var(--positive);align-self:end;align-items:center;font-size:.9rem;display:inline-flex}.metrics-grid{gap:16px;margin-bottom:16px;display:grid}.five-up{grid-template-columns:repeat(5,minmax(0,1fr))}.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-grid article{min-height:154px;padding:22px}.metrics-grid span,.data-table>div:first-child,.simple-list span,.split-stats span,.bar-list span,.activity-list span,.client-table p{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.35}.metrics-grid strong{margin:25px 0 10px;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1;display:block}.metrics-grid p,.bar-list strong,.activity-list p{color:var(--positive);margin-bottom:0;font-size:.88rem;line-height:1.45}.section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.wide-panel{grid-column:span 2}.panel{min-height:260px;padding:24px}.panel-heading{justify-content:space-between;gap:18px;margin-bottom:22px;display:flex}.primary-button,.secondary-button,.text-link{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);color:#1b1a15;font-weight:850}.secondary-button{border-color:var(--line);color:var(--ink);background:0 0}.text-link{color:var(--accent);min-height:auto;padding:0}.data-table{gap:8px;display:grid}.data-table>div{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(78px,.7fr));align-items:center;gap:12px;min-height:46px;display:grid}.data-table>div:last-child{border-bottom:0}.integration-list,.activity-list,.simple-list,.bar-list{gap:12px;margin-top:20px;display:grid}.integration-list>div,.simple-list>div,.activity-list>div{border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:54px;display:grid}.simple-list>div,.activity-list>div{grid-template-columns:1fr;align-items:start}.integration-list p,.activity-list p{color:var(--muted);margin-bottom:0}.integration-list em{color:var(--warning);font-size:.8rem;font-style:normal}.dot{background:var(--warning);border-radius:50%;width:9px;height:9px}.dot.live{background:var(--positive)}.bar-list>div{gap:8px;display:grid}.bar-list>div>div{justify-content:space-between;gap:16px;display:flex}.bar-track{background:#0f100e;border-radius:999px;height:9px;display:block;overflow:hidden}.bar-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.split-stats{gap:12px;margin-top:20px;display:grid}.split-stats div{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.split-stats strong,.simple-list strong{font-size:1.25rem}.event-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.event-grid span{border:1px solid var(--line);min-height:42px;color:var(--positive);background:#141511;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;display:inline-flex}.login-shell{background:radial-gradient(circle at 50% 0%, #f3e8bf1f, transparent 40%), var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(420px,100%);padding:32px}.login-panel h1{margin-bottom:28px;font-size:clamp(2rem,10vw,3.2rem)}.login-panel form{gap:12px;display:grid}.login-panel label{color:var(--muted);font-size:.9rem}.login-panel input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--foreground);background:#11120f;border-radius:8px;padding:0 14px}.error-message{color:#ffb4a8;font-size:.9rem}@media (max-width:1180px){.five-up,.four-up,.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-panel{grid-column:span 2}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.app-frame{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.dashboard-surface{padding:28px 18px 42px}.hero-bar,.topbar-actions,.panel-heading{flex-direction:column;align-items:stretch}.control-strip,.five-up,.four-up,.section-grid,.event-grid{grid-template-columns:1fr}.wide-panel{grid-column:span 1}.data-table{overflow-x:visible}.data-table>div{grid-template-columns:minmax(112px,1fr) 76px 48px 52px;gap:8px;min-width:0;font-size:.84rem}}