:root{--bg-main: #090a0f;--bg-sidebar: #0e1017;--bg-card: rgba(17, 20, 31, .55);--bg-card-hover: rgba(22, 26, 41, .75);--bg-input: rgba(10, 12, 20, .9);--border-main: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .09);--border-active: var(--accent);--text-main: #f8fafc;--text-dim: #94a3b8;--text-muted: #475569;--accent: #2563eb;--accent-glow: rgba(37, 99, 235, .25);--accent-dim: rgba(37, 99, 235, .08);--status-healthy: #10b981;--status-healthy-bg: rgba(16, 185, 129, .06);--status-healthy-border: rgba(16, 185, 129, .2);--status-degraded: #f59e0b;--status-degraded-bg: rgba(245, 158, 11, .06);--status-degraded-border: rgba(245, 158, 11, .2);--status-critical: #ef4444;--status-critical-bg: rgba(239, 68, 68, .06);--status-critical-border: rgba(239, 68, 68, .2);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .06);--status-info-border: rgba(59, 130, 246, .2);--status-disabled: #64748b;--status-disabled-bg: rgba(100, 116, 139, .06);--status-disabled-border: rgba(100, 116, 139, .15);--sidebar-width: 260px;--header-height: 70px;--border-radius: 8px;--border-radius-lg: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Consolas, monospace;--transition-speed: .2s}[data-theme=light]{--bg-main: #f8fafc;--bg-sidebar: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--bg-input: #ffffff;--border-main: rgba(15, 23, 42, .08);--border-hover: rgba(15, 23, 42, .14);--text-main: #0f172a;--text-dim: #475569;--text-muted: #64748b;--accent: #1d4ed8;--accent-glow: rgba(29, 78, 216, .15);--accent-dim: rgba(29, 78, 216, .05)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}body{background:var(--bg-main);color:var(--text-main);overflow:hidden;height:100vh;font-size:13px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app-shell{display:flex;width:100vw;height:100vh;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-main);display:flex;flex-direction:column;flex-shrink:0;height:100%}.brand-section{height:var(--header-height);display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--border-main)}.brand-logo{font-size:1.1rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.06em}.brand-logo span{font-size:.65rem;font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:1px 4px;border-radius:3px;letter-spacing:.02em}.nav-scroll{flex:1;overflow-y:auto;padding:1.25rem .6rem}.nav-group{margin-bottom:1.5rem}.nav-group-title{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .75rem .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;color:var(--text-dim);text-decoration:none;font-weight:600;border-radius:var(--border-radius);cursor:pointer;margin-bottom:.15rem;transition:all var(--transition-speed) ease}.nav-item:hover{color:var(--text-main);background:#ffffff05}.nav-item.active{color:#fff;background:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.nav-icon{font-size:1.1rem;opacity:.9}.app-header{height:var(--header-height);background:var(--bg-sidebar);border-bottom:1px solid var(--border-main);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.page-title{font-size:1.2rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:1.25rem}.device-badge{background:#ffffff03;border:1px solid var(--border-main);padding:.35rem .8rem;border-radius:3px;font-size:.75rem;font-weight:700;color:var(--text-dim)}.app-container{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.app-main{flex:1;overflow-y:auto;padding:2rem}.chart-card{background:var(--bg-card);border:1px solid var(--border-main);border-radius:var(--border-radius-lg);padding:1.75rem;transition:border-color var(--transition-speed) ease}.chart-card:hover{border-color:var(--border-hover)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:.75rem}.chart-header h2{font-size:1.1rem;font-weight:700;color:var(--text-main)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{background:var(--bg-card);border:1px solid var(--border-main);border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all var(--transition-speed) ease}.metric-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.metric-header{font-size:.75rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.8rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.metric-footer{font-size:.75rem;color:var(--text-muted)}.data-table-container{background:var(--bg-card);border:1px solid var(--border-main);border-radius:var(--border-radius);overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#0000001a;padding:.9rem 1.25rem;font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-main)}.data-table td{padding:.9rem 1.25rem;border-bottom:1px solid var(--border-main);color:var(--text-main);font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff02}.status-badge{padding:.25rem .6rem;border-radius:4px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem;border:1px solid transparent}.live-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.status-badge.healthy{color:var(--status-healthy);background:var(--status-healthy-bg);border-color:var(--status-healthy-border)}.status-badge.degraded{color:var(--status-degraded);background:var(--status-degraded-bg);border-color:var(--status-degraded-border)}.status-badge.critical{color:var(--status-critical);background:var(--status-critical-bg);border-color:var(--status-critical-border)}.status-badge.disabled{color:var(--status-disabled);background:var(--status-disabled-bg);border-color:var(--status-disabled-border)}.sub-tab-item{padding:.4rem 0;cursor:pointer;font-weight:700;font-size:.85rem;color:var(--text-dim);transition:color var(--transition-speed)}.sub-tab-item.active{color:var(--text-main)!important;border-bottom:2px solid var(--accent)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04050880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#0d0f15;border:1px solid var(--border-hover);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #00000080}.form-group label{font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.form-control{background:var(--bg-input);border:1px solid var(--border-main);color:var(--text-main);padding:.65rem .9rem;border-radius:var(--border-radius);outline:none;font-size:.85rem;transition:border-color var(--transition-speed)}.form-control:focus{border-color:var(--accent)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .75rem center;background-size:.85em;padding-right:2rem}.btn{padding:.65rem 1.25rem;border-radius:var(--border-radius);font-weight:700;font-size:.8rem;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background-color var(--transition-speed)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#ffffff03;border-color:var(--border-main);color:var(--text-main)}.btn-secondary:hover{background:#ffffff08;border-color:var(--border-hover)}.action-icon{opacity:.65;cursor:pointer;transition:opacity var(--transition-speed)}.action-icon:hover{opacity:1}.empty-state{padding:2.5rem 1rem;text-align:center;color:var(--text-dim);font-size:.85rem;border:1px dashed rgba(255,255,255,.04);border-radius:var(--border-radius)}.live-indicator{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;color:var(--text-dim)}.live-dot{width:6px;height:6px;background:var(--status-healthy);border-radius:50%}@media(max-width:868px){.app-sidebar{position:absolute;left:0;top:0;z-index:1500;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}}.app-shell.login-mode .app-sidebar,.app-shell.login-mode .app-header{display:none!important}.app-shell.login-mode .app-container{margin:0!important;padding:0!important;width:100%!important;display:flex;justify-content:center;align-items:center;min-height:100vh}.login-wrapper{transition:transform .1s ease-in-out}