:root{--bg: #f0f4f8;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-panel: #ffffff;--bg-elevated: #f8fafc;--bg-input: #ffffff;--bg-code: #f1f5f9;--bg-row-alt: #f8fafc;--border: #dde3ed;--border-sub: #e8edf5;--text: #0f172a;--text-muted: #475569;--text-subtle: #64748b;--text-faint: #94a3b8;--shadow: 0 2px 12px rgba(0,0,0,.08);--accent: #0f766e;--accent-text: #0f766e;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}[data-theme=dark]{--bg: #0d1629;--bg-sidebar: #0d1424;--bg-topbar: #0a1020;--bg-panel: #1a2540;--bg-elevated: #0f1e35;--bg-input: #1a2540;--bg-code: #0d1629;--bg-row-alt: #141f30;--border: #2a3a54;--border-sub: #1e2d42;--text: #e2e8f0;--text-muted: #94a3b8;--text-subtle: #64748b;--text-faint: #475569;--shadow: 0 2px 12px rgba(0,0,0,.35);--accent: #0f766e;--accent-text: #34d399}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border-sub);background:var(--bg-sidebar);padding:22px}.brand{display:flex;justify-content:center;align-items:center;padding:12px 16px 18px;margin:-22px -22px 0;background:transparent;border-bottom:1px solid var(--border-sub)}.brand-logo{height:150px;width:auto;max-width:260px;object-fit:contain;display:block}[data-theme=dark] .brand-logo{filter:brightness(1.35) contrast(1.05)}.nav-list{display:grid;gap:4px;margin-top:22px}.nav-list a{align-items:center;border-radius:8px;color:var(--text-subtle);display:flex;gap:10px;padding:11px 12px}.nav-list a.active,.nav-list a:hover{background:#0f766e26;color:#34d399}.nav-divider{height:1px;background:var(--border-sub);margin:6px 0}.nav-sub-list{display:flex;flex-direction:column;gap:2px;padding-left:14px;margin-top:-4px}.nav-sub-list a{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;color:var(--text-faint);font-size:12px;font-weight:500}.nav-sub-list a:hover{background:#0f766e1a;color:var(--text-muted)}.nav-sub-list a.active{background:#0f766e2e;color:#34d399}.nav-sub-icon{display:flex;align-items:center;opacity:.6;flex-shrink:0}.nav-sub-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sub-count{font-size:11px;font-weight:700;background:var(--border-sub);color:var(--text-subtle);padding:1px 7px;border-radius:999px;flex-shrink:0}.devices-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.devices-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-subtle);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.devices-filter-btn:hover{border-color:#3a4f6e;color:var(--text-muted)}.devices-filter-btn.active{background:#34d3991f;border-color:#34d399;color:#34d399}.devices-filter-icon{display:flex;align-items:center;opacity:.7}.devices-filter-count{font-size:11px;font-weight:800;background:var(--bg);color:var(--text-faint);padding:1px 8px;border-radius:999px}.devices-filter-count.has-offline{background:#ef444426;color:#f87171}.content{padding:28px;background:var(--bg);color:var(--text);overflow-x:hidden}.topbar{align-items:center;display:flex;justify-content:space-between;gap:20px;background:var(--bg-topbar);color:var(--text);padding:16px 28px;margin:-28px -28px 22px}.eyebrow{color:var(--text-subtle);font-size:12px;font-weight:700;margin:0 0 6px;text-transform:uppercase}h1,h2{margin:0}h1{font-size:32px;color:var(--text)}h2{font-size:20px;color:var(--text)}.topbar-site-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:13px;font-weight:600;padding:8px 12px;cursor:pointer;outline:none}.topbar-site-select:hover{border-color:#34d399}.status-pill{align-items:center;background:#34d3991a;border:1px solid rgba(52,211,153,.25);border-radius:999px;color:#34d399;display:flex;gap:8px;padding:9px 14px;white-space:nowrap}.notice{background:#fb71851a;border:1px solid rgba(251,113,133,.3);border-radius:8px;color:#fca5a5;margin-bottom:18px;padding:12px 14px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.metric-card,.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);color:var(--text)}.metric-card{min-height:132px;padding:16px}.metric-icon{align-items:center;background:#ffffff14;border-radius:8px;color:var(--text-muted);display:flex;height:38px;justify-content:center;margin-bottom:14px;width:38px}.metric-card span{color:var(--text-muted);display:block;font-size:14px}.metric-card strong{display:block;font-size:30px;margin-top:4px}.metric-card.good .metric-icon{color:#0f766e}.metric-card.warning .metric-icon{color:#ca8a04}.metric-card.danger .metric-icon{color:#dc2626}.dashboard-grid{display:grid;gap:18px;grid-template-columns:1fr 1.5fr;margin-bottom:18px}.panel{padding:18px}.chart-panel{grid-row:span 2}.health-panel{align-items:center;display:flex;justify-content:space-between;min-height:180px}.health-panel h2{font-size:46px}.health-panel span{color:var(--text-muted)}.health-ring{--health: 100%;align-items:center;background:radial-gradient(circle at center,#1a2540 58%,transparent 60%),conic-gradient(#34d399 var(--health),#2a3a54 0);border-radius:50%;color:#34d399;display:flex;height:118px;justify-content:center;width:118px}.panel-heading{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.primary-action-button,.secondary-action-button,.danger-action-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:800;gap:7px;justify-content:center;line-height:1;min-height:38px;padding:0 15px;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.primary-action-button{background:#0f766e;border:1px solid #0f766e;color:#fff}.primary-action-button:hover{background:#115e59;border-color:#115e59;transform:translateY(-1px)}.primary-action-button:disabled{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed;transform:none}.secondary-action-button{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted)}.secondary-action-button:hover{border-color:#0f766e;color:#0f766e}.danger-action-button{background:#dc262614;border:1px solid rgba(220,38,38,.22);color:#dc2626}.danger-action-button:hover{background:#dc262621;border-color:#dc262666}.primary-action-button.compact,.secondary-action-button.compact,.danger-action-button.compact{min-height:32px;padding:0 11px}.user-editor{background:linear-gradient(180deg,#0f766e0b,#fff0);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #0f172a14;margin-bottom:18px;padding:22px 26px}.user-editor-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.user-editor-header h2{font-size:22px;margin:4px 0 0}.user-form-grid{display:grid;gap:16px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.user-form-grid label{color:var(--text-muted);display:grid;font-size:12px;font-weight:800;gap:7px;text-transform:uppercase}.user-form-grid input,.user-form-grid select,.site-access-row select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:14px;min-height:42px;padding:10px 12px;width:100%}.user-form-grid select,.site-access-row select{background-image:linear-gradient(45deg,transparent 50%,var(--text-subtle) 50%),linear-gradient(135deg,var(--text-subtle) 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.user-form-grid input:focus,.user-form-grid select:focus,.site-access-row select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24;outline:0}.user-status-toggle{align-items:center;align-self:start;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:800;gap:8px;min-height:42px;padding:0 14px 0 9px;width:fit-content}.user-status-toggle span{background:#94a3b8;border-radius:999px;display:inline-block;height:10px;width:10px}.user-status-toggle.on{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.user-status-toggle.on span{background:#10b981}.user-status-toggle.off{background:#fff1f2;border-color:#fecdd3;color:#be123c}.user-status-toggle.off span{background:#ef4444}.site-access-editor{border-top:1px solid var(--border-sub);margin-top:22px;padding-top:18px}.site-access-editor .eyebrow{margin-bottom:10px}.site-access-list{display:grid;gap:8px}.site-access-row{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-sub);border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 210px;min-height:48px;padding:8px 10px}.site-access-row.selected{background:#0f766e0f;border-color:#0f766e38}.site-access-row label{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:700;gap:10px;margin:0;min-width:0}.site-access-row input[type=checkbox]{accent-color:#0f766e;flex:0 0 auto;height:16px;width:16px}.site-access-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-editor-actions{display:flex;justify-content:flex-end;margin-top:20px}.category-list{display:grid;gap:10px}.category-row{align-items:center;background:#ffffff0a;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:12px}.category-row small{color:var(--text-subtle)}.empty-state{align-items:center;border:1px dashed #2a3a54;border-radius:8px;color:var(--text-subtle);display:grid;justify-items:center;min-height:182px;padding:24px;text-align:center}.empty-state strong{color:var(--text-muted);margin-top:8px}.empty-state.compact{min-height:162px}.setup-wizard{margin-bottom:18px}.setup-steps-nav{display:flex;gap:4px;flex-wrap:wrap}.setup-nav-step{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--text-subtle);cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:all .15s}.setup-nav-step:hover{border-color:#0f766e;color:#0f766e}.setup-nav-step.active{background:#0f766e;border-color:#0f766e;color:#fff}.setup-nav-step.done{background:#f0fdf4;border-color:#86efac;color:#16a34a}.setup-nav-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff40;font-size:12px;font-weight:800;flex-shrink:0}.setup-nav-step:not(.active) .setup-nav-badge{background:#2a3a54;color:var(--text-muted)}.setup-nav-step.done .setup-nav-badge{background:#86efac;color:#15803d}.setup-nav-label{white-space:nowrap}.wizard-steps{display:grid;gap:0}.wizard-step{border-bottom:1px solid var(--border);display:flex;gap:20px;padding:20px 0}.wizard-step:first-child{padding-top:0}.wizard-step:last-child{border-bottom:0}.step-badge{align-items:center;background:#0f766e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:28px;justify-content:center;margin-top:2px;width:28px}.step-body{flex:1;min-width:0}.step-title{display:block;font-size:15px;margin-bottom:14px}.wizard-field-group{display:grid;gap:12px;max-width:560px}.wizard-field-group label{color:var(--text-muted);display:grid;font-size:14px;font-weight:700;gap:7px}.wizard-field-group input,.wizard-field-group select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:11px 12px}.wizard-field-group input:focus,.wizard-field-group select:focus{border-color:#0f766e;outline:3px solid #ccfbf1}.wizard-field-group button{background:#0f766e;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:12px 14px}.wizard-field-group button:disabled{background:#94a3b8;cursor:not-allowed}.wizard-note{color:var(--text-subtle);font-size:13px;margin:0}.mode-toggle{background:var(--bg);border-radius:8px;border:1px solid var(--border);display:flex;gap:3px;margin-bottom:14px;padding:3px;width:fit-content}.mode-toggle button{background:transparent;border:0;border-radius:6px;color:var(--text-subtle);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:7px 14px}.mode-toggle button.active{background:var(--bg-panel);box-shadow:0 1px 3px #0006;color:#34d399}.collapsible-section{border-top:1px solid #2a3a54;margin-top:20px;padding-top:14px}.collapsible-toggle{align-items:center;background:transparent;border:0;color:#526173;cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:700;gap:8px;padding:0}.collapsible-toggle:hover{color:#0f766e}.rotated{transform:rotate(180deg)}.table-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.form-grid{display:grid;gap:12px}.form-grid label{color:var(--text-muted);display:grid;font-size:14px;font-weight:700;gap:7px}.form-grid input,.form-grid select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:11px 12px}.form-grid input:focus,.form-grid select:focus{border-color:#0f766e;outline:3px solid #ccfbf1}.profile-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.embedded-profile{border-top:1px solid #dbe4ee;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 0;padding-top:16px}.profile-title{align-items:center;color:#0f766e;display:flex;gap:10px;grid-column:1 / -1}.profile-title strong,.profile-title span{display:block}.profile-title span{color:var(--text-subtle);font-size:13px;margin-top:2px}.profile-grid label{color:var(--text-muted);display:grid;font-size:14px;font-weight:700;gap:7px}.profile-grid input,.profile-grid select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:11px 12px}.profile-grid input:focus,.profile-grid select:focus{border-color:#0f766e;outline:3px solid #ccfbf1}.profile-grid .wide-field{grid-column:span 2}.profile-grid button{align-self:end;background:#0f766e;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:12px 14px}.form-grid button{background:#0f766e;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:12px 14px}.icon-button{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:800;gap:7px;padding:9px 11px;white-space:nowrap}.icon-button:hover{background:#ffffff1a;color:var(--text)}.form-grid button:disabled{background:#94a3b8;cursor:not-allowed}.token-box{background:#34d39912;border:1px solid rgba(52,211,153,.2);border-radius:8px;display:grid;gap:8px;margin-top:16px;padding:12px}.existing-agent-box{border-top:1px solid #2a3a54;display:grid;gap:10px;margin-top:16px;padding-top:16px}.existing-agent-box>span{color:var(--text-subtle);font-size:13px}.existing-agent-box label{color:var(--text-muted);display:grid;font-size:14px;font-weight:700;gap:7px}.existing-agent-box input,.existing-agent-box select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:11px 12px}.token-box span{color:var(--text-muted);font-size:13px}.token-box code,.code-block{background:#0f172a;border-radius:8px;color:var(--text);display:block;overflow-x:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.command-block{display:grid;gap:10px;margin-top:14px}.command-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.command-heading strong,.command-heading span{display:block}.command-heading span{color:var(--text-subtle);font-size:13px;margin-top:3px}.inline-note{background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:8px;color:#34d399;font-size:13px;font-weight:800;margin-bottom:10px;padding:9px 11px}.inline-note.muted{background:#ffffff0a;border-color:#2a3a54;color:var(--text-muted)}.data-list{display:grid;gap:10px}.data-row{align-items:center;background:#ffffff0a;border-bottom:1px solid var(--border);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.data-row strong,.data-row span{display:block}.data-row strong{color:var(--text)}.data-row span{color:var(--text-muted);font-size:13px;margin-top:3px}.data-row small{color:var(--text-muted);font-weight:800;white-space:nowrap}.row-actions{align-items:center;display:flex;gap:10px}.danger-button{background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:8px;color:#fca5a5;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:7px 10px}.danger-button:hover{background:#f8718533}.status-text.online{color:#0f766e}.status-text.offline{color:#dc2626}.status-text.warning{color:#ca8a04}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.status-dot.online{background:#0f766e;box-shadow:0 0 0 3px #ccfbf1}.status-dot.offline{background:#dc2626;box-shadow:0 0 0 3px #fee2e2}.status-dot.warning{background:#ca8a04;box-shadow:0 0 0 3px #fef9c3}.status-dot.unknown{background:#94a3b8;box-shadow:0 0 0 3px var(--bg)}.site-status-section{border-top:1px solid #2a3a54;margin-top:20px;padding-top:18px}.sites-page{display:grid;gap:14px}.sites-rows{display:grid;gap:12px}.site-row{display:grid;gap:0}.site-row-header{align-items:center;display:flex;justify-content:space-between;gap:12px;padding-bottom:12px}.site-row-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.site-row-name{font-size:16px}.site-row-meta{color:var(--text-subtle);font-size:13px}.site-agent-block{border-top:1px solid #2a3a54;padding-top:10px}.site-agent-row{align-items:center;display:flex;gap:10px;font-size:14px;padding:4px 0}.service-badges{display:flex;flex-wrap:wrap;gap:6px}.service-badge{border-radius:5px;font-size:12px;font-weight:700;padding:2px 8px}.service-badge.ok{background:#ecfdf5;color:#0f766e}.service-badge.fail{background:#fff1f2;color:#be123c}.license-badge{border-radius:6px;font-size:11px;font-weight:800;padding:3px 8px;white-space:nowrap}.license-badge.basic{background:#e0f2fe;color:#0369a1}.license-badge.pro{background:#fef3c7;color:#b45309}.pending-devices-section{border-top:1px solid #2a3a54;padding-top:10px}.pending-toggle{align-items:center;background:transparent;border:0;color:var(--text-faint);cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:700;gap:8px;padding:4px 0;width:100%}.pending-toggle:hover{color:#0f766e}.pending-count{background:#fef3c7;border-radius:999px;color:#b45309;font-size:11px;font-weight:800;padding:1px 7px}.pending-devices-list{display:grid;gap:8px;margin-top:10px}.global-pending-list{margin-top:0}.pending-device-row{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;gap:12px;padding:10px 12px}.pending-device-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.pending-approve-form{padding:4px 0;width:100%}.category-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.category-badge.cat-camera{background:#1d4ed833;color:#93c5fd}.category-badge.cat-nvr{background:#6d28d933;color:#c4b5fd}.category-badge.cat-switch{background:#065f4633;color:#6ee7b7}.category-badge.cat-access_point{background:#92400e33;color:#fcd34d}.category-badge.cat-router_firewall_gateway{background:#991b1b33;color:#fca5a5}.category-badge.cat-server{background:#0369a133;color:#7dd3fc}.category-badge.cat-pc{background:#6b21a833;color:#d8b4fe}.category-badge.cat-ups{background:#9d174d33;color:#f9a8d4}.category-badge.cat-printer{background:#16653433;color:#86efac}.category-badge.cat-other{background:#64748b26;color:var(--text-muted)}.health-good{color:#34d399}.health-warn{color:#fbbf24}.health-bad{color:#f87171}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:16px;line-height:1;padding:7px 10px;transition:border-color .15s}.theme-toggle:hover{border-color:var(--accent-text)}[data-theme=light] .noc-stat-online{color:#065f46}[data-theme=light] .noc-stat-warning{color:#92400e}[data-theme=light] .noc-stat-offline{color:#991b1b}[data-theme=light] .noc-stat-online .noc-dot{background:#10b981}[data-theme=light] .noc-stat-warning .noc-dot{background:#f59e0b}[data-theme=light] .noc-stat-offline .noc-dot{background:#ef4444}[data-theme=light] .noc-row-offline td{background:#fff1f2}[data-theme=light] .noc-row-warning td{background:#fffbeb}[data-theme=light] .alarm-row-critical td{background:#fff1f2}[data-theme=light] .alarm-row-warning td{background:#fffbeb}[data-theme=light] .nav-list a{color:#475569}[data-theme=light] .nav-list a.active{background:#eff6ff;color:#2563eb}[data-theme=light] .nav-list a:hover{background:#f1f5f9;color:#334155}[data-theme=light] .nav-sub-list a{color:#94a3b8}[data-theme=light] .nav-sub-list a.active{background:#eff6ff;color:#2563eb}[data-theme=light] .nav-sub-list a:hover{background:#f1f5f9;color:#475569}[data-theme=light] .nav-sub-count{background:#f1f5f9;color:#64748b}[data-theme=light] .eyebrow{color:var(--text-subtle)}[data-theme=light] .noc-stat-health{border-color:var(--border)}[data-theme=light] .code-block{background:#1e293b;color:#e2e8f0}[data-theme=light] .noc-cat-device-name{color:#334155}[data-theme=light] .pending-device-row{background:#f8fafc;border-color:var(--border)}[data-theme=light] .inline-note{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.nav-alarm-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px}.alarm-severity-badge{font-size:10px;font-weight:800;padding:3px 9px;border-radius:4px;letter-spacing:.05em}.sev-critical{background:#ef444426;color:#f87171}.sev-warning{background:#fbbf2426;color:#fbbf24}.sev-info{background:#60a5fa26;color:#60a5fa}.alarm-row-critical td{background:#ef44440a}.alarm-row-warning td{background:#fbbf240a}.alarm-row-resolved td{opacity:.5}.notify-toggle{border:none;border-radius:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:4px 12px;transition:background .15s}.notify-toggle.on{background:#34d39933;color:#34d399}.notify-toggle.off{background:#64748b26;color:var(--text-subtle)}.noc-edit-toggle-label{flex-direction:row!important;align-items:center;gap:10px!important}.notif-section-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:4px}.notif-section-title strong{font-size:14px;color:var(--text)}.noc-category-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0}.dash-category-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:16px;align-items:stretch}.noc-category-row.compact-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.noc-cat-card{--cat-accent: #60a5fa;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.noc-cat-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #0f766e24}.noc-cat-camera{--cat-accent: #f97316}.noc-cat-nvr{--cat-accent: #818cf8}.noc-cat-switch{--cat-accent: #38bdf8}.noc-cat-access_point{--cat-accent: #34d399}.noc-cat-router_firewall_gateway{--cat-accent: #818cf8}.noc-cat-server{--cat-accent: #60a5fa}.noc-cat-pc{--cat-accent: #c084fc}.noc-cat-ups{--cat-accent: #fbbf24}.noc-cat-printer{--cat-accent: #4ade80}.noc-cat-other{--cat-accent: #94a3b8}.noc-cat-header{display:flex;align-items:center;gap:10px}.noc-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--cat-accent) 16%,transparent);color:var(--cat-accent);line-height:1;flex-shrink:0}.noc-cat-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.noc-cat-main{display:flex;align-items:flex-end;justify-content:space-between;flex:1}.noc-cat-left{display:flex;flex-direction:column}.noc-cat-count{font-size:42px;font-weight:800;line-height:1;color:var(--text);letter-spacing:-.02em}.noc-cat-unit{font-size:10px;font-weight:700;color:var(--text-faint);letter-spacing:.12em;margin-top:5px}.noc-cat-stats{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.noc-stat-row{display:grid;grid-template-columns:8px 18px auto;align-items:center;gap:7px}.noc-stat-num{font-size:15px;font-weight:800;text-align:right}.noc-stat-lbl{font-size:10px;font-weight:700;letter-spacing:.05em;opacity:.85}.noc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.noc-stat-online .noc-dot{background:#34d399}.noc-stat-warning .noc-dot{background:#fbbf24}.noc-stat-offline .noc-dot{background:#f87171}.noc-stat-online{color:#34d399}.noc-stat-warning{color:#fbbf24}.noc-stat-offline{color:#f87171}.noc-cat-footer{font-size:11px;color:var(--text-faint);font-weight:600;letter-spacing:.04em;margin-top:2px}.noc-cat-card:hover .noc-cat-footer{color:var(--accent-text)}.noc-donut-card{--donut-online: 0%;--donut-warning: 0%;--donut-offline: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:22px;min-height:100%;padding:18px;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.noc-donut-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0f766e24;transform:translateY(-2px)}.noc-donut-head{align-items:center;border-bottom:1px solid var(--border-sub);color:var(--text);display:flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:.04em;padding-bottom:12px;text-transform:uppercase}.noc-donut-icon{align-items:center;background:#818cf829;border-radius:9px;color:#818cf8;display:inline-flex;height:34px;justify-content:center;width:34px}.noc-donut-body{align-items:center;display:grid;flex:1;gap:22px;grid-template-columns:160px minmax(0,1fr)}.noc-donut-ring{align-items:center;background:radial-gradient(circle at center,var(--bg-panel) 57%,transparent 59%),conic-gradient(#34d399 0 var(--donut-online),#fbbf24 var(--donut-online) var(--donut-warning),#f87171 var(--donut-warning) var(--donut-offline),color-mix(in srgb,var(--border) 70%,transparent) var(--donut-offline) 100%);border-radius:50%;display:flex;height:160px;justify-content:center;width:160px}.noc-donut-center{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.noc-donut-center strong{color:var(--text);font-size:42px;font-weight:900;letter-spacing:-.02em;line-height:1}.noc-donut-center span{color:var(--text-muted);font-size:12px;font-weight:700;margin-top:6px}.noc-donut-legend{display:flex;flex-direction:column;gap:12px}.noc-donut-legend-row{align-items:center;display:grid;gap:8px;grid-template-columns:10px minmax(54px,1fr) auto 48px}.noc-donut-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.noc-donut-legend-row.online .noc-donut-dot{background:#34d399}.noc-donut-legend-row.warning .noc-donut-dot{background:#fbbf24}.noc-donut-legend-row.offline .noc-donut-dot{background:#f87171}.noc-donut-label{color:var(--text);font-size:13px;font-weight:700}.noc-donut-legend-row strong{color:var(--text);font-size:15px;font-weight:900;text-align:right}.noc-donut-legend-row small{color:var(--text-muted);font-size:12px;font-weight:700;text-align:right}.noc-main-grid{display:grid;grid-template-columns:1fr 420px;gap:18px;padding:20px 0 24px;align-items:start}.noc-device-table{overflow:hidden}.noc-device-table .noc-table-wrap{max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3a54 transparent}.noc-right-col{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3a54 transparent}.noc-right-col::-webkit-scrollbar{width:4px}.noc-right-col::-webkit-scrollbar-track{background:transparent}.noc-right-col::-webkit-scrollbar-thumb{background:#2a3a54;border-radius:4px}.noc-right-col .panel{margin:0}.noc-table{width:100%;border-collapse:collapse;font-size:13px}.noc-table thead tr{border-bottom:2px solid #2a3a54}.noc-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle)}.noc-table td{padding:9px 12px;border-bottom:1px solid var(--border-sub);vertical-align:middle}.noc-table td strong{font-weight:600;color:var(--text)}.noc-table td code{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-muted);background:var(--bg);padding:2px 6px;border-radius:4px}.noc-row-offline td{background:#1f1520}.noc-row-warning td{background:#1f1a0d}.noc-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;flex-shrink:0}.noc-status-dot.online{background:#10b981;box-shadow:0 0 6px #10b981}.noc-status-dot.offline{background:#ef4444}.noc-status-dot.warning{background:#f59e0b}.noc-status-dot.unknown{background:#94a3b8}.noc-status-label{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.04em}.noc-status-label.online{background:#34d39926;color:#34d399}.noc-status-label.offline{background:#f8717126;color:#f87171}.noc-status-label.warning{background:#fbbf2426;color:#fbbf24}.noc-status-label.unknown{background:#94a3b81a;color:var(--text-muted)}.noc-lastseen{color:var(--text-muted);font-size:12px}.noc-cat-panel{overflow:hidden;padding:0!important}.noc-cat-panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.noc-cat-panel-title{flex:1;min-width:0}.noc-cat-panel-title strong{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noc-cat-panel-title span{font-size:10px;color:var(--text-subtle)}.noc-panel-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.noc-cat-device-list{padding:2px 0}.noc-cat-device-row{display:flex;align-items:center;gap:6px;padding:5px 12px;border-bottom:1px solid var(--bg-row-alt);min-width:0}.noc-cat-device-row:last-child{border-bottom:none}.noc-cat-device-row.noc-row-offline{background:#ef44440f}.noc-cat-device-row.noc-row-warning{background:#f59e0b0f}.noc-cat-device-name{flex:1;font-size:12px;font-weight:600;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.noc-cat-device-ip{font-size:10px;color:var(--text-faint);font-family:JetBrains Mono,monospace;flex-shrink:0}.noc-panel-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.04em;flex-shrink:0}.noc-edit-btn{font-size:11px;padding:3px 10px}.noc-edit-row td{background:var(--bg-elevated)!important;padding:10px 14px;border-bottom:2px solid #2563eb}.noc-edit-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.noc-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.noc-edit-form input,.noc-edit-form select{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-size:13px;padding:6px 10px;min-width:140px}.noc-panel-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.noc-cat-icon-camera{background:#c43f0a40;color:#f97316}.noc-cat-icon-nvr{background:#4f46e540;color:#818cf8}.noc-cat-icon-switch{background:#0369a140;color:#38bdf8}.noc-cat-icon-access_point{background:#05966940;color:#34d399}.noc-cat-icon-router_firewall_gateway{background:#4338ca40;color:#818cf8}.noc-cat-icon-server{background:#1a6dad40;color:#60a5fa}.noc-cat-icon-pc{background:#6d28d940;color:#c084fc}.noc-cat-icon-ups{background:#b4530940;color:#fbbf24}.noc-cat-icon-printer{background:#15803d40;color:#4ade80}.noc-cat-icon-other{background:#64748b33;color:var(--text-muted)}.noc-panel-badge{font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.06em}.badge-ok{background:#34d39926;color:#34d399}.badge-danger{background:#f8717126;color:#f87171}.noc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 32px;color:var(--text-muted);background:var(--bg-panel)}.category-cards-section{padding:0 32px 32px}.category-cards-section .section-heading{margin-bottom:16px}.category-cards-section .section-heading h2{font-size:20px;font-weight:700;margin:0;color:var(--text)}.category-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.category-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:20px 18px 16px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .15s,transform .15s}.category-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.category-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--border-sub);color:var(--text-faint)}.cat-card-camera .category-card-icon{background:#dbeafe;color:#1d4ed8}.cat-card-nvr .category-card-icon{background:#ede9fe;color:#6d28d9}.cat-card-switch .category-card-icon{background:#d1fae5;color:#065f46}.cat-card-access_point .category-card-icon{background:#fef3c7;color:#92400e}.cat-card-router_firewall_gateway .category-card-icon{background:#fee2e2;color:#991b1b}.cat-card-server .category-card-icon{background:#e0f2fe;color:#0369a1}.cat-card-pc .category-card-icon{background:#f3e8ff;color:#6b21a8}.cat-card-ups .category-card-icon{background:#fce7f3;color:#9d174d}.cat-card-printer .category-card-icon{background:#f0fdf4;color:#166534}.cat-card-other .category-card-icon{background:#f1f5f9;color:var(--text-subtle)}.category-card-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.category-card-label{font-size:12px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.category-card-total{font-size:32px;font-weight:800;line-height:1;color:var(--text)}.category-card-bar{height:6px;border-radius:99px;background:#2a3a54;overflow:hidden;display:flex;margin:4px 0 2px}.ccbar-online{background:#10b981;height:100%}.ccbar-offline{background:#ef4444;height:100%}.category-card-stats{display:flex;flex-wrap:wrap;gap:6px}.cc-online{font-size:11px;color:#10b981;font-weight:600}.cc-offline{font-size:11px;color:#ef4444;font-weight:600}.cc-unknown{font-size:11px;color:var(--text-muted);font-weight:600}.approve-button{background:#0f766e;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:7px 14px}.approve-button:hover{background:#0d6460}.agent-profile-inline{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:14px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.setup-grid,.table-grid,.profile-grid{grid-template-columns:1fr}.profile-grid .wide-field{grid-column:auto}.chart-panel{grid-row:auto}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d9e2ec;border-right:0}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:20px}.topbar{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.metric-grid,.nav-list{grid-template-columns:1fr}}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);background:var(--bg);font-size:15px}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:24px}.login-card{width:100%;max-width:380px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login-logo{height:150px;width:auto;max-width:260px;object-fit:contain;align-self:center;margin-bottom:4px}.login-card h1{display:block;margin:0;font-size:22px;color:var(--text);text-align:center}.login-sub{margin:0 0 8px;color:var(--text-muted);font-size:14px;text-align:center}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted)}.login-card input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:10px 12px}.login-card button{margin-top:8px;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 16px}.login-card button:disabled{opacity:.55;cursor:not-allowed}.login-error{background:#f871711f;border:1px solid rgba(248,113,113,.35);border-radius:8px;color:#f87171;font-size:13px;padding:9px 12px}.topbar-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.topbar-user-name{color:var(--text);font-size:13px;font-weight:600}.topbar-user-role{color:var(--text-muted);font-size:11px}.topbar-breadcrumb{margin:0;font-size:14px;color:var(--text-subtle);font-weight:500}.topbar-breadcrumb strong{color:var(--text);font-weight:700}.dash-welcome{margin-bottom:22px}.dash-welcome-title{font-size:28px;font-weight:800;color:var(--text);margin:0 0 4px;letter-spacing:-.02em}.dash-welcome-sub{margin:0;color:var(--text-muted);font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{position:relative;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;min-height:116px}.stat-card.stat-card-static{cursor:default}.stat-card:not(.stat-card-static):hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #0f766e24}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stat-card-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.stat-card-ghost{color:var(--text-faint);opacity:.55;flex-shrink:0}.stat-card-value{font-size:34px;font-weight:800;color:var(--text);line-height:1.1;margin-top:10px;letter-spacing:-.02em}.stat-card-badge{position:absolute;left:18px;bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px}.stat-card-value{margin-bottom:30px}.sb-total{background:#2563eb1f;color:#2563eb}.sb-online{background:#10b9811f;color:#10b981}.sb-offline{background:#ef44441f;color:#ef4444}.sb-alarm{background:#f59e0b24;color:#f59e0b}.sb-site{background:#8b5cf624;color:#8b5cf6}.sb-health{background:#0f766e24;color:#0f766e}.dash-main-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:22px}.panel-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:22px}.chart-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.chart-card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text)}.chart-card-title svg{color:var(--accent-text)}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--text-subtle)}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-online .legend-dot{background:#2563eb}.legend-offline .legend-dot{background:#ef4444}.chart-wrap{position:relative}.chart-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:13px;color:var(--text-subtle);pointer-events:none}.dash-traffic-row{margin-bottom:22px}.traffic-now{display:flex;gap:16px;font-size:14px;font-weight:800;letter-spacing:-.01em}.traffic-now-in{color:#10b981}.traffic-now-out{color:#818cf8}.traffic-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px;text-align:center;color:var(--text-subtle)}.traffic-placeholder svg{color:var(--text-faint)}.traffic-placeholder p{margin:0;font-size:14px;color:var(--text-muted)}.traffic-placeholder strong{color:var(--accent-text)}.traffic-placeholder span{font-size:12px;color:var(--text-faint)}.traffic-secondary-row{margin-top:14px}.traffic-secondary-card{align-items:center;background:var(--bg-elevated);display:flex;gap:12px;padding:14px 16px}.traffic-secondary-icon{align-items:center;background:#0f766e1a;border-radius:8px;color:var(--accent-text);display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.traffic-secondary-card strong{color:var(--text);display:block;font-size:14px;margin-bottom:3px}.traffic-secondary-card p{color:var(--text-muted);font-size:13px;line-height:1.45;margin:0}.quick-actions{display:flex;flex-direction:column}.qa-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.qa-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;cursor:pointer;font:inherit;transition:border-color .12s ease,background .12s ease,transform .12s ease}.qa-btn:last-child{margin-bottom:0}.qa-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.qa-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#0f766e1a;color:var(--accent-text);flex-shrink:0}.qa-btn-text{display:flex;flex-direction:column;gap:2px}.qa-btn-text strong{font-size:14px;font-weight:700;color:var(--text)}.qa-btn-text span{font-size:12px;color:var(--text-muted)}.qa-btn-primary{background:#2563eb12;border-color:#2563eb47}.qa-btn-primary .qa-btn-icon{background:#2563eb24;color:#2563eb}.qa-btn-primary .qa-btn-text strong{color:#2563eb}.qa-btn-primary:hover{border-color:#2563eb}.dash-category-block{margin-bottom:8px}.dash-section-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 14px}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-main-row,.dash-category-layout{grid-template-columns:1fr}.noc-category-row.compact-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.user-form-grid{grid-template-columns:1fr}}@media(max-width:640px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-category-row.compact-categories{grid-template-columns:1fr}.noc-donut-body{grid-template-columns:1fr;justify-items:center}.noc-donut-legend{width:100%}.user-editor{padding:18px}.user-editor-header{align-items:stretch;flex-direction:column}.site-access-row{grid-template-columns:1fr}.user-editor-actions{justify-content:stretch}.user-editor-actions .primary-action-button{width:100%}}