html{background:#090b10}#root{min-height:100vh}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--surface:#11151d;--surface-2:#171c25;--border:#283141;--text:#f8fafc;--muted:#9aa7bc;--red:#ff2038;--red-soft:#ff203824;--green:#26d07c;--yellow:#ffd166}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #ff203824, transparent 34%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0c0f15eb;height:100vh;padding:22px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--red), #b81224);border-radius:8px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 18px 40px #ff20383d}.brand strong,.brand span{display:block}.brand span{color:var(--muted);margin-top:3px;font-size:13px}nav{gap:8px;display:grid}nav button,.secondary,.primary{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:inline-flex}nav button{justify-content:flex-start}nav button.active,nav button:hover{background:var(--red-soft);border-color:#ff203899}.primary{background:var(--red);border-color:var(--red);justify-content:center;font-weight:800}.secondary{background:var(--surface-2)}main{padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:860px;margin-bottom:0;font-size:clamp(28px,5vw,48px);line-height:1.02}h2{font-size:18px}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.split{grid-template-columns:minmax(0,1fr) 420px;gap:16px;display:grid}.panel,.metric{border:1px solid var(--border);background:#11151ddb;border-radius:10px;padding:18px}.panel.full{grid-column:1/-1}.panel.wide{grid-column:span 3}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-header h2{align-items:center;gap:8px;margin:0;display:inline-flex}.panel-header span,small{color:var(--muted)}.metric{align-content:center;gap:8px;min-height:132px;display:grid}.metric svg{color:var(--red)}.metric strong{font-size:34px}.metric span{color:var(--muted)}.metric.danger{border-color:#ff203880}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.channel-card{border:1px solid var(--border);background:#0d1118;border-radius:8px;padding:14px}.channel-card span,.channel-card small{color:var(--muted);display:block}.channel-card strong{margin:10px 0 4px;font-size:28px;display:block}.channel-summary{min-height:190px}.channel-summary svg{color:var(--red)}.badge{width:fit-content;color:var(--yellow);background:#ffd1661f;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.badge.ok{color:var(--green);background:#26d07c1f}.table{gap:10px;display:grid}.table-row{border:1px solid var(--border);background:#0d1118;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(140px,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}code,pre{font-family:Cascadia Code,Fira Code,ui-monospace,monospace}code{color:#c8d3e6;overflow-wrap:anywhere}.timeline{gap:14px;display:grid}.timeline-item{grid-template-columns:12px minmax(0,1fr);align-items:start;gap:12px;display:grid}.timeline-item>span{background:var(--red);border-radius:50%;width:10px;height:10px;margin-top:5px}.timeline-item strong,.timeline-item small{display:block}.preview{position:sticky;top:28px}select{border:1px solid var(--border);min-width:150px;color:var(--text);background:#0d1118;border-radius:8px;padding:8px 10px}.phone-preview{border:1px solid var(--border);background:linear-gradient(#121821,#090c12);border-radius:14px;min-height:280px;margin-top:16px;padding:18px}.phone-preview pre{white-space:pre-wrap;color:#dbe6f8;margin:14px 0 0;line-height:1.55}.security-list{gap:10px;display:grid}.error{color:#ff9ca8}.empty{text-align:center;min-height:360px;color:var(--muted);border:1px dashed var(--border);border-radius:12px;place-items:center;padding:30px;display:grid}.empty.compact{min-height:170px}.empty svg{color:var(--red)}.skeleton{background:linear-gradient(90deg,#11151d,#202633,#11151d) 0 0/220% 100%;border-radius:10px;height:132px;animation:1.6s infinite pulse}.skeleton.row{height:58px}@keyframes pulse{to{background-position:-220% 0}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid,.split{grid-template-columns:1fr}.panel.wide{grid-column:auto}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{position:static}}@media (width<=680px){main,.sidebar{padding:16px}.topbar{flex-direction:column}nav,.channel-grid,.table-row{grid-template-columns:1fr}}