:root{color-scheme:dark;--bg: #0c1117;--bg-alt: #121a23;--panel: #131d28;--panel-2: #172330;--border: #35506b;--border-soft: rgba(75, 108, 140, .35);--text: #d9e6f2;--muted: #8fa3b8;--cyan: #58dff6;--cyan-soft: rgba(88, 223, 246, .15);--gold: #d6b15a;--green: #53d38b;--orange: #f2a65a;--red: #ff6c6c;--shadow: 0 22px 60px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 18% 10%,rgba(88,223,246,.09),transparent 30%),radial-gradient(circle at 85% 0%,rgba(214,177,90,.08),transparent 24%),linear-gradient(180deg,#0b1016,#0f1520 45%,#0a0f15);color:var(--text)}button,select{font:inherit}.app-shell{max-width:1600px;margin:0 auto;padding:22px}.top-surface{display:grid;gap:18px;margin-bottom:18px}.brand-block{padding:18px 20px 12px;border:1px solid var(--border-soft);background:linear-gradient(180deg,#131d28f0,#0e141dfa);box-shadow:var(--shadow)}.brand-kicker,.source,.status-pill span,.control-group label,.mini-card span,.stat-row span,.metric span,.comparison-card h3{font-family:SFMono-Regular,ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}.brand-block h1{margin:4px 0 8px;font-size:clamp(2rem,3vw,3.2rem);font-weight:750}.mode-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border:1px solid currentColor;background:#ffffff08;font-family:SFMono-Regular,ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;margin-bottom:8px}.mode-live{color:var(--green)}.mode-demo{color:var(--orange)}.brand-block p,.panel p,td,th,select,option{line-height:1.5}.brand-block p,.muted{color:var(--muted)}.status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.status-pill{padding:10px 12px;border:1px solid var(--border-soft);background:#121a23e0}.status-pill span,.control-group label{display:block;color:var(--cyan);font-size:.7rem;margin-bottom:5px}.status-pill strong{display:block;font-size:.94rem;font-weight:650}.panel{border:1px solid var(--border-soft);background:linear-gradient(180deg,#121b25f2,#0e131bfa);box-shadow:var(--shadow)}.workspace-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px;margin-bottom:18px}.workspace-tools.compact-tools{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;border:0;background:transparent;box-shadow:none}.control-group select{width:100%;border:1px solid var(--border);background:#0f171f;color:var(--text);padding:11px 12px;border-radius:0}.page-switcher{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.tab,.action-btn{border:1px solid var(--border);background:linear-gradient(180deg,#172330f5,#0d131bf5);color:var(--text);padding:10px 14px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.tab:hover,.action-btn:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 0 0 1px #58dff61a}.tab.active{color:var(--cyan);border-color:var(--cyan);background:#17242ffa}.loading-panel,.warning-panel,.placeholder-panel{padding:18px;margin-bottom:18px}.warning-panel{color:var(--orange)}.page-frame{display:block}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{padding:16px}.card.wide{grid-column:span 12}.card:not(.wide){grid-column:span 6}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.card-head h2,.placeholder-panel h2{margin:0;font-size:1.1rem}.stat-stack,.note-list{display:grid;gap:10px}.stat-row,.metric,.mini-card,.comparison-card{border:1px solid var(--border-soft);background:#0a10167a;padding:12px 13px}.stat-row{display:flex;justify-content:space-between;gap:16px}.stat-row strong,.metric strong,.mini-card strong{text-align:right;color:var(--text)}.gold-value{color:var(--gold)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{display:flex;justify-content:space-between;gap:10px}.metric-good strong,.source-esi,.source-log,.source-live,.source-collector{color:var(--green)}.metric-warn strong,.source-est,.source-demo{color:var(--orange)}.metric-danger strong,.source-manual{color:var(--red)}.feed-list{display:grid;gap:10px}.feed-item{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--border-soft);background:#080d127a;padding:12px}.feed-item strong,.note-row p{display:block;margin:0 0 4px}.feed-item p,.note-row p,.placeholder-panel p{margin:0;color:var(--text)}.feed-meta,.chip-row,.buttons-row,.control-row,.comparison-grid,.table-shell{display:grid;gap:10px}.system-grid{margin-top:4px}.feed-meta{text-align:right;justify-items:end}.source{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:5px 9px;border:1px solid currentColor;background:#ffffff05;font-size:.72rem}.chip-row{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start}.note-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1px solid var(--border-soft);padding:10px 12px;background:#080d1273}.stat-grid{display:grid;gap:10px}.four-up{grid-template-columns:repeat(5,minmax(0,1fr))}.mini-card{display:grid;gap:6px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-card h3{margin:0 0 12px;color:var(--cyan);font-size:.82rem}.table-shell{overflow:auto}.table-shell table{width:100%;border-collapse:collapse}.mono-cell{font-family:SFMono-Regular,ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(75,108,140,.18)}th{color:var(--cyan);font-family:SFMono-Regular,ui-monospace,monospace;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.action-btn.action-start{color:var(--green)}.action-btn.action-pause{color:var(--orange)}.action-btn.action-resume{color:var(--cyan)}.action-btn.action-reset{color:var(--red)}.placeholder-panel{min-height:320px}@media (max-width: 1200px){.workspace-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.card:not(.wide){grid-column:span 12}.metric-grid,.comparison-grid,.four-up{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{padding:12px}.workspace-tools,.status-strip{grid-template-columns:1fr}.feed-item,.note-row,.stat-row,.metric{grid-template-columns:1fr;flex-direction:column}.feed-meta{justify-items:start;text-align:left}}