:root{color-scheme:dark;--bg:#07131d;--sidebar:#0b2031;--panel:#10293d;--panel-2:#173b59;--text:#f8faf8;--muted:#b8c2c9;--line:#284a62;--accent:#f3900c;--accent-2:#ff6d00;--accent-soft:rgba(243,144,12,0.14);--ok:#72c37c;--warn:#f3900c;--critical:#ef5b45;--shadow:0 18px 50px rgba(0,0,0,0.32)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);padding:22px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#f3900c,#ff6d00);color:#07131d;font-weight:800}.brand strong{display:block;font-size:15px}.brand span,.meta{color:var(--muted);font-size:12px}.nav{display:grid;gap:4px}.nav a{display:flex;align-items:center;gap:10px;min-height:40px;border-radius:8px;color:#d5dee3;padding:0 10px;font-size:14px}.nav a.active,.nav a:hover{background:rgba(243,144,12,.13);color:var(--text)}.main{min-width:0;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.topbar h1{margin:0;font-size:22px;line-height:1.2}.status-row,.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#cbd7dd;background:#0c2233;font-size:12px}.status:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--ok)}.status.warn:before{background:var(--warn)}.status.critical:before{background:var(--critical)}.kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;margin-bottom:14px}.kpi,.panel,.table-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.kpi{padding:14px;min-height:94px}.kpi span{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.kpi strong{font-size:26px;line-height:1}.grid-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:14px}.panel{padding:16px}.compact-panel{margin-bottom:14px}.success-panel{border-color:rgba(67,209,122,.38);background:rgba(67,209,122,.08)}.muted{margin:10px 0 0;color:var(--muted);font-size:13px}.code-block{overflow:auto;max-height:320px;margin:10px 0 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#07131d;color:#d6e4eb;font-size:12px;line-height:1.5}.panel h2,.table-panel h2{margin:0 0 14px;font-size:15px}.chart-wrap{height:280px}.alert-list,.device-list{display:grid;gap:10px}.alert-item,.device-item,.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:11px 0}.alert-item:first-child,.device-item:first-child,.list-row:first-child{border-top:0;padding-top:0}.badge{border-radius:999px;padding:5px 9px;background:#173b59;color:#cbd7dd;font-size:12px;white-space:nowrap}.badge.ok{color:#d8f7d8;background:rgba(114,195,124,.18)}.badge.warn{color:#ffe5bd;background:rgba(243,144,12,.18)}.badge.critical{color:#ffc4c6;background:rgba(255,90,95,.14)}.table-panel{margin-top:14px;overflow:hidden}.table-panel h2{padding:16px 16px 0}table{width:100%;border-collapse:collapse;font-size:13px}td,th{border-top:1px solid var(--line);padding:12px 16px;text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600}.progress{height:8px;width:140px;border-radius:99px;background:#223f54;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.button{border:1px solid var(--line);border-radius:8px;min-height:38px;padding:0 12px;color:var(--text);background:#173b59;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.button.primary{background:var(--accent);color:#07131d;border-color:var(--accent);font-weight:700}.button.danger{color:#ffc4c6;border-color:rgba(255,90,95,.42);background:rgba(239,91,69,.12)}.icon-button{width:38px;justify-content:center;padding:0}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:16px}.textarea{min-height:84px;padding-top:10px;resize:vertical}.form-message{padding:10px 16px 0}.inline-edit{padding:12px 0}.error-panel{color:#ffc4c6;border-color:rgba(255,90,95,.5);background:rgba(255,90,95,.08);margin-bottom:14px}.operate{min-height:100vh;padding:26px;background:#07131d}.operate-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.operate-zone{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--panel);min-height:190px}.operate-zone strong{display:block;font-size:48px;margin:12px 0}.login-screen,.public-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel,.public-panel{width:min(980px,100%);border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px}.form-grid{display:grid;gap:12px;max-width:420px}.input{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#0b2031;color:var(--text);padding:0 12px}.event-select{min-width:min(420px,100%)}.compact-input{width:min(260px,100%)}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.grid-2,.kpi-grid,.operate-grid{grid-template-columns:1fr}}@media (max-width:720px){.main,.operate{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.table-panel{overflow-x:auto}}