@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0b0f19;--bg-card:#111827;--bg-hover:#1f2937;--border-color:#374151;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#3b82f6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,sans-serif}*{box-sizing:border-box}.noc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:20px;transition:all .2s}.noc-content{min-width:0}.noc-card:hover{border-color:#4b5563;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-value{color:var(--text-primary);margin:8px 0;font-size:2rem;font-weight:600}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#111827b3;border:1px solid #37415180}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.active{background-color:var(--success);animation:2s infinite pulse-dot}.status-dot.offline{background-color:var(--danger)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}@media (width<=1200px){.stat-value{font-size:1.6rem}}@media (width<=992px){.noc-content{padding:16px!important}.noc-card{padding:14px}}@media (width<=768px){.stat-value{font-size:1.3rem}.stat-label{font-size:.75rem}}