*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e14;--bg1: #0f1520;--bg2: #141c28;--bg3: #1a2436;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--txt: #e2eaf4;--txt2: #7a90a8;--txt3: #3d5468;--grn: #00e5a0;--grn2: rgba(0,229,160,.12);--red: #ff4c6a;--red2: rgba(255,76,106,.12);--amb: #ffb830;--amb2: rgba(255,184,48,.12);--blu: #3b9eff;--blu2: rgba(59,158,255,.12);--accent: #00e5a0;--radius: 8px;--sidebar: 220px;--header: 52px;font-family:Geist,sans-serif;font-size:14px}body{background:var(--bg);color:var(--txt);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit;font-size:inherit}input,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--bg1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto}.sidebar-logo{height:var(--header);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);gap:10px;flex-shrink:0}.sidebar-logo-mark{width:28px;height:28px;border-radius:6px;background:var(--grn);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-mark svg{color:#000}.sidebar-logo-text{font-size:13px;font-weight:700;color:var(--txt);letter-spacing:-.02em}.sidebar-logo-sub{font-size:10px;color:var(--txt3);font-family:Geist Mono,monospace}.nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-section{font-size:9px;font-weight:600;color:var(--txt3);letter-spacing:.12em;text-transform:uppercase;padding:10px 8px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);color:var(--txt2);font-size:13px;font-weight:500;transition:all .15s;position:relative}.nav-item:hover{background:var(--bg2);color:var(--txt)}.nav-item.active{background:var(--grn2);color:var(--grn)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--grn);border-radius:2px}.nav-badge{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.sidebar-tenant{padding:8px 10px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin:0 0 8px}.sidebar-tenant-label{font-size:9px;color:var(--txt3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.sidebar-tenant-name{font-size:12px;font-weight:600;color:var(--txt)}.sidebar-tenant-id{font-size:10px;color:var(--txt3);font-family:Geist Mono,monospace}.main{margin-left:var(--sidebar);flex:1;display:flex;flex-direction:column}.topbar{height:var(--header);background:var(--bg1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:40}.topbar-title{font-size:14px;font-weight:600;color:var(--txt)}.topbar-right{display:flex;align-items:center;gap:12px}.page{padding:24px;flex:1}.card{background:var(--bg1);border:1px solid var(--border);border-radius:10px;overflow:hidden}.card-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:12px;font-weight:600;color:var(--txt2);text-transform:uppercase;letter-spacing:.08em}.card-body{padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:16px 18px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border2);transform:translateY(-1px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.green:before{background:var(--grn)}.stat-card.red:before{background:var(--red)}.stat-card.blue:before{background:var(--blu)}.stat-card.amber:before{background:var(--amb)}.stat-label{font-size:10px;color:var(--txt3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.stat-val{font-size:28px;font-weight:700;font-family:Geist Mono,monospace;line-height:1}.stat-val.green{color:var(--grn)}.stat-val.red{color:var(--red)}.stat-val.blue{color:var(--blu)}.stat-val.amber{color:var(--amb)}.stat-sub{font-size:11px;color:var(--txt3);margin-top:4px}.tbl{width:100%;border-collapse:collapse}.tbl th{padding:10px 14px;text-align:left;font-size:10px;font-weight:600;color:var(--txt3);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--txt2);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg2)}.tbl-mono{font-family:Geist Mono,monospace;font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge.online{color:var(--grn);background:var(--grn2)}.badge.offline{color:var(--red);background:var(--red2)}.badge.warn{color:var(--amb);background:var(--amb2)}.badge.info{color:var(--blu);background:var(--blu2)}.badge.online .badge-dot{background:var(--grn);box-shadow:0 0 4px var(--grn)}.badge.offline .badge-dot{background:var(--red)}.badge.warn .badge-dot{background:var(--amb)}.sig-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.sig-bar{width:3px;border-radius:1px;background:var(--bg3)}.sig-bar.lit{background:var(--grn)}.sig-bar.warn{background:var(--amb)}.sig-bar.crit{background:var(--red)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--grn);color:#000}.btn-primary:hover{opacity:.88}.btn-ghost{border:1px solid var(--border2);color:var(--txt2)}.btn-ghost:hover{background:var(--bg2);color:var(--txt)}.btn-danger{border:1px solid rgba(255,76,106,.3);color:var(--red);background:var(--red2)}.btn-danger:hover{border-color:var(--red)}.btn-sm{padding:5px 10px;font-size:11px}.btn-icon{padding:7px;border-radius:var(--radius);border:1px solid var(--border);color:var(--txt2)}.btn-icon:hover{background:var(--bg2);color:var(--txt)}.input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--txt);transition:border-color .15s;outline:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--txt3)}.input-sm{padding:6px 10px;font-size:12px}select.input{cursor:pointer}.search-wrap{position:relative}.search-wrap .ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--txt3);pointer-events:none}.search-wrap .input{padding-left:32px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .15s ease}.drawer{position:fixed;right:0;top:0;bottom:0;width:480px;background:var(--bg1);border-left:1px solid var(--border);z-index:101;overflow-y:auto;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg1);z-index:2}.drawer-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 20px}.drawer-tab{padding:10px 14px;font-size:12px;font-weight:500;color:var(--txt3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;cursor:pointer}.drawer-tab.active{color:var(--grn);border-bottom-color:var(--grn)}.drawer-body{padding:20px}.info-grid{display:flex;flex-direction:column;gap:0}.info-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);gap:12px}.info-row:last-child{border-bottom:none}.info-lbl{font-size:11px;color:var(--txt3);flex-shrink:0;width:130px}.info-val{font-size:12px;color:var(--txt);text-align:right;font-family:Geist Mono,monospace}.info-val.clickable{color:var(--blu);cursor:pointer;text-decoration:underline dotted}.optical-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.optical-cell{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.optical-cell-label{font-size:10px;color:var(--txt3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.optical-cell-val{font-size:20px;font-weight:700;font-family:Geist Mono,monospace}.alarm-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.alarm-row:last-child{border-bottom:none}.alarm-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.alarm-icon.crit{background:var(--red2);color:var(--red)}.alarm-icon.warn{background:var(--amb2);color:var(--amb)}.alarm-icon.info{background:var(--blu2);color:var(--blu)}.alarm-msg{font-size:13px;color:var(--txt);margin-bottom:2px}.alarm-time{font-size:11px;color:var(--txt3);font-family:Geist Mono,monospace}.log-line{font-family:Geist Mono,monospace;font-size:11px;padding:3px 0;color:var(--txt2)}.log-line.ok{color:var(--grn)}.log-line.err{color:var(--red)}.log-line.info{color:var(--txt3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:12px;color:var(--txt3);text-align:center}.empty svg{opacity:.3}.empty-title{font-size:14px;font-weight:600;color:var(--txt2)}.empty-sub{font-size:12px}.mono{font-family:Geist Mono,monospace}.txt-grn{color:var(--grn)}.txt-red{color:var(--red)}.txt-amb{color:var(--amb)}.txt-blu{color:var(--blu)}.txt-dim{color:var(--txt2)}.txt-muted{color:var(--txt3)}.fw600{font-weight:600}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap8{gap:8px}.gap12{gap:12px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.w100{width:100%}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg3);border-top-color:var(--grn);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast{position:fixed;bottom:24px;right:24px;z-index:200;padding:12px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;box-shadow:0 8px 24px #0006;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.ok{background:var(--grn);color:#000}.toast.error{background:var(--red);color:#fff}.toast.info{background:var(--bg3);color:var(--txt);border:1px solid var(--border2)}.filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-head-left h1{font-size:18px;font-weight:700;color:var(--txt)}.page-head-left p{font-size:12px;color:var(--txt3);margin-top:2px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nav-badge.red{background:var(--red)}.nav-badge.amber{background:var(--amb);color:#000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.modal{background:var(--bg1);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg1);z-index:2}.modal-title{font-size:14px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:8px}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.fld{display:flex;flex-direction:column;gap:6px}.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.fld label{font-size:10px;color:var(--txt3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.fld .input{width:100%}.info-banner{padding:10px 12px;background:var(--blu2);border:1px solid rgba(59,158,255,.2);border-radius:6px;font-size:11px;color:var(--blu)}.smt-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:14px}.smt-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border);gap:12px}.smt-row:first-of-type{border-top:none}.smt-row .lbl{font-size:11px;color:var(--txt3);flex-shrink:0}.smt-row .val{font-size:12px;color:var(--txt);font-family:Geist Mono,monospace}.smt-row .val.click{color:var(--blu);cursor:pointer;text-decoration:underline dotted}.batch-bar{background:var(--blu2);border:1px solid rgba(59,158,255,.3);border-radius:8px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:12px}.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.live-tile{background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:all .15s}.live-tile:hover{border-color:var(--border2)}.live-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--grn);box-shadow:0 0 6px var(--grn);margin-right:6px;animation:pulse 1.5s ease-in-out infinite}.zt-card{background:var(--bg1);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.zt-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}.zt-meta-item{color:var(--txt3)}.zt-meta-item b{color:var(--txt);font-weight:600}.sp-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.sp-arrow{font-size:14px;color:var(--txt3)}.chart-box{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-top:12px}.chart-box h4{font-size:11px;color:var(--txt3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:600}.sock-ind{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--txt3);font-family:Geist Mono,monospace}.sock-ind .dot{width:6px;height:6px;border-radius:50%;background:var(--txt3)}.sock-ind.live .dot{background:var(--grn);animation:pulse 1.5s infinite}