:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color-scheme:dark;--bg:#08101d;--panel:#0f1a2b;--card:#132239;--card2:#0c1728;--line:#263b5a;--text:#f4f7fb;--muted:#8ea3bf;--blue:#1677ff;--orange:#ff7a00;--green:#28c76f;--red:#ef4444;--shadow:0 18px 50px #0008}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#142744 0,#08101d 45%);color:var(--text);min-height:100vh}.hidden{display:none!important}button,input,a{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(390px,94vw);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);text-align:center}.brand-mark{width:54px;height:54px;margin:auto;border-radius:16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--orange),#ffb000);color:#111}.login-card h1{margin:12px 0 2px}.login-card p{margin:0 0 18px;color:var(--muted)}input{width:100%;border:1px solid #31496a;background:#091425;color:var(--text);padding:11px 12px;border-radius:11px;outline:none}input:focus{border-color:#3e91ff;box-shadow:0 0 0 3px #1677ff22}.login-card input{margin:6px 0}.login-card small{display:block;color:#ff9e9e;min-height:20px;margin-top:8px}.primary,.search-btn,.quick-actions button,.quick-actions a,.drawer button{border:0;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}.primary,.search-btn{background:var(--blue);color:#fff}.app-shell{min-height:100vh;display:grid;place-items:start center;padding:18px}.noc-panel{width:min(440px,100%);min-height:calc(100vh - 36px);background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.noc-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:#0a1424}.noc-header b{font-size:16px}.noc-header span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.head-actions{display:flex;gap:6px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);background:#132239;color:var(--text);border-radius:10px;cursor:pointer}.search-box{padding:14px 14px 10px}.search-title{font-size:12px;font-weight:800;color:#cad6e5;margin-bottom:7px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.search-btn{background:var(--orange);color:#121212}.results{max-height:210px;overflow:auto;margin-top:8px}.result{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;margin:6px 0;cursor:pointer}.result small{display:block;color:var(--muted);margin-top:3px}.result .chev{color:var(--orange);font-size:18px}.empty-state{text-align:center;padding:72px 28px;color:var(--muted)}.empty-state b{display:block;color:var(--text);font-size:18px}.empty-state p{font-size:13px;line-height:1.5}.radar{font-size:50px;color:#315f99;margin-bottom:12px}.customer-view{padding:0 14px 18px}.identity-card,.network-card,.wifi-card{background:linear-gradient(180deg,var(--card),#101d31);border:1px solid var(--line);border-radius:14px;padding:14px}.identity-line{display:flex;align-items:center;gap:8px}.identity-line h2{font-size:18px;margin:0;flex:1}.status-chip,.online-pill,.mini-chip{font-size:10px;font-weight:900;padding:4px 8px;border-radius:999px;background:#25364e;color:#c8d4e3}.status-chip.ok,.online-pill.ok,.mini-chip.ok{background:#123b2a;color:#80f0b1}.status-chip.bad,.online-pill.bad{background:#4a1d29;color:#ff9eae}.muted{color:var(--muted);font-size:12px}.phone-line{font-weight:700;margin-top:4px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.meta-grid>div{background:#0c1728;border-radius:10px;padding:9px}.meta-grid small,.network-card small,.wifi-card small{display:block;color:var(--muted);font-size:10px}.meta-grid b{font-size:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.tab{border:1px solid var(--line);background:#0c1728;color:#9cb0ca;border-radius:10px;padding:9px;font-weight:800;cursor:pointer}.tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.tab-pane{display:none}.tab-pane.active{display:block}.online-row{display:flex;align-items:center;justify-content:space-between}.online-row strong{font-size:18px}.speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.speed-grid>div{background:#0a1627;border:1px solid #203654;border-radius:10px;padding:10px}.speed-grid b{font-size:18px}.kv-list{border-top:1px solid var(--line)}.kv-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #1d314d;font-size:12px}.kv-list span{color:var(--muted)}.kv-list b{text-align:right;max-width:62%;overflow-wrap:anywhere}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.quick-actions button,.quick-actions a{text-align:center;background:#172a45;color:#dce8f7;border:1px solid var(--line);text-decoration:none}.quick-actions .warn{color:#ffad68;border-color:#694221}.quick-actions a{grid-column:1/-1}.wifi-card{margin-bottom:10px}.wifi-head{display:flex;justify-content:space-between;align-items:center}.wifi-head h3{margin:2px 0 0}.wifi-card label,.drawer-panel label{display:block;color:#b9c7da;font-size:11px;margin-top:10px}.wifi-card input,.drawer-panel input{margin-top:5px}.wifi-card .primary{margin-top:10px;width:100%}footer{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}#msg{color:#8bd5ff;text-align:right}.drawer{position:fixed;inset:0;z-index:50}.drawer-backdrop{position:absolute;inset:0;background:#0009}.drawer-panel{position:absolute;top:0;right:0;width:min(410px,94vw);height:100%;background:#0e192a;border-left:1px solid var(--line);padding:18px;overflow:auto;box-shadow:-18px 0 50px #0008}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.drawer-head h2,.drawer-head h3{margin:0}.drawer-panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}.audit-row{padding:9px 0;border-bottom:1px solid #233a58;font-size:11px}.light{--bg:#eaf1f8;--panel:#f6f8fb;--card:#fff;--card2:#eef3f8;--line:#ccd9e8;--text:#102033;--muted:#5c6f87;--shadow:0 18px 50px #17304a22;background:#eaf1f8;color-scheme:light}.light body{background:#eaf1f8}.light .noc-header{background:#f8fbff}.light input{background:#fff;color:#102033}.light .identity-card,.light .network-card,.light .wifi-card{background:#fff}.light .meta-grid>div,.light .speed-grid>div,.light .tab{background:#eef3f8}.light .drawer-panel{background:#f6f8fb}@media(max-width:520px){.app-shell{padding:0}.noc-panel{border-radius:0;border-left:0;border-right:0;min-height:100vh}.meta-grid{grid-template-columns:1fr 1fr}}