:root{color:#f2fff8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07100e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}.admin-shell{color:#f2fff8;background:#07100e;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid;overflow-x:hidden}.admin-shell.light{color:#07182c;background:#f4fbff}.login-shell{color:#f2fff8;background:radial-gradient(circle at 20% 20%,#35d07f29,#0000 28%),radial-gradient(circle at 80% 0,#15bfff24,#0000 32%),#07100e;place-items:center;min-height:100vh;padding:24px;display:grid}.login-shell.light{color:#07182c;background:radial-gradient(circle at 20% 20%,#35d07f24,#0000 28%),radial-gradient(circle at 80% 0,#15bfff1f,#0000 32%),#f4fbff}.login-card{background:#101b18;border:1px solid #263a34;border-radius:8px;width:min(440px,100%);padding:24px;box-shadow:0 24px 80px #00000052}.light .login-card,.light .sidebar,.light .metric-card,.light .panel,.light .traffic-panel,.light .location-panel,.light .compact-row,.light .ops-tile,.light .memory-policy,.light .control-card,.light .revenue-card{background:#fff;border-color:#d5e7f5}.light .security-note,.light .nav-item:hover,.light .nav-item.active,.light .secondary-action,.light .full-action,.light .tiny-action,.light input,.light select,.light .inline-check,.light .sync-strip{color:#07182c;background:#edf7fc;border-color:#d5e7f5}.light .brand,.light th,.light td,.light .setting-row,.light .match-row,.light .ticket-summary,.light .location-row,.light .live-users-table{border-color:#d5e7f5}.light .brand span,.light .security-note span,.light .metric-card span,.light .metric-card small,.light .match-row span,.light .eyebrow,.light .mini-stat-row span,.light .location-row span,.light .device-split span,.light .compact-row span,.light .ops-tile span,.light .control-card span,.light .revenue-card span,.light .revenue-card small,.light .traffic-bar small,.light .ticket-summary span,.light th{color:#5c6f82}.light .nav-item,.light .audit-list,.light .memory-policy span,.light .ops-tile,.light .secondary-action,.light .full-action{color:#10223a}.light .empty-state{color:#5c6f82;background:#f7fcff;border-color:#d5e7f5}.sidebar{background:#0d1815;border-right:1px solid #263a34;flex-direction:column;gap:22px;min-height:100vh;padding:22px 16px;display:flex}.brand,.security-note,.topbar,.panel-heading,.metric-card,.setting-row,.match-row,.topbar-actions{align-items:center;display:flex}.brand{border-bottom:1px solid #263a34;gap:12px;padding:4px 4px 16px}.brand.large{margin-bottom:22px;padding-bottom:18px}.brand.large strong{font-size:22px}.brand-mark,.metric-icon,.icon-button{color:#35d07f;background:#35d07f24;border:1px solid #35d07f47;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand strong,.brand span,.security-note strong,.security-note span,.metric-card span,.metric-card small,.match-row span{display:block}.brand strong{font-size:16px}.brand span,.security-note span,.metric-card span,.metric-card small,.match-row span,.eyebrow{color:#a8b8b0}.nav-list{gap:6px;display:grid}.nav-item{color:#cfe0d8;width:100%;height:42px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#8af0b2;background:#162520;border-color:#263a34}.security-note{background:#162520;border:1px solid #263a34;border-radius:8px;gap:10px;margin-top:auto;padding:12px}.security-note span{font-size:12px}.workspace{min-width:0;padding:24px;overflow-x:hidden}.topbar{justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:19px}.topbar-actions{flex-wrap:wrap;gap:10px}button{letter-spacing:0}button:disabled{cursor:progress;opacity:.72}input,textarea{color:#f2fff8;min-height:42px;font:inherit;background:#0d1815;border:1px solid #263a34;border-radius:8px;outline:none;padding:0 12px}textarea{resize:vertical;grid-column:1/-1;min-height:82px;padding:10px 12px}select{color:#f2fff8;min-height:42px;font:inherit;background:#0d1815;border:1px solid #263a34;border-radius:8px;outline:none;padding:0 12px}input:focus,textarea:focus,select:focus{border-color:#35d07f;box-shadow:0 0 0 3px #35d07f1f}.login-form{gap:14px;display:grid}.login-form label{color:#cfe0d8;gap:7px;font-weight:700;display:grid}.form-error,.error-banner,.success-banner{color:#ffb3bf;background:#ff56691f;border:1px solid #ff566959;border-radius:8px}.form-error{margin:0;padding:10px 12px}.error-banner{margin-bottom:16px;padding:12px 14px}.success-banner{color:#8af0b2;background:#35d07f1f;border-color:#35d07f5c;margin-bottom:16px;padding:12px 14px}.sync-strip{color:#a8b8b0;background:#0d1815;border:1px solid #263a34;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;min-height:40px;margin:-8px 0 18px;padding:8px 12px;display:flex}.sync-strip span{border-right:1px solid #263a34;padding-right:10px}.sync-strip span:last-child{border-right:0}.primary-action,.secondary-action,.full-action{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.primary-action{color:#06100d;background:#35d07f}.secondary-action,.full-action{color:#f2fff8;background:#162520;border:1px solid #263a34}.icon-button{cursor:pointer}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card,.panel{background:#101b18;border:1px solid #263a34;border-radius:8px}.metric-card{flex-direction:column;align-items:flex-start;gap:10px;min-height:132px;padding:16px}.metric-card strong{font-size:27px}.metric-card small{color:#8af0b2}.metric-spark{grid-template-columns:repeat(5,1fr);align-items:end;gap:5px;width:100%;height:34px;margin-top:auto;display:grid}.metric-spark i{opacity:.86;background:linear-gradient(#35d07f,#15bfff);border-radius:4px 4px 1px 1px;display:block}.content-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;display:grid}.content-grid.single-tab{grid-template-columns:1fr}.tab-hidden{display:none!important}.dashboard-graph-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.control-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.control-card{background:#101b18;border:1px solid #263a34;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:92px;padding:14px;display:flex}.control-card strong,.revenue-card strong{margin:4px 0;font-size:24px;display:block}.control-card span,.revenue-card span,.revenue-card small{color:#a8b8b0}.system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.status-card{background:#101b18;border:1px solid #263a34;border-radius:8px;align-content:center;gap:8px;min-height:84px;padding:14px;display:grid;position:relative}.light .status-card{background:#fff;border-color:#d5e7f5}.status-card span{color:#a8b8b0;font-size:13px}.light .status-card span{color:#5c6f82}.status-card strong{font-size:18px}.status-dot{border-radius:99px;width:10px;height:10px;position:absolute;top:14px;right:14px}.status-dot.healthy{background:#35d07f;box-shadow:0 0 18px #35d07f73}.status-dot.warning{background:#e8c75b;box-shadow:0 0 18px #e8c75b59}.system-message{color:#a8b8b0;border:1px dashed #263a34;border-radius:8px;grid-column:1/-1;padding:12px 14px}.light .system-message{color:#5c6f82;border-color:#d5e7f5}.graph-panel{background:#101b18;border:1px solid #263a34;border-radius:8px;grid-template-rows:auto 1fr;gap:14px;min-height:190px;padding:14px;display:grid}.light .graph-panel{background:#fff;border-color:#d5e7f5}.graph-heading{justify-content:space-between;gap:12px;display:flex}.graph-heading strong,.graph-heading span{display:block}.graph-heading span{color:#a8b8b0;margin-top:4px;font-size:13px}.light .graph-heading span{color:#5c6f82}.graph-heading svg{color:#35d07f}.graph-bars{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;height:110px;display:grid}.graph-bar{grid-template-rows:1fr auto auto;align-items:end;gap:6px;min-width:0;height:100%;display:grid}.graph-bar i{background:linear-gradient(#35d07f,#15bfff 54%,#705cff);border-radius:8px 8px 2px 2px;min-height:8px;box-shadow:0 0 20px #15bfff33}.graph-bar span,.graph-bar strong{text-overflow:ellipsis;text-align:center;white-space:nowrap;overflow:hidden}.graph-bar span{color:#a8b8b0;font-size:11px}.light .graph-bar span{color:#5c6f82}.graph-bar strong{font-size:13px}.graph-empty-note{color:#a8b8b0;text-align:center;border:1px dashed #263a34;border-radius:8px;grid-column:1/-1;padding:12px 14px}.light .graph-empty-note{color:#5c6f82;border-color:#d5e7f5}.api-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.stack-form{gap:10px;margin:12px 0 16px;display:grid}.inline-check{color:#cfe0d8;background:#0d1815;border:1px solid #263a34;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:800;display:inline-flex}.inline-check input{accent-color:#35d07f;width:16px;height:16px;min-height:auto;padding:0}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.empty-state{color:#a8b8b0;text-align:center;background:#0d1815a3;border:1px dashed #263a34;border-radius:8px;place-items:center;min-height:76px;padding:14px;display:grid}.tiny-action{color:#f2fff8;min-height:32px;font:inherit;cursor:pointer;background:#162520;border:1px solid #263a34;border-radius:8px;padding:0 10px;font-weight:800}.panel{min-width:0;padding:16px}.panel.wide{grid-row:span 2}.panel-heading{justify-content:space-between;gap:14px;margin-bottom:16px}.panel-heading.compact{align-items:flex-start}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #263a34;padding:13px 12px}th{color:#a8b8b0;text-transform:uppercase;font-size:12px}.status{border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.active-status{color:#8af0b2;background:#35d07f29}.paused-status{color:#e8c75b;background:#e8c75b29}.danger-status{color:#ff7d8d;background:#ff566929}.setting-row,.match-row{border-bottom:1px solid #263a34;justify-content:space-between;gap:14px;padding:12px 0}.full-action{width:100%;margin-top:14px}.match-list{display:grid}.match-row strong{display:block}.ticket-summary{border-bottom:1px solid #263a34;align-items:baseline;gap:10px;padding-bottom:14px;display:flex}.ticket-summary strong{color:#e8c75b;font-size:34px}.ticket-summary span{color:#a8b8b0}.audit-list{color:#cfe0d8;margin:0;padding-left:20px}.audit-list li{padding:8px 0}.compact-list,.ops-grid{gap:10px;display:grid}.revenue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.compact-metrics{grid-template-columns:repeat(4,minmax(120px,1fr))}.revenue-card{background:#0d1815;border:1px solid #263a34;border-radius:8px;min-height:104px;padding:13px}.revenue-card.highlight{background:linear-gradient(135deg,#35d07f29,#0d1815);border-color:#35d07f80}.revenue-card strong{color:#8af0b2}.support-editor{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;display:grid}.section-divider{color:#f2fff8;border-top:1px solid #263a34;margin:16px 0 10px;padding-top:14px}.light .section-divider{color:#07182c;border-color:#d5e7f5}.compact-row{background:#0d1815;border:1px solid #263a34;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:flex}.compact-row span,.ops-tile span{color:#a8b8b0;display:block}.row-right{text-align:right}.ops-grid{grid-template-columns:1fr 1fr}.ops-tile{text-align:left;color:#f2fff8;cursor:pointer;background:#0d1815;border:1px solid #263a34;border-radius:8px;align-content:space-between;min-height:112px;padding:12px;display:grid}.ops-tile svg{color:#35d07f}.live-analytics-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;margin-bottom:16px;display:grid}.traffic-panel,.location-panel{background:#0d1815;border:1px solid #263a34;border-radius:8px;padding:14px}.mini-stat-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.mini-stat-row span,.location-row span,.device-split span{color:#a8b8b0}.mini-stat-row strong{margin-top:4px;font-size:22px;display:block}.traffic-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:150px;display:grid}.traffic-bar{grid-template-rows:1fr auto;align-items:end;gap:8px;height:100%;display:grid}.traffic-bar span{background:linear-gradient(#35d07f,#15bfff);border-radius:8px 8px 2px 2px;min-height:16px;display:block;box-shadow:0 0 18px #15bfff40}.traffic-bar small{text-align:center;color:#a8b8b0}.panel-subtitle,.device-split{align-items:center;gap:8px;display:flex}.muted-line{color:#7f938b;word-break:break-all;margin-top:4px;font-size:.78rem;display:block}.panel-subtitle{color:#8af0b2;margin-bottom:10px}.location-row{border-bottom:1px solid #263a34;justify-content:space-between;gap:12px;min-height:34px;padding:8px 0;display:flex}.device-split{flex-wrap:wrap;margin-top:14px}.live-users-table{border-top:1px solid #263a34;padding-top:10px}.memory-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.memory-policy{background:#0d1815;border:1px solid #263a34;border-radius:8px;gap:8px;padding:14px;display:grid}.memory-policy strong{color:#8af0b2}.memory-policy span{color:#cfe0d8}@media (width<=1040px){.admin-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid,.system-grid,.dashboard-graph-grid,.control-room-grid,.revenue-grid,.content-grid,.live-analytics-grid,.api-form{grid-template-columns:1fr 1fr}.panel.wide{grid-column:1/-1}}@media (width<=700px){.workspace,.sidebar{padding:16px}.topbar,.content-grid,.stat-grid,.system-grid,.dashboard-graph-grid,.control-room-grid,.revenue-grid,.live-analytics-grid,.memory-grid,.mini-stat-row{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.nav-list{grid-template-columns:1fr 1fr}h1{font-size:24px}}
