:root{--bg-dark: #05070a;--bg-card: rgba(13, 17, 23, .8);--neon-blue: #00d2ff;--neon-green: #39ff14;--neon-red: #ff003c;--neon-orange: #ffaa00;--border-color: rgba(0, 210, 255, .2);--text-main: #e6edf3;--text-dim: #8b949e;--app-scale: 1}html{font-size:calc(16px * var(--app-scale))!important}*{box-sizing:border-box}.noc-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:radial-gradient(circle at 50% 50%,#060a12,#030406);color:var(--text-main);overflow:hidden;position:relative}.noc-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,210,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.025) 1px,transparent 1px);background-size:45px 45px;pointer-events:none;z-index:1}.noc-header,.noc-body{position:relative;z-index:2}.noc-header{min-height:52px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;z-index:10;flex-wrap:wrap;gap:6px}.logo-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-section h1{font-family:Orbitron,sans-serif;font-size:1rem;margin:0;letter-spacing:2px;color:var(--neon-blue);text-shadow:0 0 10px rgba(0,210,255,.5);white-space:nowrap;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.logo-section .v2{font-size:.7rem;color:var(--text-dim);vertical-align:super}.header-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stat-pill{font-size:.65rem;background:#ffffff0d;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.stat-pill span{font-weight:700;margin-left:5px}.noc-body{display:flex;flex:1;overflow:hidden}.noc-sidebar{width:200px;background:#0000004d;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 0;gap:5px}.noc-sidebar button{background:transparent;border:none;color:var(--text-dim);padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;font-size:.8rem;width:100%;text-align:left}.noc-sidebar button:hover,.noc-sidebar button.active{background:#00d2ff1a;color:var(--neon-blue);border-left:3px solid var(--neon-blue)}.noc-content{flex:1;padding:20px;overflow-y:auto;background:#05070a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.noc-chat-sidebar{width:300px;background:var(--bg-card);border-left:1px solid var(--border-color);display:flex;flex-direction:column}.chat-header{padding:15px;border-bottom:1px solid var(--border-color);font-family:Orbitron,sans-serif;font-size:.8rem;display:flex;align-items:center;gap:10px;color:var(--neon-blue)}.text-green{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.text-red{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red)}.text-blue{color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue)}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.neon-icon{color:var(--neon-blue);filter:drop-shadow(0 0 5px var(--neon-blue))}@media (max-width: 768px){.noc-header{padding:6px 10px}.logo-section h1{font-size:.8rem;letter-spacing:1px}.logo-section .v2{font-size:.55rem}.app-credit{font-size:.45rem;padding:1px 4px;margin-left:4px}.stat-pill{font-size:.55rem;padding:2px 6px}.noc-sidebar{width:52px;padding:10px 0}.noc-sidebar button{padding:10px 0;justify-content:center}.noc-sidebar span,.hidden-mobile,.noc-chat-sidebar{display:none}.sidebar-footer .user-profile{padding:8px 6px;justify-content:center}.sidebar-footer .u-info,.sidebar-footer .branding,.sidebar-footer .status-indicator span,.sidebar-footer .logout-btn{display:none}.sidebar-footer .status-indicator{justify-content:center;padding:8px 0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#05070a}::-webkit-scrollbar-thumb{background:#1a1f2e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);padding:20px;display:flex;align-items:center;gap:20px;border-radius:4px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00d2ff1a}.card-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center}.card-icon.blue{background:#00d2ff1a;color:var(--neon-blue)}.card-icon.green{background:#39ff141a;color:var(--neon-green)}.card-icon.red{background:#ff003c1a;color:var(--neon-red)}.card-icon.orange{background:#ffaa001a;color:var(--neon-orange)}.card-info h3{font-size:.65rem;color:var(--text-dim);margin:0;letter-spacing:1px}.card-info .value{font-size:1.5rem;font-weight:700;font-family:Orbitron,sans-serif;margin:5px 0}.card-info p{font-size:.7rem;color:var(--text-dim);margin:0}.wide-card{grid-column:1 / -1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px}.card-header{padding:12px 20px;border-bottom:1px solid var(--border-color);font-family:Orbitron,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--neon-blue)}.traffic-list{max-height:400px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th{text-align:left;padding:12px 20px;color:var(--text-dim);border-bottom:1px solid var(--border-color);font-size:.7rem}td{padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.dim{color:var(--text-dim)}.font-mono{font-family:Roboto Mono,monospace}.topology-view{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:20px;height:100%;display:flex;flex-direction:column}.svg-container{flex:1;min-height:500px}.topo-link{stroke:#00d2ff1a;stroke-width:2}.topo-node-bg{fill:#0d1117;stroke-width:2}.topo-node-bg.status-green{stroke:var(--neon-green)}.topo-node-bg.status-orange{stroke:var(--neon-orange)}.topo-node-bg.status-red{stroke:var(--neon-red)}.topo-node-pulse{fill:none;stroke-width:1;opacity:0}.topo-node-pulse.status-green{stroke:var(--neon-green);animation:pulse-green 2s infinite}.topo-node-pulse.status-orange{stroke:var(--neon-orange);animation:pulse-orange 2s infinite}.topo-node-pulse.status-red{stroke:var(--neon-red);animation:pulse-red 2s infinite}@keyframes pulse-green{0%{r:25;opacity:.5}to{r:45;opacity:0}}@keyframes pulse-orange{0%{r:25;opacity:.5}to{r:45;opacity:0}}@keyframes pulse-red{0%{r:25;opacity:.5}to{r:45;opacity:0}}.topo-icon{fill:#fff;font-size:1.5rem}.topo-label{fill:var(--text-main);font-size:.7rem;font-family:Orbitron,sans-serif}.topo-latency{font-size:.65rem}.status-badge{padding:2px 8px;border-radius:10px;font-size:.6rem;font-weight:700}.status-badge.online{background:#39ff141a;color:var(--neon-green)}.topology-legend{display:flex;justify-content:center;gap:20px;padding:15px;font-size:.7rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background:var(--neon-green);box-shadow:0 0 5px var(--neon-green)}.dot.orange{background:var(--neon-orange);box-shadow:0 0 5px var(--neon-orange)}.dot.red{background:var(--neon-red);box-shadow:0 0 5px var(--neon-red)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-bubble{max-width:85%;align-self:flex-start;background:#ffffff08;padding:10px 14px;border-radius:8px 8px 8px 0;border-left:2px solid var(--text-dim);box-shadow:0 2px 8px #0003}.chat-bubble.mine{align-self:flex-end;border-left:none;border-right:2px solid var(--neon-blue);border-radius:8px 8px 0;background:#00d2ff0f}.chat-user{font-size:.65rem;font-weight:700;color:var(--neon-blue);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-bubble.mine .chat-user{color:var(--neon-green)}.chat-time{font-size:.55rem;color:var(--text-dim);font-weight:400}.chat-text{font-size:.75rem;line-height:1.4;color:var(--text-main)}.chat-input-area{padding:15px;border-top:1px solid var(--border-color);display:flex;gap:10px}.chat-input-area input{flex:1;background:#0d1117;border:1px solid var(--border-color);padding:8px 12px;border-radius:4px;color:#fff;font-size:.75rem}.chat-input-area button{background:var(--neon-blue);border:none;color:#000;padding:8px 12px;border-radius:4px;cursor:pointer}.cctv-view{height:100%;display:flex;flex-direction:column;background:#000;border:1px solid var(--border-color);position:relative}.iframe-container{flex:1;overflow:hidden;position:relative;min-height:400px;display:flex;flex-direction:column}.iframe-container iframe{width:100%;height:100%;flex:1;border:none}.cctv-overlay{position:absolute;top:50px;left:20px;display:flex;align-items:center;gap:10px;background:#000000b3;padding:5px 12px;border-radius:4px;border:1px solid rgba(255,0,0,.3);font-size:.7rem;color:red;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rec-dot{width:8px;height:8px;background:red;border-radius:50%;animation:blink 1s infinite;box-shadow:0 0 8px red}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.cctv-fallback-banner{background:#0d1117f2;border-top:1px solid var(--border-color);padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.68rem;color:var(--text-dim);z-index:12;flex-wrap:wrap}.cctv-fallback-banner a{color:var(--neon-blue);text-decoration:none;font-weight:700;border:1px solid rgba(0,210,255,.3);padding:2px 8px;border-radius:4px;background:#00d2ff0d;transition:all .2s;font-family:Orbitron,sans-serif;letter-spacing:.5px}.cctv-fallback-banner a:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 10px #00d2ff66}.external-feed-link{display:flex;align-items:center;gap:6px;font-size:.65rem;color:var(--neon-blue)!important;text-decoration:none;border:1px solid rgba(0,210,255,.2);padding:3px 8px;border-radius:4px;transition:all .2s;font-family:Orbitron,sans-serif;letter-spacing:.5px}.external-feed-link:hover{background:#00d2ff1a;border-color:var(--neon-blue)}.device-list-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;height:100%;display:flex;flex-direction:column}.search-box{display:flex;align-items:center;gap:8px;background:#0d1117;padding:4px 12px;border-radius:4px;border:1px solid var(--border-color)}.search-box input{background:transparent;border:none;color:#fff;font-size:.7rem;width:150px;outline:none}.table-wrapper{flex:1;overflow-y:auto}.diagnostics-view{height:100%;display:flex;flex-direction:column;gap:20px}.diag-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.diag-header h2{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--neon-blue);margin:0}.diag-controls{display:flex;align-items:center;gap:20px;padding:15px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px}.input-with-icon{display:flex;align-items:center;gap:10px;background:#0d1117;padding:8px 15px;border-radius:4px;border:1px solid var(--border-color);flex:1}.input-with-icon input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:.8rem}.btn-group{display:flex;gap:10px}.btn-group button{background:var(--neon-blue);border:none;padding:8px 20px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.7rem;cursor:pointer;color:#000;font-weight:700}.btn-group button:disabled{opacity:.5;cursor:not-allowed}.loading{animation:pulse-blue 1s infinite}.diag-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;flex:1;overflow:hidden}.diag-history{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.history-list{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:15px}.history-item{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:12px}.h-header{display:flex;gap:15px;font-size:.65rem;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:5px}.h-type{color:var(--neon-blue);font-weight:700}.h-target{color:var(--text-main)}.h-time{color:var(--text-dim);margin-left:auto}.h-output{font-family:Roboto Mono,monospace;font-size:.7rem;color:#0f0;margin:0;white-space:pre-wrap;max-height:200px;overflow-y:auto}.diag-tips{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px}.tips-content{padding:15px;display:flex;flex-direction:column;gap:15px}.tip-box{background:#00d2ff0d;padding:12px;border-left:2px solid var(--neon-blue);border-radius:0 4px 4px 0}.tip-box strong{font-size:.75rem;color:var(--neon-blue);display:block;margin-bottom:5px}.tip-box p{font-size:.7rem;margin:0;color:var(--text-dim);line-height:1.4}.payment-hub-view{height:100%;display:flex;flex-direction:column;gap:20px}.payment-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;flex:1}.payment-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column}.gcash-info{padding:30px;text-align:center}.gcash-info .number{font-size:1.4rem;font-weight:700;font-family:Orbitron,sans-serif;color:var(--neon-blue);margin:15px 0 5px}.qr-placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:30px}.qr-box{width:150px;height:150px;border:2px solid var(--neon-blue);padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-pattern{flex:1;width:100%;background:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);background-color:#fff}.qr-box span{font-size:.6rem;color:var(--neon-blue);font-weight:700}.step-list{padding:20px;display:flex;flex-direction:column;gap:15px}.step{display:flex;gap:15px;align-items:center;background:#ffffff08;padding:12px;border-radius:4px}.step-num{width:24px;height:24px;background:var(--neon-blue);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.step p{font-size:.75rem;margin:0}.benefits-list{padding:20px;list-style:none;display:flex;flex-direction:column;gap:15px}.benefits-list li{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-main)}.sync-btn{background:#00d2ff1a;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:4px 12px;border-radius:4px;font-size:.65rem;display:flex;align-items:center;gap:8px;cursor:pointer}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-device-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:250px;overflow-y:auto}.admin-device-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff08;border-radius:4px}.d-info{display:flex;flex-direction:column}.d-ip{font-size:.75rem;color:var(--neon-blue);font-family:Roboto Mono,monospace}.d-mac{font-size:.6rem;color:var(--text-dim)}.edit-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer}.edit-btn:hover{color:var(--neon-blue)}@keyframes pulse-blue{0%{box-shadow:0 0 #00d2ff66}70%{box-shadow:0 0 0 10px #00d2ff00}to{box-shadow:0 0 #00d2ff00}}.pulse-blue{animation:pulse-blue 2s infinite}@media (max-width: 1280px){.diag-grid,.payment-grid{grid-template-columns:1fr;overflow-y:auto}.diag-history,.payment-card{height:400px}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070a;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px;box-sizing:border-box}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,210,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:grid-pan 20s linear infinite;pointer-events:none;z-index:1}@keyframes grid-pan{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.login-box{position:relative;width:100%;max-width:440px;background:#0d1117f2;border:1px solid rgba(0,210,255,.3);padding:30px 24px;border-radius:8px;z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px #00d2ff0d,0 0 40px #00d2ff14,0 0 80px #00d2ff0a;box-sizing:border-box}.login-header{text-align:center;margin-bottom:24px}.login-header h2{font-family:Orbitron,sans-serif;font-size:1.1rem;margin:14px 0 6px;color:var(--neon-blue);letter-spacing:2px}.login-header p{font-size:.65rem;color:var(--text-dim);letter-spacing:1px}.client-detect-panel{background:#00d2ff0a;border:1px solid rgba(0,210,255,.12);border-radius:6px;padding:14px 18px;margin-bottom:20px}.detect-title{font-family:Orbitron,sans-serif;font-size:.6rem;color:var(--text-dim);letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.detect-grid{display:flex;flex-direction:column;gap:8px}.detect-grid.detecting .detect-val{color:var(--text-dim);animation:blink .8s step-start infinite}.detect-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.detect-label{color:var(--text-dim);font-size:.6rem;letter-spacing:1px;font-weight:700}.detect-val{color:var(--neon-blue);font-family:Roboto Mono,monospace;font-size:.7rem;max-width:65%;text-align:right;word-break:break-all}.detect-mac{font-size:.65rem}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.6rem;color:var(--text-dim);letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:6px}.input-group input,.input-group select{background:#0006;border:1px solid var(--border-color);padding:12px 14px;border-radius:4px;color:#fff;font-size:.8rem;font-family:Roboto Mono,monospace;transition:border-color .2s,box-shadow .2s;outline:none}.input-group input:focus,.input-group select:focus{border-color:var(--neon-blue);box-shadow:0 0 12px #00d2ff1a}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-btn{background:var(--neon-blue);color:#05070a;border:none;padding:14px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;margin-top:6px;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:1px}.login-btn:hover:not(:disabled){background:#fff;box-shadow:0 0 24px #00d2ff80}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-loading{background:#00d2ff33!important;color:var(--neon-blue)!important;border:1px solid var(--neon-blue)}.login-footer{margin-top:24px;text-align:center;font-size:.55rem;color:#ff003c99;letter-spacing:.5px;line-height:1.5}.portal-developer-badge{margin-top:10px;display:inline-block;font-family:Orbitron,sans-serif;font-size:.6rem;color:var(--neon-green);background:#00ff6614;border:1px solid rgba(0,255,102,.3);padding:3px 12px;border-radius:20px;letter-spacing:1.5px;font-weight:700;text-shadow:0 0 8px rgba(0,255,102,.4);box-shadow:0 0 10px #00ff661a;animation:glow-pulse 2s infinite alternate}@keyframes glow-pulse{0%{box-shadow:0 0 5px #00ff661a;border-color:#0f63}to{box-shadow:0 0 12px #00ff664d;border-color:#00ff6680}}.login-developer-credit{margin-top:15px;padding-top:15px;border-top:1px dashed rgba(255,255,255,.05);text-align:center;font-family:Orbitron,sans-serif;font-size:.62rem;color:var(--text-dim);letter-spacing:1.5px}.login-developer-credit .dev-name{color:var(--neon-blue);font-weight:700;text-shadow:0 0 8px rgba(0,210,255,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .4s ease-out forwards}.text-green{color:var(--neon-green)!important}.text-orange{color:var(--neon-orange)!important}.pulse-green{animation:pulse-green-kf 1.5s ease-in-out infinite}@keyframes pulse-green-kf{0%,to{filter:drop-shadow(0 0 4px var(--neon-green))}50%{filter:drop-shadow(0 0 12px var(--neon-green))}}.admin-lock-screen{display:flex;align-items:center;justify-content:center;height:100%}.lock-box{text-align:center;background:var(--bg-card);padding:40px;border:1px solid var(--border-color);border-radius:8px}.lock-box h3{font-family:Orbitron,sans-serif;margin:20px 0;font-size:1rem}.lock-box input{background:#0d1117;border:1px solid var(--border-color);padding:12px;border-radius:4px;color:#fff;width:100%;text-align:center;font-size:1.2rem;letter-spacing:5px;margin-bottom:15px}.lock-box button{background:var(--neon-blue);border:none;padding:10px 30px;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;width:100%}.error-text{color:var(--neon-red);font-size:.7rem;margin-top:10px}.admin-panel,.logs-view{height:100%;display:flex;flex-direction:column;gap:20px}.admin-content{display:grid;grid-template-columns:2fr 1fr;gap:20px;flex:1}.admin-section{background:var(--bg-card);border:1px solid var(--border-color);padding:20px;border-radius:4px}.admin-section h4{font-family:Orbitron,sans-serif;font-size:.8rem;margin:0 0 20px;color:var(--neon-blue);display:flex;align-items:center;gap:10px}.announcement-form{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.announcement-form input,.announcement-form textarea{background:#0d1117;border:1px solid var(--border-color);padding:10px;border-radius:4px;color:#fff}.announcement-form textarea{height:80px;resize:none}.announcement-form button{background:var(--neon-blue);border:none;padding:10px;border-radius:4px;cursor:pointer;font-weight:700}.announcement-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;margin-bottom:10px;border-radius:4px}.a-info strong{font-size:.8rem;color:var(--neon-blue);display:block}.a-info p{font-size:.75rem;margin:5px 0;color:var(--text-main)}.a-info span{font-size:.6rem;color:var(--text-dim)}.delete-btn{background:transparent;border:none;color:var(--neon-red);cursor:pointer;opacity:.6}.delete-btn:hover{opacity:1}.logs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;overflow:hidden}.logs-column{display:flex;flex-direction:column;overflow:hidden}.alerts-list,.system-logs{flex:1;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:10px}.alert-item{padding:12px;margin-bottom:10px;border-radius:4px;border-left:4px solid #fff;transition:all .3s}.alert-item.critical{background:#ff003c0f;border-color:var(--neon-red);box-shadow:0 0 10px #ff003c0d}.alert-item.high{background:#ffaa000f;border-color:var(--neon-orange)}.alert-item.medium{background:#00d2ff0f;border-color:var(--neon-blue)}.alert-meta{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;margin-bottom:6px;font-weight:700}.severity{padding:1px 6px;border-radius:3px;font-size:.55rem;letter-spacing:.5px;font-family:Orbitron,sans-serif;font-weight:700}.critical .severity{background:#ff003c33;color:#ff003c;border:1px solid rgba(255,0,60,.4)}.high .severity{background:#fa03;color:var(--neon-orange);border:1px solid rgba(255,170,0,.4)}.medium .severity{background:#00d2ff33;color:var(--neon-blue);border:1px solid rgba(0,210,255,.4)}.info .severity{background:#ffffff1a;color:var(--text-dim);border:1px solid rgba(255,255,255,.2)}.alert-msg{font-size:.72rem;color:var(--text-main);font-family:Roboto Mono,monospace;line-height:1.4}.log-line{font-size:.7rem;color:var(--text-dim);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.02);font-family:Roboto Mono,monospace}.empty-state{display:flex;align-items:center;justify-content:center;height:150px;color:var(--neon-green);font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:1.5px;text-shadow:0 0 10px rgba(0,255,102,.3);border:1px dashed rgba(0,255,102,.2);border-radius:4px;background:#00ff6605}.clickable-alert{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.clickable-alert:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 4px 15px #00d2ff26}.clickable-alert.critical:hover{box-shadow:0 4px 15px #ff003c33}.clickable-alert.high:hover{box-shadow:0 4px 15px #fa03}.alert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.alert-modal-box{width:100%;max-width:580px;background:#0d1117;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #0009;animation:modal-zoom .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes modal-zoom{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.alert-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border-bottom:1px solid var(--border-color)}.alert-modal-header.critical{border-bottom:2px solid var(--neon-red);background:#ff003c0d}.alert-modal-header.high{border-bottom:2px solid var(--neon-orange);background:#ffaa000d}.alert-modal-header.medium{border-bottom:2px solid var(--neon-blue);background:#00d2ff0d}.alert-modal-header h3{margin:0;font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:1px}.alert-modal-header.critical h3{color:var(--neon-red)}.alert-modal-header.high h3{color:var(--neon-orange)}.alert-modal-header.medium h3{color:var(--neon-blue)}.close-modal-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-modal-btn:hover{background:#ffffff14;color:#fff}.alert-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.detail-section{display:flex;flex-direction:column;gap:6px}.detail-section label{font-size:.55rem;font-family:Orbitron,sans-serif;color:var(--text-dim);letter-spacing:1px;font-weight:700}.detail-value{font-size:.75rem;color:var(--text-main)}.detail-value.text-highlight{font-family:Roboto Mono,monospace;color:var(--neon-blue);background:#00d2ff0d;border:1px dashed rgba(0,210,255,.2);padding:8px 12px;border-radius:4px;font-size:.72rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.severity-badge{display:inline-block;width:fit-content;padding:2px 8px;border-radius:3px;font-size:.6rem;font-weight:700;font-family:Orbitron,sans-serif}.severity-badge.critical{background:#ff003c26;color:#ff003c;border:1px solid rgba(255,0,60,.3)}.severity-badge.high{background:#ffaa0026;color:var(--neon-orange);border:1px solid rgba(255,170,0,.3)}.severity-badge.medium{background:#00d2ff26;color:var(--neon-blue);border:1px solid rgba(0,210,255,.3)}.severity-badge.info{background:#ffffff14;color:var(--text-dim);border:1px solid rgba(255,255,255,.15)}.detail-desc{font-size:.72rem;line-height:1.5;color:var(--text-main);margin:0;background:#ffffff03;padding:10px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.03)}.detail-desc.action-text{color:var(--neon-green);background:#00ff6608;border:1px solid rgba(0,255,102,.15);font-weight:500}.standard-tag{font-family:Orbitron,sans-serif;font-size:.6rem;color:var(--neon-orange);background:#ffaa000d;border:1px solid rgba(255,170,0,.2);width:fit-content;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid var(--border-color);background:#0003}.user-profile{padding:12px 18px;display:flex;align-items:center;gap:12px}.u-avatar{width:32px;height:32px;background:var(--neon-blue);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Orbitron,sans-serif;font-size:.75rem}.u-info{flex:1;display:flex;flex-direction:column}.u-name{font-size:.75rem;font-weight:700;color:var(--neon-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.u-status{font-size:.55rem;color:var(--text-dim);letter-spacing:1px}.logout-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.logout-btn:hover{color:var(--neon-red)}.status-indicator{padding:8px 18px;display:flex;align-items:center;gap:8px;border-top:1px dotted rgba(0,210,255,.15);font-family:Orbitron,sans-serif;font-size:.55rem;color:var(--text-dim);letter-spacing:1px}.pulse-dot{width:6px;height:6px;background-color:var(--neon-green);border-radius:50%;box-shadow:0 0 8px var(--neon-green);animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.4}50%{opacity:1}}.branding{padding:10px 18px;font-size:.55rem;color:var(--text-dim);text-align:center;border-top:1px dotted rgba(0,210,255,.15);letter-spacing:.5px}.branding strong{color:var(--neon-blue);font-weight:700}.app-credit{font-size:.55rem;color:var(--neon-blue);background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);padding:2px 6px;border-radius:4px;margin-left:8px;font-family:Orbitron,sans-serif;letter-spacing:1px;text-shadow:none;font-weight:700;vertical-align:middle}.announcement-ticker{padding:10px 0;overflow:hidden;background:#00d2ff0d}.announcement-track{display:flex;gap:50px;padding:0 20px}.announcement-msg{white-space:nowrap;font-size:.75rem}.matrix-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#05070ae6,#05070ae6),url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNHJqZ3QxdjZqZ3RxdjZqZ3RxdjZqZ3RxdjZqZ3RxdjZqZ3RxdCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/o0vwzuFwCGAFO/giphy.gif);background-size:cover;z-index:1;opacity:.2}@media (max-width: 1024px){.admin-content,.logs-grid{grid-template-columns:1fr;overflow-y:auto}.logs-grid{overflow-y:auto;display:block}.logs-column{height:400px;margin-bottom:20px}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.noc-content{padding:12px}}.hardware-panel{padding:15px 20px;background:linear-gradient(135deg,#0d1117e6,#05070af2);border-radius:4px}.hw-model-badge{font-size:.65rem;background:#00d2ff26;color:var(--neon-blue);border:1px solid var(--border-color);padding:2px 8px;border-radius:4px;letter-spacing:1px}.hw-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:15px}.hw-section{background:#ffffff05;border:1px solid rgba(0,210,255,.05);border-radius:4px;padding:15px}.hw-section-title{font-family:Orbitron,sans-serif;font-size:.7rem;color:var(--text-dim);letter-spacing:1px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.temp-gauges{display:flex;justify-content:space-around;align-items:center;gap:10px}.temp-gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.gauge-ring{position:relative;width:70px;height:70px}.gauge-ring svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#ffffff0d;stroke-width:8}.gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}.gauge-green{stroke:var(--neon-green);filter:drop-shadow(0 0 4px var(--neon-green))}.gauge-orange{stroke:var(--neon-orange);filter:drop-shadow(0 0 4px var(--neon-orange))}.gauge-red{stroke:var(--neon-red);filter:drop-shadow(0 0 4px var(--neon-red))}.gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:var(--text-main)}.gauge-label{font-size:.6rem;letter-spacing:1px;color:var(--text-dim);font-weight:700}.mem-bar-container{margin-bottom:20px}.mem-label-row{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:1px;font-weight:700;margin-bottom:8px}.mem-pct{color:var(--neon-blue)}.mem-bar-track{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.mem-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.mem-ok{background:var(--neon-blue);filter:drop-shadow(0 0 3px var(--neon-blue))}.mem-warn{background:var(--neon-orange);filter:drop-shadow(0 0 3px var(--neon-orange))}.mem-critical{background:var(--neon-red);filter:drop-shadow(0 0 3px var(--neon-red))}.mem-detail{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-dim);margin-top:6px;font-family:Roboto Mono,monospace}.hw-stat-row{display:flex;gap:15px;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.hw-mini-stat{flex:1;display:flex;align-items:center;gap:10px;background:#ffffff03;padding:8px;border-radius:4px;border:1px solid rgba(255,255,255,.02)}.hw-mini-stat svg{color:var(--neon-blue)}.mini-val{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700}.mini-label{font-size:.55rem;color:var(--text-dim);letter-spacing:.5px}.device-tabs{display:flex;gap:10px}.dev-tab-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:6px 14px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.dev-tab-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.dev-tab-btn.active{background:#00d2ff1a;border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 10px #00d2ff26}.dev-list-controls{display:flex;align-items:center;gap:15px}.band-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px}.band-5g{background:#00d2ff26;color:var(--neon-blue);border:1px solid rgba(0,210,255,.3)}.band-2g{background:#ffaa0026;color:var(--neon-orange);border:1px solid rgba(255,170,0,.3)}.announcement-ticker{overflow:hidden;position:relative;background:#00d2ff08!important;border-bottom:1px solid rgba(0,210,255,.15)!important}.announcement-track{display:flex;gap:60px;padding:8px 20px;white-space:nowrap;animation:marquee 25s linear infinite}.announcement-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.noc-chat-sidebar{position:relative;transition:width .3s cubic-bezier(.4,0,.2,1)}.chat-expanded{width:320px}.chat-collapsed{width:15px;border-left:1px solid var(--border-color);background:#00000080}.chat-toggle-btn{position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#0d1117;border:1px solid var(--border-color);color:var(--neon-blue);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 0 10px #00d2ff33}.chat-toggle-btn:hover{background:var(--neon-blue);color:#000}.nav-btn-alert{display:flex!important;justify-content:space-between;align-items:center;width:100%}.nav-btn-content{display:flex;align-items:center;gap:12px}.sidebar-alert-badge{background:var(--neon-red);color:#fff;font-family:Roboto Mono,monospace;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:10px;box-shadow:0 0 8px var(--neon-red)}.logout-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:auto}.logout-btn:hover{color:var(--neon-red);background:#ff003c1a}.topo-floating-badge{font-size:.65rem;background:#0d1117e6;border:1px solid var(--border-color);color:var(--neon-blue);padding:4px 10px;border-radius:4px;display:flex;align-items:center;gap:6px;font-family:Roboto Mono,monospace;box-shadow:0 0 10px #00d2ff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s ease-out forwards}@media (max-width: 1200px){.hw-grid{grid-template-columns:1fr}}.admin-panel{display:flex;flex-direction:column;height:100%}.admin-content{display:flex;gap:20px;margin-top:15px;overflow-y:auto}.admin-col{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.terminal-container{background:#05070a;border:1px solid rgba(0,210,255,.2);border-radius:4px;padding:15px;font-family:Roboto Mono,monospace;box-shadow:inset 0 0 10px #000c}.terminal-output{height:150px;overflow-y:auto;color:#0f6;font-size:.75rem;white-space:pre-wrap;margin:0 0 15px;text-shadow:0 0 2px rgba(0,255,102,.5);line-height:1.4}.terminal-form{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(0,210,255,.1);padding-top:10px}.terminal-prompt{color:#0f6;font-weight:700}.terminal-form input{flex:1;background:transparent!important;border:none!important;color:#0f6!important;font-family:Roboto Mono,monospace!important;font-size:.75rem!important;padding:4px 0!important;outline:none!important}.terminal-form button{background:#00ff661a;border:1px solid #00ff66;color:#0f6;font-size:.65rem;padding:3px 8px;border-radius:3px;cursor:pointer;transition:all .2s}.terminal-form button:hover{background:#0f6;color:#000}.admin-device-item.banned{border-left:3px solid var(--neon-red);background:#ff003c0a}.badge{font-size:.55rem;padding:1px 5px;border-radius:3px;font-weight:700}.badge-red{background:#ff003c26;color:var(--neon-red);border:1px solid var(--neon-red)}.d-actions{display:flex;gap:8px}.unban-btn,.ban-btn{background:#ffffff05;border:1px solid var(--border-color);border-radius:4px;padding:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.unban-btn:hover{background:#00ff661a;border-color:#0f6}.ban-btn:hover{background:#ff003c1a;border-color:var(--neon-red)}.sessions-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.session-item{background:#ffffff05;border:1px solid rgba(0,210,255,.08);border-radius:4px;padding:10px 12px}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.session-header strong{color:var(--neon-blue);font-size:.75rem}.session-time{font-size:.65rem;color:var(--text-dim)}.session-body{font-size:.65rem;display:flex;flex-direction:column;gap:3px}.no-data{font-size:.7rem;color:var(--text-dim);text-align:center;padding:15px}@media (max-width: 768px){.admin-panel,.admin-col,.admin-device-item,.session-item{padding:12px;font-size:.95rem}.terminal-output{height:180px}.terminal-form input,.terminal-form button{font-size:.9rem;padding:8px}.unban-btn,.ban-btn{padding:8px}.admin-content{flex-direction:column}.admin-panel,.hardware-panel,.admin-col,.admin-device-item,.session-item{padding:8px;font-size:.85rem}.hw-grid{grid-template-columns:1fr;gap:10px}.terminal-container{padding:10px}.terminal-output{height:120px;font-size:.65rem}.terminal-form input,.terminal-form button{font-size:.65rem}}.zoom-btn-pill{background:#00d2ff1a!important;color:var(--neon-blue)!important;border:1px solid rgba(0,210,255,.3)!important;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;padding:6px 12px;border-radius:4px;transition:all .2s ease;font-weight:700;display:flex;align-items:center;gap:4px}.zoom-btn-pill:hover{background:var(--neon-blue)!important;color:#05070a!important;box-shadow:0 0 12px #00d2ff4d}.login-zoom-container{position:absolute;top:20px;right:20px;z-index:100}.login-error-msg{color:var(--neon-red);font-size:.7rem;text-align:center;font-family:Roboto Mono,monospace;margin-top:10px;background:#ff003c14;border:1px solid rgba(255,0,60,.2);padding:8px;border-radius:4px}@media (max-width: 768px){.noc-container{overflow-x:hidden}.login-box{width:90%!important;max-width:400px;padding:24px 20px!important}}.stats-view{height:100%;display:flex;flex-direction:column;gap:20px}.stats-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stats-hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.stats-hero-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--border-color)}.stats-hero-card:nth-child(1):before{background:var(--neon-green)}.stats-hero-card:nth-child(2):before{background:var(--neon-blue)}.stats-hero-card:nth-child(3):before{background:var(--neon-orange)}.stats-hero-card:nth-child(4):before{background:var(--neon-red)}.sh-header{font-family:Orbitron,sans-serif;font-size:.55rem;color:var(--text-dim);letter-spacing:1.5px;display:flex;align-items:center;gap:6px;text-transform:uppercase}.sh-value{font-size:1.8rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.sh-sub{font-size:.6rem;color:var(--text-dim);letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-height:0}@media (max-width: 992px){.stats-grid{grid-template-columns:1fr;overflow-y:auto}}.stats-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.stats-card-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.node-stats-list{display:flex;flex-direction:column;gap:16px}.node-stat-item{display:flex;flex-direction:column;gap:6px}.ns-meta{display:flex;align-items:center;font-size:.7rem}.ns-label{font-weight:700;color:#fff}.ns-ip{color:var(--text-dim);margin-left:10px;font-size:.6rem;flex:1}.ns-lat{font-family:Orbitron,sans-serif;font-weight:700}.ns-bar-bg{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;position:relative}.ns-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.ns-bar-fill.healthy{background:var(--neon-green);box-shadow:0 0 8px #0f66}.ns-bar-fill.warning{background:var(--neon-orange);box-shadow:0 0 8px #fa06}.ns-bar-fill.offline{background:var(--neon-red);box-shadow:0 0 8px #ff003c66}.distribution-container{display:flex;flex-direction:column;gap:8px}.distribution-container label,.ssid-allocations label,.hw-resource-meters label{font-family:Orbitron,sans-serif;font-size:.55rem;color:var(--text-dim);letter-spacing:1px;font-weight:700}.band-progress-bar{height:14px;background:#ffffff08;border-radius:4px;overflow:hidden;display:flex}.bp-fill{height:100%;transition:width .5s ease}.bp-fill.bp-5g{background:var(--neon-blue);box-shadow:inset 0 0 5px #00d2ff80}.bp-fill.bp-2g{background:var(--neon-orange);box-shadow:inset 0 0 5px #ffaa0080}.bp-fill.bp-unknown{background:#ffffff1a}.band-legend{display:flex;gap:15px;font-size:.65rem;color:var(--text-dim);flex-wrap:wrap}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.legend-dot.bp-5g{background:var(--neon-blue)}.legend-dot.bp-2g{background:var(--neon-orange)}.legend-dot.bp-unknown{background:#ffffff4d}.ssid-allocations{margin-top:20px;display:flex;flex-direction:column;gap:12px}.ssid-bar-item{display:flex;flex-direction:column;gap:5px}.ssid-meta{display:flex;justify-content:space-between;font-size:.68rem}.ssid-name{color:#fff;font-weight:700}.ssid-count{color:var(--neon-blue);font-family:Orbitron,sans-serif;font-size:.6rem}.meter-meta{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-main)}.diagnostic-drawer{max-width:620px}.status-indicator-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-indicator-dot.online{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.status-indicator-dot.warning{background:var(--neon-orange);box-shadow:0 0 8px var(--neon-orange)}.status-indicator-dot.offline{background:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.action-probe-btn{background:#00d2ff14;border:1px solid rgba(0,210,255,.3);color:var(--neon-blue);padding:6px 14px;border-radius:4px;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.action-probe-btn:hover:not(:disabled){background:var(--neon-blue);color:#000;box-shadow:0 0 10px #00d2ff66}.action-probe-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff0d;color:var(--text-dim)}.diagnostic-terminal{background:#05070a;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:12px;font-family:Roboto Mono,monospace;font-size:.68rem;color:#a8ffb2;height:180px;overflow-y:auto;white-space:pre-wrap;box-shadow:inset 0 0 12px #000c;line-height:1.5}.port-matrix-list{background:#ffffff03;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.scanning-ports-meta{font-size:.65rem;color:var(--neon-blue);display:flex;align-items:center;gap:8px;padding:6px 0}.port-matrix-item{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.02)}.port-matrix-item:last-child{border-bottom:none}.p-num{font-weight:700;color:var(--neon-blue);width:90px}.p-srv{color:var(--text-dim);flex:1}.p-stat{font-family:Orbitron,sans-serif;font-weight:700;font-size:.62rem}:root{font-family:Roboto Mono,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#05070a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%}