*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#58a6ff;--green:#3fb950;--red:#f85149;--orange:#d29922}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.nav{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:32px;height:56px;padding:0 24px;display:flex}.nav-brand{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.nav-logo{color:var(--accent);font-size:20px}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--text-muted);border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.nav-links a.active{color:var(--accent);background:#58a6ff26}.main{max-width:1400px;margin:0 auto;padding:24px}h1{margin-bottom:20px;font-size:24px}h2{color:var(--text-muted);margin:24px 0 12px;font-size:18px}h3{color:var(--text-muted);margin-bottom:8px;font-size:15px}.loading{text-align:center;color:var(--text-muted);padding:48px}.error{text-align:center;color:var(--red);padding:48px}.empty-state{color:var(--text-muted);text-align:center;padding:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.stat-value{font-size:36px;font-weight:700}.stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.stat-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.devices-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.device-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;transition:border-color .2s}.device-card:hover{border-color:var(--accent)}.device-card.unreachable{opacity:.7}.device-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.device-name{font-size:16px;font-weight:600}.device-info{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.device-role{color:var(--accent);text-transform:uppercase;background:#58a6ff26;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.device-stats{color:var(--text-muted);gap:12px;margin-bottom:12px;font-size:13px;display:flex}.device-actions{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.status-dot.green{background:var(--green);box-shadow:0 0 6px #3fb95066}.status-dot.red{background:var(--red);box-shadow:0 0 6px #f8514966}.btn-poll{color:var(--accent);cursor:pointer;background:#58a6ff26;border:1px solid #58a6ff4d;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500}.btn-poll:hover{background:#58a6ff40}.btn-poll:disabled{opacity:.5;cursor:wait}.btn-lg{padding:10px 24px;font-size:14px}.poll-ok{color:var(--green);font-weight:700}.device-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.device-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:13px;display:flex}.port-summary{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:16px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.port-up{color:var(--green);font-weight:600}.port-down{color:var(--red);font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;padding-bottom:0;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.port-legend{color:var(--text-muted);gap:16px;margin-bottom:12px;font-size:12px;display:flex}.legend-dot{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.port-group{margin-bottom:20px}.port-grid{flex-wrap:wrap;gap:4px;display:flex}.port-cell{cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:56px;height:42px;transition:transform .1s;display:flex;position:relative}.port-cell:hover{z-index:10;transform:scale(1.15)}.port-label{color:#ffffffe6;font-size:10px;font-weight:600}.port-speed{color:#fff9;font-size:8px}.port-tooltip{border:1px solid var(--border);white-space:nowrap;z-index:100;pointer-events:none;background:#1c2128;border-radius:6px;padding:8px 12px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:8px 12px}.data-table tr:hover{background:#ffffff05}.mono{font-family:SF Mono,Consolas,monospace;font-size:12px}.table-note{text-align:center;color:var(--text-muted);padding:8px;font-size:12px}.status-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.status-badge.up{color:var(--green);background:#3fb95026}.status-badge.down{color:var(--red);background:#f8514926}.severity-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.severity-badge.info{color:var(--accent);background:#58a6ff26}.severity-badge.warning{color:var(--orange);background:#d2992226}.severity-badge.critical{color:var(--red);background:#f8514926}.last-poll{text-align:center;color:var(--text-muted);margin-top:24px;padding:12px;font-size:12px}.login-container{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:48px 40px;box-shadow:0 8px 32px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-logo{color:var(--accent);margin-bottom:12px;font-size:40px;display:block}.login-header h1{margin-bottom:4px;font-size:22px}.login-subtitle{color:var(--text-muted);font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #58a6ff26}.login-error{color:var(--red);background:#f851491a;border:1px solid #f851494d;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:13px}.btn-login{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:opacity .2s}.btn-login:hover{opacity:.9}.btn-login:disabled{opacity:.5;cursor:wait}.btn-logout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;margin-left:8px;padding:6px 14px;font-size:13px}.btn-logout:hover{color:var(--red);border-color:var(--red)}.infra-section{margin-bottom:24px}.infra-section h3{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.cat-icon{font-size:16px}.cat-count{color:var(--text-muted);background:#ffffff14;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.port-desc{max-width:300px}.view-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.view-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:14px;font-weight:500}.view-tab:hover{color:var(--text)}.view-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.search-form{gap:8px;margin-bottom:24px;display:flex}.search-input{background:var(--surface);border:1px solid var(--border);max-width:500px;color:var(--text);border-radius:6px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #58a6ff26}.search-summary{color:var(--text-muted);margin-bottom:16px;font-size:14px}.result-section{margin-bottom:24px}.result-section h2{margin-bottom:8px}.row-dim{opacity:.5}.row-dim:hover{opacity:.8}.traffic-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.traffic-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.time-selector,.view-selector{background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:2px;padding:2px;display:flex}.time-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.time-btn:hover{color:var(--text);background:#ffffff0d}.time-btn.active{color:var(--accent);background:#58a6ff33}.chart-section{margin-bottom:32px}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px 8px 8px 0}.port-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.port-chart-card h3{color:var(--text);margin-bottom:12px;font-size:14px}.chart-tooltip{border:1px solid var(--border);background:#1c2128;border-radius:6px;padding:10px 14px;box-shadow:0 4px 12px #0006}.chart-tooltip-time{color:var(--text-muted);margin-bottom:4px;font-size:11px}.recharts-legend-item-text{font-size:12px;color:var(--text-muted)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#21262d}.note-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-editor{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;padding:24px;box-shadow:0 8px 32px #0006}.note-editor-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.note-editor-header h3{color:var(--text);margin:0;font-size:18px}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px}.btn-close:hover{color:var(--text)}.note-form{flex-direction:column;gap:14px;display:flex}.note-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.note-field input,.note-field textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.note-field input:focus,.note-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #58a6ff26}.note-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn-edit{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.btn-edit:hover{color:var(--accent);border-color:var(--accent)}.infra-toolbar{align-items:center;gap:16px;margin-bottom:8px;display:flex}.event-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.event-stats{gap:16px;font-size:14px;font-weight:500;display:flex}.filter-select{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--accent)}.settings-page{max-width:720px;margin:0 auto;padding:24px 16px}.settings-page h2{color:#e2e8f0;margin-bottom:24px;font-size:1.5rem;font-weight:600}.settings-card{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:16px;padding:20px;transition:opacity .2s}.settings-card.disabled{opacity:.45;pointer-events:none}.settings-card h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:.75rem;font-weight:600}.settings-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.settings-card-header h3{margin-bottom:0}.settings-actions{gap:8px;display:flex}.setting-row{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row.master{padding:14px 0 8px}.setting-info{flex-direction:column;flex:1;gap:2px;margin-right:16px;display:flex}.setting-label{color:#e2e8f0;font-size:.9rem;font-weight:500}.setting-desc{color:#64748b;font-size:.8rem}.toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#475569;border-radius:24px;transition:all .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#0f172a;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:#3b82f6}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.setting-input-group{align-items:center;gap:6px;display:flex}.setting-number{color:#e2e8f0;text-align:center;background:#0f172a;border:1px solid #334155;border-radius:6px;width:72px;padding:6px 10px;font-size:.9rem}.setting-number:focus{border-color:#3b82f6;outline:none}.setting-number:disabled{opacity:.4}.setting-unit{color:#64748b;font-size:.85rem}.quiet-times{flex-direction:column;align-items:flex-start}.time-range{gap:24px;padding:8px 0;display:flex}.time-range label{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.time-range input[type=time]{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:6px 10px;font-size:.85rem}.time-range input[type=time]:focus{border-color:#3b82f6;outline:none}.btn-test{color:#3b82f6;cursor:pointer;background:#1e293b;border:1px solid #3b82f6;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:500;transition:all .2s}.btn-test:hover:not(:disabled){color:#fff;background:#3b82f6}.btn-test:disabled{opacity:.4;cursor:not-allowed}.settings-save-bar{justify-content:flex-end;align-items:center;gap:12px;padding:16px 0;display:flex}.btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb}.btn-save:disabled{opacity:.5;cursor:not-allowed}.save-msg{font-size:.85rem;font-weight:500}.save-msg.success{color:#22c55e}.save-msg.error{color:#ef4444}.settings-alert{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.85rem}.settings-alert.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.settings-alert.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.alert-history{max-height:400px;overflow-y:auto}.history-row{border-bottom:1px solid #1e293b;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;display:flex}.history-row:last-child{border-bottom:none}.history-icon{flex-shrink:0;font-size:.9rem}.history-msg{color:#cbd5e1;flex:1}.history-time{color:#64748b;flex-shrink:0;font-size:.78rem}.no-data{color:#475569;text-align:center;padding:20px 0;font-size:.85rem}.bw-widget{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:20px;padding:20px}.bw-widget-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.bw-widget-header h3{color:#e2e8f0;margin:0;font-size:.95rem;font-weight:600}.bw-current{gap:16px;margin-top:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;font-weight:700;display:flex}.bw-range-selector{background:#0f172a;border-radius:6px;gap:2px;padding:2px;display:flex}.bw-range-selector button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s}.bw-range-selector button.active{color:#e2e8f0;background:#334155}.bw-range-selector button:hover:not(.active){color:#94a3b8}.bw-tooltip{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:10px 14px;font-size:.8rem;line-height:1.6}.bw-tooltip-time{color:#94a3b8;margin-bottom:4px;font-size:.75rem}.bw-loading{text-align:center;color:#475569;padding:40px 0;font-size:.85rem}.port-map-widget{padding:4px 0}.port-map-legend{color:#94a3b8;gap:16px;margin-bottom:16px;font-size:.78rem;display:flex}.port-map-legend i{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.port-map-device{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:12px;padding:16px}.port-map-device-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.port-map-device-name{color:#e2e8f0;font-size:1rem;font-weight:600;text-decoration:none}.port-map-device-name:hover{color:#3b82f6}.port-map-device-stats{gap:12px;font-size:.78rem;display:flex}.port-map-device-stats .up{color:#22c55e}.port-map-device-stats .down{color:#ef4444}.port-map-device-stats .total{color:#64748b}.port-map-section{margin-bottom:10px}.port-map-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.7rem;display:block}.port-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:3px;display:grid}.port-grid.ae-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));margin-bottom:8px}.port-cell{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:32px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.port-cell:hover{z-index:10;transform:scale(1.15);box-shadow:0 2px 8px #00000080}.port-cell.ae-port{border:1px solid #ffffff26;height:36px}.port-cell-name{color:#fffc;text-shadow:0 1px 2px #00000080;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600}.port-tooltip{white-space:nowrap;z-index:100;background:#0f172a;border:1px solid #334155;border-radius:8px;min-width:160px;padding:10px 14px;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.port-tooltip-header{color:#e2e8f0;margin-bottom:2px;font-size:.85rem;font-weight:600}.port-tooltip-alias{color:#94a3b8;margin-bottom:6px;font-size:.75rem}.port-tooltip-row{color:#cbd5e1;justify-content:space-between;gap:16px;font-size:.78rem;line-height:1.6;display:flex}.port-tooltip-row .up{color:#22c55e}.port-tooltip-row .down{color:#ef4444}.port-map-loading{text-align:center;color:#475569;padding:40px 0}.topo-widget{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:4px;padding:16px}.topo-svg{width:100%;max-width:700px;margin:0 auto;display:block}.topo-loading{text-align:center;color:#475569;padding:40px 0}.bulk-import-section{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:8px;padding:20px}.bulk-import-section h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:.75rem;font-weight:600}.bulk-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.btn-bulk{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .15s}.btn-bulk:hover{background:#2563eb}.btn-bulk.outline{color:#94a3b8;background:0 0;border:1px solid #475569}.btn-bulk.outline:hover{color:#3b82f6;border-color:#3b82f6}.btn-bulk.small{margin-top:8px;padding:6px 14px}.bulk-upload,.bulk-paste{margin-bottom:16px}.file-input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:10px;font-size:.85rem}.bulk-hint{color:#64748b;margin-top:6px;font-size:.78rem}.bulk-textarea{color:#e2e8f0;resize:vertical;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:12px;font-family:JetBrains Mono,monospace;font-size:.82rem}.bulk-textarea:focus{border-color:#3b82f6;outline:none}.bulk-preview{margin-top:12px}.bulk-preview-header{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.data-table.compact td,.data-table.compact th{padding:6px 10px;font-size:.78rem}.bulk-result{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.85rem}.bulk-result.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.bulk-result.warn{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d}.bulk-result-msg{font-weight:600}.bulk-details{margin-top:8px;font-size:.78rem}.bulk-details summary{cursor:pointer;color:#94a3b8}.bulk-skip{color:#64748b;padding:2px 0}.vlans-page{max-width:960px;margin:0 auto;padding:24px 16px}.vlans-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.vlans-header h2{color:#e2e8f0;margin:0;font-size:1.5rem;font-weight:600}.vlans-summary{color:#64748b;font-size:.85rem}.vlan-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.vlan-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px;transition:border-color .15s}.vlan-card:hover{border-color:#475569}.vlan-card.unknown{opacity:.7;border-style:dashed}.vlan-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.vlan-id{color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.vlan-mac-badge{color:#94a3b8;cursor:pointer;background:#0f172a;border-radius:20px;padding:3px 10px;font-size:.75rem;transition:all .15s}.vlan-mac-badge:hover{color:#e2e8f0;background:#334155}.vlan-name{color:#e2e8f0;margin-bottom:4px;font-size:.95rem;font-weight:600}.vlan-desc{color:#64748b;font-size:.82rem}.vlan-unknown-hint{color:#f59e0b;margin-top:8px;font-size:.75rem;font-style:italic}.vlan-card-actions{gap:8px;margin-top:12px;display:flex}.btn-edit-sm,.btn-delete-sm{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:4px;padding:4px 12px;font-size:.75rem;transition:all .15s}.btn-edit-sm:hover{color:#3b82f6;border-color:#3b82f6}.btn-delete-sm:hover{color:#ef4444;border-color:#ef4444}.vlan-form{background:#1e293b;border:1px solid #3b82f6;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:16px;padding:16px;display:flex}.vlan-input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;width:140px;padding:8px 12px;font-size:.85rem}.vlan-input.wide{flex:1;min-width:200px}.vlan-input:focus{border-color:#3b82f6;outline:none}.vlan-form-actions{gap:6px;display:flex}.btn-save.small{padding:8px 16px;font-size:.8rem}.btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:6px;padding:8px 16px;font-size:.8rem}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e293b;border:1px solid #334155;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:24px;overflow-y:auto}.modal-content.wide{max-width:900px}.modal-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-header h3{color:#e2e8f0;flex:1;margin:0;font-size:1.1rem}.modal-count{color:#64748b;font-size:.85rem}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem}.modal-close:hover{color:#e2e8f0}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-header h1{margin:0}.dashboard-meta{align-items:center;gap:8px;display:flex}.auto-refresh-badge{color:#22c55e;letter-spacing:.1em;background:#22c55e26;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.btn-refresh{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 14px;font-size:.78rem;transition:all .15s}.btn-refresh:hover{color:#3b82f6;border-color:#3b82f6}.event-banner{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex;overflow:hidden}.event-banner-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-size:.7rem;font-weight:600}.event-banner-scroll{scrollbar-width:none;flex:1;gap:16px;display:flex;overflow-x:auto}.event-banner-scroll::-webkit-scrollbar{display:none}.event-banner-item{flex-shrink:0;align-items:center;gap:6px;font-size:.8rem;display:flex}.event-banner-icon{font-size:.75rem}.event-banner-msg{color:#cbd5e1;white-space:nowrap}.event-banner-item.warning .event-banner-msg{color:#f59e0b}.event-banner-item.critical .event-banner-msg{color:#ef4444}.event-banner-time{color:#475569;white-space:nowrap;font-size:.72rem}.racks-page{padding:0}.racks-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.racks-header h1{color:#e2e8f0;font-size:1.5rem;font-weight:700}.racks-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.racks-list{flex-direction:column;gap:12px;max-height:calc(100vh - 100px);padding-right:8px;display:flex;position:sticky;top:80px;overflow-y:auto}.rack-card{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px;transition:border-color .2s,transform .15s}.rack-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.rack-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rack-card-header h3{color:#e2e8f0;font-size:1rem;font-weight:600}.rack-status-badge{color:#fff;text-transform:uppercase;border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:600}.rack-card-location{color:#94a3b8;margin-bottom:10px;font-size:.8rem}.rack-card-stats{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.rack-card-stat-label{color:#64748b;text-transform:uppercase;font-size:.7rem}.rack-card-stat-val{color:#cbd5e1;font-size:.8rem}.rack-mini-progress{background:#0f172a;border-radius:2px;height:4px;margin:2px 0;overflow:hidden}.rack-mini-progress>div{border-radius:2px;height:100%;transition:width .3s}.rack-card-actions{justify-content:flex-end;gap:6px;display:flex}.rack-detail-panel{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:20px}.rack-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rack-detail-header h2{color:#e2e8f0;font-size:1.25rem}.rack-detail-location{color:#94a3b8;font-size:.85rem}.rack-detail-actions{gap:8px;display:flex}.rack-detail-content{flex-direction:column;gap:20px;display:flex}.rack-empty-detail{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex}.rack-empty-detail .rack-empty-icon{opacity:.3;margin-bottom:16px;font-size:4rem}.rack-empty{text-align:center;color:#64748b;padding:40px 20px}.rack-visual-container{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:16px}.rack-stats-bar{gap:20px;margin-bottom:14px;display:flex}.rack-stat{flex:1;align-items:center;gap:8px;display:flex}.rack-stat-label{color:#64748b;text-transform:uppercase;min-width:40px;font-size:.7rem}.rack-progress{background:#1e293b;border-radius:3px;flex:1;height:6px;overflow:hidden}.rack-progress-fill{border-radius:3px;height:100%;transition:width .4s}.rack-stat-val{color:#94a3b8;text-align:right;min-width:80px;font-size:.75rem}.rack-grid-wrapper{gap:0;display:flex}.rack-unit-numbers{flex-direction:column;flex-shrink:0;gap:0;width:30px;display:flex}.rack-u-label{color:#475569;justify-content:flex-end;align-items:center;height:28px;padding-right:6px;font-family:monospace;font-size:.65rem;display:flex}.rack-grid{background:#1e293b;border:2px solid #475569;border-radius:4px;flex:1;gap:1px;padding:2px;display:grid;position:relative}.rack-unit-slot{cursor:pointer;background:#0f172a;border:1px dashed #1e293b;border-radius:2px;justify-content:center;align-items:center;transition:background .15s;display:flex}.rack-unit-slot:hover{background:#1e293b;border-color:#334155}.rack-unit-slot.drag-over{background:#1e3a5f;border-style:solid;border-color:#3b82f6}.rack-device-block{color:#fff;cursor:grab;border:1px solid #ffffff26;border-radius:3px;align-items:center;gap:6px;padding:0 8px;font-size:.78rem;font-weight:500;transition:filter .15s;display:flex;position:relative;overflow:hidden}.rack-device-block:hover{filter:brightness(1.15)}.rack-device-block:active{cursor:grabbing}.rack-device-icon{flex-shrink:0;font-size:.9rem}.rack-device-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rack-device-size{opacity:.7;font-size:.65rem}.rack-device-actions{opacity:0;gap:2px;transition:opacity .2s;display:flex}.rack-device-block:hover .rack-device-actions{opacity:1}.rack-device-actions button{color:#fff;cursor:pointer;background:#0000004d;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex}.rack-device-actions button:hover{background:#00000080}.rack-device-status{border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.rack-device-status.up{background:#10b981;box-shadow:0 0 6px #10b981}.rack-device-status.down{background:#ef4444;animation:1.5s infinite pulse-dot;box-shadow:0 0 6px #ef4444}.rack-device-table{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:16px}.rack-device-table h3{color:#94a3b8;margin-bottom:12px;font-size:.95rem}.rack-device-table table{border-collapse:collapse;width:100%;font-size:.82rem}.rack-device-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #334155;padding:8px;font-size:.7rem;font-weight:600}.rack-device-table td{color:#cbd5e1;border-bottom:1px solid #1e293b;padding:8px}.rack-device-table td strong{color:#e2e8f0}.rack-device-table td small{color:#64748b}.rack-status-dot{align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.rack-status-dot:before{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.rack-status-dot.up:before{background:#10b981}.rack-status-dot.down:before{background:#ef4444}.rack-status-dot.neutral:before{background:#64748b}.rack-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rack-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:480px;max-height:90vh;overflow-y:auto}.rack-modal.device-modal{width:520px}.rack-modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rack-modal-header h3{color:#e2e8f0;font-size:1.1rem}.rack-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.rack-close-btn:hover{color:#e2e8f0}.rack-form-body{flex-direction:column;gap:12px;padding:20px;display:flex}.rack-form-body label{color:#94a3b8;flex-direction:column;gap:4px;font-size:.82rem;display:flex}.rack-form-body input,.rack-form-body select,.rack-form-body textarea{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 10px;font-size:.85rem}.rack-form-body input:focus,.rack-form-body select:focus,.rack-form-body textarea:focus{border-color:#3b82f6;outline:none}.rack-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.color-picker-row{align-items:center;gap:8px;display:flex}.color-picker-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #334155;border-radius:4px;width:40px;height:32px}.rack-modal-footer{border-top:1px solid #334155;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.rack-error{color:#ef4444;background:#ef44441a;border-radius:6px;padding:8px 12px;font-size:.82rem}.rack-error-banner{color:#fca5a5;background:#ef444426;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;font-size:.85rem;display:flex}.rack-error-banner button{color:#fca5a5;cursor:pointer;background:0 0;border:none;font-size:1rem}.rack-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background .2s}.rack-btn.primary{color:#fff;background:#3b82f6}.rack-btn.primary:hover{background:#2563eb}.rack-btn.primary:disabled{cursor:not-allowed;background:#475569}.rack-btn.secondary{color:#e2e8f0;background:#334155}.rack-btn.secondary:hover{background:#475569}.rack-btn.small{padding:4px 10px;font-size:.75rem}.rack-btn.danger{color:#fca5a5;background:#7f1d1d}.rack-btn.danger:hover{background:#991b1b}@media (width<=900px){.racks-layout{grid-template-columns:1fr}.racks-list{flex-flow:wrap;max-height:none;position:static;overflow-x:auto}.rack-card{min-width:260px}}.uptime-widget{background:#1e293b;border:1px solid #334155;border-radius:10px;margin-bottom:20px;padding:16px}.uptime-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.uptime-header h3{color:#e2e8f0;font-size:1rem}.uptime-range{gap:4px;display:flex}.uptime-range button{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:4px;padding:4px 10px;font-size:.75rem}.uptime-range button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.uptime-cards{flex-wrap:wrap;gap:12px;display:flex}.uptime-card{background:#0f172a;border:1px solid #334155;border-radius:8px;flex:1;min-width:240px;padding:12px}.uptime-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.uptime-state-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.uptime-state-dot.up{background:#10b981;box-shadow:0 0 6px #10b981}.uptime-state-dot.down{background:#ef4444;box-shadow:0 0 6px #ef4444}.uptime-device-name{color:#e2e8f0;font-size:.9rem;font-weight:600}.uptime-ip{color:#64748b;margin-left:auto;font-size:.75rem}.uptime-sla-bar{background:#1e293b;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.uptime-sla-fill{border-radius:3px;height:100%;transition:width .4s}.uptime-stats{color:#94a3b8;justify-content:space-between;font-size:.75rem;display:flex}.uptime-sla-pct{font-weight:700}.loading-small{color:#64748b;text-align:center;padding:20px;font-size:.85rem}.capacity-page{padding:0}.cap-header{margin-bottom:20px}.cap-header h1{color:#e2e8f0;font-size:1.5rem;font-weight:700}.cap-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.cap-sum-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:16px}.cap-sum-val{font-size:1.8rem;font-weight:700}.cap-sum-label{color:#94a3b8;margin-top:4px;font-size:.85rem}.cap-sum-sub{color:#64748b;margin-top:2px;font-size:.75rem}.cap-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.cap-section{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:20px}.cap-section.full-width{grid-column:1/-1}.cap-section h2{color:#e2e8f0;margin-bottom:16px;font-size:1rem}.cap-util-list{flex-direction:column;gap:14px;display:flex}.cap-util-row{align-items:center;gap:12px;display:flex}.cap-util-name{color:#e2e8f0;flex-shrink:0;width:120px;font-size:.85rem;font-weight:500}.cap-util-bar-wrap{flex:1}.cap-util-bar{background:#0f172a;border-radius:4px;height:16px;overflow:hidden}.cap-util-fill{border-radius:4px;height:100%;transition:width .5s}.cap-util-labels{color:#64748b;justify-content:space-between;margin-top:2px;font-size:.7rem;display:flex}.cap-util-pct{text-align:right;width:48px;font-size:.95rem;font-weight:700}.cap-bw-chart{align-items:flex-end;gap:8px;min-height:160px;padding:10px 0;display:flex;position:relative}.cap-bw-day{flex-direction:column;flex:1;align-items:center;display:flex}.cap-bw-bars{align-items:flex-end;gap:3px;display:flex}.cap-bw-bar{border-radius:3px 3px 0 0;width:18px;min-height:2px;transition:height .3s}.cap-bw-bar.rx{background:#3b82f6}.cap-bw-bar.tx{background:#10b981}.cap-bw-label{color:#64748b;margin-top:6px;font-size:.65rem}.cap-bw-legend{color:#94a3b8;gap:12px;font-size:.72rem;display:flex;position:absolute;top:0;right:0}.cap-bw-leg-item{align-items:center;gap:4px;display:flex}.cap-dot{border-radius:2px;width:8px;height:8px;display:inline-block}.cap-dot.rx{background:#3b82f6}.cap-dot.tx{background:#10b981}.cap-empty{color:#64748b;text-align:center;padding:40px 0;font-size:.85rem}.cap-uptime-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.cap-uptime-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:14px}.cap-uptime-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cap-state-dot{border-radius:50%;width:10px;height:10px}.cap-state-dot.up{background:#10b981;box-shadow:0 0 6px #10b981}.cap-state-dot.down{background:#ef4444}.cap-uptime-ip{color:#64748b;margin-left:auto;font-size:.75rem}.cap-sla-display{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.cap-sla-num{font-size:1.6rem;font-weight:700}.cap-sla-label{color:#64748b;font-size:.8rem}.cap-uptime-meta{color:#94a3b8;justify-content:space-between;font-size:.75rem;display:flex}@media (width<=900px){.cap-grid{grid-template-columns:1fr}.cap-summary{grid-template-columns:repeat(2,1fr)}}.reports-page{padding:0}.rpt-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rpt-header h1{color:#e2e8f0;font-size:1.5rem;font-weight:700}.rpt-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rpt-type-tabs,.rpt-period{gap:4px;display:flex}.rpt-type-tabs button,.rpt-period button{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 14px;font-size:.82rem;transition:all .15s}.rpt-type-tabs button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.rpt-period button.active{color:#e2e8f0;background:#334155;border-color:#64748b}.rpt-content{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:20px}.rpt-meta{color:#64748b;margin-bottom:16px;font-size:.82rem}.rpt-device-card{background:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:12px;padding:14px}.rpt-dev-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.rpt-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rpt-dot.up{background:#10b981}.rpt-dot.down{background:#ef4444}.rpt-ip{color:#64748b;font-size:.78rem}.rpt-sla{margin-left:auto;font-size:1rem;font-weight:700}.rpt-dev-stats{color:#94a3b8;flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:.8rem;display:flex}.rpt-avail-chart{background:#1e293b;border-radius:4px;align-items:flex-end;gap:1px;height:44px;padding:2px;display:flex}.rpt-avail-day{flex:1;justify-content:center;align-items:flex-end;display:flex}.rpt-avail-bar{border-radius:1px;width:100%;min-width:2px}.rpt-incidents{margin-top:10px;font-size:.78rem}.rpt-incidents strong{color:#e2e8f0;margin-bottom:4px;display:block}.rpt-incident{color:#94a3b8;gap:12px;padding:2px 0;display:flex}.rpt-inc-ongoing{color:#ef4444;font-size:.7rem;font-weight:600}.rpt-bw-total{color:#94a3b8;margin-left:auto;font-size:.85rem}.rpt-bw-chart{align-items:flex-end;gap:6px;height:100px;margin:10px 0;display:flex}.rpt-bw-day{flex-direction:column;flex:1;align-items:center;display:flex}.rpt-bw-bars{align-items:flex-end;gap:2px;display:flex}.rpt-bw-bar{border-radius:2px 2px 0 0;width:14px}.rpt-bw-bar.rx{background:#3b82f6}.rpt-bw-bar.tx{background:#10b981}.rpt-bw-lbl{color:#64748b;margin-top:4px;font-size:.65rem}.rpt-port-util{margin-top:16px}.rpt-port-util h3,.rpt-top-ports h3,.rpt-evt-daily h3{color:#94a3b8;margin-bottom:10px;font-size:.9rem}.rpt-table{border-collapse:collapse;width:100%;font-size:.82rem}.rpt-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #334155;padding:8px;font-size:.7rem;font-weight:600}.rpt-table td{color:#cbd5e1;border-bottom:1px solid #1e293b;padding:8px}.rpt-evt-summary{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.rpt-evt-badge{background:#0f172a;border:1px solid #334155;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}.rpt-evt-type{color:#94a3b8;text-transform:capitalize;font-size:.78rem}.rpt-evt-count{color:#e2e8f0;font-size:1rem;font-weight:700}.rpt-evt-severity{gap:8px;margin-bottom:16px;display:flex}.rpt-sev-badge{text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-size:.72rem;font-weight:600}.rpt-sev-badge.critical{color:#fca5a5;background:#ef444426}.rpt-sev-badge.warning{color:#fcd34d;background:#f59e0b26}.rpt-sev-badge.info{color:#93c5fd;background:#3b82f626}.rpt-evt-chart{align-items:flex-end;gap:4px;height:120px;margin:10px 0;display:flex}.rpt-evt-col{flex-direction:column;flex:1;align-items:center;display:flex}.rpt-evt-bar-stack{border-radius:2px 2px 0 0;flex-direction:column;width:100%;min-width:12px;display:flex;overflow:hidden}.rpt-evt-seg{min-height:1px}.rpt-evt-seg.critical{background:#ef4444}.rpt-evt-seg.warning{background:#f59e0b}.rpt-evt-seg.info{background:#3b82f6}.rpt-evt-day-lbl{color:#64748b;margin-top:4px;font-size:.6rem}.rpt-top-ports{margin-top:16px}.ar-page{padding:0}.ar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ar-header h1{color:#e2e8f0;font-size:1.5rem;font-weight:700}.ar-actions{gap:8px;display:flex}.ar-eval-result{color:#6ee7b7;background:#10b98126;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;font-size:.85rem;display:flex}.ar-eval-result button{color:#6ee7b7;cursor:pointer;background:0 0;border:none}.ar-rules-list{flex-direction:column;gap:10px;display:flex}.ar-rule-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:14px 18px;transition:border-color .2s}.ar-rule-card:hover{border-color:#475569}.ar-rule-card.disabled{opacity:.55}.ar-rule-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ar-rule-status{cursor:pointer;padding:4px}.ar-rule-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.ar-rule-dot.active{background:#10b981;box-shadow:0 0 8px #10b981}.ar-rule-dot.inactive{background:#64748b}.ar-rule-info{flex:1}.ar-rule-info strong{color:#e2e8f0;font-size:.95rem;display:block}.ar-rule-desc{color:#94a3b8;font-size:.8rem}.ar-rule-meta{color:#64748b;flex-wrap:wrap;gap:14px;margin-bottom:8px;font-size:.75rem;display:flex}.ar-rule-actions{justify-content:flex-end;gap:6px;display:flex}.ar-toggle-label{flex-direction:column;gap:4px;display:flex}.ar-event-row{border-bottom:1px solid #1e293b;align-items:center;gap:8px;padding:6px 0;font-size:.8rem;display:flex}.ar-event-msg{color:#cbd5e1;flex:1}.ar-event-time{color:#64748b;text-align:right;min-width:100px;font-size:.72rem}.ar-event-notif{color:#10b981;font-size:1rem}.vt-container{color:#e2e8f0;background-color:#0f172a;min-height:100vh;padding:24px}.vt-header{margin-bottom:32px}.vt-header h1{margin:0 0 8px;font-size:28px;font-weight:700}.vt-subheader{color:#94a3b8;margin:0}.vt-vlans{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;display:grid}.vt-vlan-card{background-color:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden}.vt-vlan-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#334155;justify-content:space-between;align-items:center;padding:16px;transition:background-color .2s;display:flex}.vt-vlan-header:hover{background-color:#475569}.vt-vlan-title{flex:1;align-items:center;gap:12px;display:flex}.vt-vlan-id{color:#60a5fa;font-weight:700}.vt-vlan-name{color:#e2e8f0}.vt-vlan-stats{gap:16px;margin-right:16px;display:flex}.vt-stat{color:#94a3b8;font-size:13px}.vt-toggle{color:#94a3b8}.vt-vlan-content{padding:16px}.vt-device{margin-bottom:16px}.vt-device-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#334155;border-radius:4px;justify-content:space-between;align-items:center;padding:12px;display:flex}.vt-device-name{color:#e2e8f0;font-weight:600}.vt-ports{flex-direction:column;gap:8px;margin-top:8px;margin-left:12px;display:flex}.vt-port{background-color:#334155;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.vt-port-name{flex:1;align-items:center;gap:8px;display:flex}.vt-port-status{border-radius:50%;width:8px;height:8px;display:inline-block}.vt-port-info{gap:12px;margin-left:16px;font-size:12px;display:flex}.vt-port-alias{color:#94a3b8}.vt-port-mac{color:#64748b}.vt-loading,.vt-error{text-align:center;color:#94a3b8;padding:32px}.vt-error{color:#fca5a5;background-color:#7f1d1d;border:1px solid #dc2626;border-radius:8px}.ipam-container{color:#e2e8f0;background-color:#0f172a;min-height:100vh;padding:24px}.ipam-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.ipam-header h1{margin:0;font-size:28px;font-weight:700}.ipam-actions{gap:12px;display:flex}.ipam-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.ipam-btn-primary{color:#fff;background-color:#3b82f6}.ipam-btn-primary:hover{background-color:#2563eb}.ipam-btn-secondary{color:#e2e8f0;background-color:#475569}.ipam-btn-secondary:hover{background-color:#64748b}.ipam-form{background-color:#1e293b;border:1px solid #334155;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;padding:16px;display:grid}.ipam-input{color:#e2e8f0;background-color:#334155;border:1px solid #475569;border-radius:6px;padding:8px 12px;font-size:14px}.ipam-input:focus{background-color:#1e293b;border-color:#3b82f6;outline:none}.ipam-subnets{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;display:grid}.ipam-subnet-card{background-color:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden}.ipam-subnet-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#334155;justify-content:space-between;align-items:center;padding:16px;transition:background-color .2s;display:flex}.ipam-subnet-header:hover{background-color:#475569}.ipam-subnet-info{flex-direction:column;flex:1;gap:4px;display:flex}.ipam-subnet-cidr{color:#60a5fa;font-weight:700}.ipam-subnet-name{color:#e2e8f0;font-size:14px}.ipam-subnet-util{align-items:center;gap:12px;min-width:200px;margin-right:16px;display:flex}.ipam-util-bar{background-color:#475569;border-radius:3px;flex:1;height:6px;overflow:hidden}.ipam-util-fill{background-color:#10b981;height:100%;transition:width .2s}.ipam-util-text{color:#94a3b8;white-space:nowrap;font-size:12px}.ipam-subnet-content{padding:16px}.ipam-subnet-details{border-bottom:1px solid #334155;margin-bottom:16px;padding-bottom:16px}.ipam-subnet-details p{color:#cbd5e1;margin:8px 0;font-size:13px}.ipam-addresses{margin-top:16px}.ipam-addresses h4{color:#e2e8f0;margin:0 0 12px}.ipam-address{background-color:#334155;border-radius:4px;align-items:center;gap:12px;margin-bottom:8px;padding:8px;font-size:13px;display:flex}.ipam-addr-ip{color:#60a5fa;font-weight:600}.ipam-addr-host{color:#cbd5e1;flex:1}.ipam-addr-status{border-radius:3px;padding:2px 8px;font-size:11px;font-weight:500}.ipam-addr-status[data-status=active]{color:#86efac;background-color:#10b98130}.ipam-addr-status[data-status=reserved]{color:#fdba74;background-color:#f5931630}.ipam-addr-status[data-status=unavailable]{color:#fca5a5;background-color:#ef444430}.ipam-empty{color:#94a3b8;font-size:13px}.ipam-conflicts{background-color:#1e293b;border:1px solid #7f1d1d;border-radius:8px;margin-top:32px;padding:16px}.ipam-conflicts h2{color:#fca5a5;margin-top:0}.ipam-conflict-item{background-color:#7f1d1d;border-radius:4px;gap:16px;margin-bottom:8px;padding:12px;display:flex}.ipam-conflict-ip{color:#fca5a5;font-weight:700}.ipam-conflict-desc{color:#cbd5e1}.ipam-error{color:#fca5a5;background-color:#7f1d1d;border:1px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:12px}.ipam-loading{text-align:center;color:#94a3b8;padding:32px}.hist-container{color:#e2e8f0;background-color:#0f172a;min-height:100vh;padding:24px}.hist-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.hist-header h1{margin:0;font-size:28px;font-weight:700}.hist-controls{gap:12px;display:flex}.hist-select{color:#e2e8f0;cursor:pointer;background-color:#334155;border:1px solid #475569;border-radius:6px;padding:8px 12px;font-size:14px}.hist-select:focus{border-color:#3b82f6;outline:none}.hist-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background-color .2s}.hist-btn:hover{background-color:#2563eb}.hist-comparison{margin-bottom:32px}.hist-comparison h2{margin-top:0;font-size:20px}.hist-comparison-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.hist-card{text-align:center;background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px}.hist-label{color:#94a3b8;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.hist-value{font-size:24px;font-weight:700;display:block}.hist-value.positive{color:#10b981}.hist-value.negative{color:#ef4444}.hist-chart{background-color:#1e293b;border:1px solid #334155;border-radius:8px;margin-bottom:32px;padding:20px}.hist-chart h2{margin-top:0}.hist-chart-container{overflow-x:auto}.hist-bars{align-items:flex-end;gap:8px;height:200px;padding:16px 0;display:flex}.hist-bar-group{flex-direction:column;flex:1;align-items:center;min-width:40px;display:flex}.hist-bar-pair{align-items:flex-end;gap:4px;width:100%;height:160px;display:flex}.hist-bar-in{background-color:#3b82f6;border-radius:2px 2px 0 0;flex:1;min-height:2px}.hist-bar-out{background-color:#10b981;border-radius:2px 2px 0 0;flex:1;min-height:2px}.hist-bar-label{color:#94a3b8;margin-top:8px;font-size:11px}.hist-devices{background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px}.hist-devices h2{margin-top:0}.hist-device-list{gap:16px;display:grid}.hist-device-item{background-color:#334155;border-radius:6px;padding:12px}.hist-dev-name{color:#e2e8f0;margin-bottom:8px;font-weight:600}.hist-dev-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;font-size:12px;display:grid}.hist-dev-stats span{color:#cbd5e1}.hist-ports,.hist-macs{color:#60a5fa;font-weight:500}.hist-empty{color:#94a3b8;text-align:center;padding:32px}.hist-error{color:#fca5a5;background-color:#7f1d1d;border:1px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:12px}.hist-loading{text-align:center;color:#94a3b8;padding:32px}.anom-container{color:#e2e8f0;background-color:#0f172a;min-height:100vh;padding:24px}.anom-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.anom-header h1{margin:0;font-size:28px;font-weight:700}.anom-controls{gap:12px;display:flex}.anom-select{color:#e2e8f0;cursor:pointer;background-color:#334155;border:1px solid #475569;border-radius:6px;padding:8px 12px;font-size:14px}.anom-select:focus{border-color:#3b82f6;outline:none}.anom-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background-color .2s}.anom-btn:hover{background-color:#2563eb}.anom-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px;display:grid}.anom-stat-card{text-align:center;background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px}.anom-stat-label{color:#94a3b8;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.anom-stat-value{color:#e2e8f0;font-size:28px;font-weight:700;display:block}.anom-list{gap:16px;display:grid}.anom-item{background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px}.anom-header-row{align-items:center;gap:16px;margin-bottom:12px;display:flex}.anom-severity-badge{color:#fff;white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700}.anom-info{flex:1;gap:12px;display:flex}.anom-type{color:#e2e8f0;font-weight:600}.anom-device{color:#94a3b8}.anom-port{color:#60a5fa}.anom-time{color:#94a3b8;white-space:nowrap;font-size:12px}.anom-details{background-color:#334155;border-radius:6px;margin-bottom:12px;padding:12px}.anom-detail-row{gap:12px;margin-bottom:8px;font-size:13px;display:flex}.anom-detail-row:last-child{margin-bottom:0}.anom-detail-label{color:#94a3b8;min-width:100px;font-weight:500}.anom-detail-value{color:#e2e8f0;flex:1}.anom-actions{gap:12px;display:flex}.anom-btn-acknowledge{background-color:#10b981;padding:6px 12px;font-size:13px}.anom-btn-acknowledge:hover{background-color:#059669}.anom-acknowledged{color:#10b981;font-size:13px;font-weight:600}.anom-error{color:#fca5a5;background-color:#7f1d1d;border:1px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:12px}.anom-empty{color:#94a3b8;text-align:center;padding:32px}.anom-loading{text-align:center;color:#94a3b8;padding:32px}.cb-container{color:#e2e8f0;background-color:#0f172a;min-height:100vh;padding:24px}.cb-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.cb-header h1{margin:0;font-size:28px;font-weight:700}.cb-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.cb-btn-primary{color:#fff;background-color:#3b82f6}.cb-btn-primary:hover{background-color:#2563eb}.cb-btn-secondary{color:#e2e8f0;background-color:#475569}.cb-btn-secondary:hover{background-color:#64748b}.cb-btn-small{padding:6px 12px;font-size:12px}.cb-devices{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;margin-bottom:32px;display:grid}.cb-device-card{background-color:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden}.cb-device-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#334155;justify-content:space-between;align-items:center;padding:16px;transition:background-color .2s;display:flex}.cb-device-header:hover{background-color:#475569}.cb-device-info{flex-direction:column;flex:1;gap:4px;display:flex}.cb-device-name{color:#e2e8f0;font-weight:700}.cb-device-ip{color:#94a3b8;font-size:12px}.cb-device-stats{color:#cbd5e1;margin-right:16px}.cb-toggle{color:#94a3b8}.cb-device-content{padding:16px}.cb-latest{background-color:#334155;border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.cb-latest-label{color:#e2e8f0;font-weight:600}.cb-latest-date{color:#94a3b8;flex:1}.cb-latest-hash{color:#60a5fa}.cb-backups{flex-direction:column;gap:12px;display:flex}.cb-backup-item{background-color:#334155;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.cb-backup-date{color:#e2e8f0;flex:1;font-weight:500}.cb-backup-hash{color:#60a5fa;margin:0 16px}.cb-backup-actions{gap:8px;display:flex}.cb-viewer,.cb-diff-viewer{background-color:#1e293b;border:1px solid #334155;border-radius:8px;margin-bottom:32px;overflow:hidden}.cb-viewer-header,.cb-diff-header{background-color:#334155;justify-content:space-between;align-items:center;padding:16px;display:flex}.cb-viewer-header h2,.cb-diff-header h2{margin:0;font-size:18px}.cb-diff-summary{color:#94a3b8;margin-right:16px;font-size:13px}.cb-config-text{color:#cbd5e1;background-color:#0f172a;max-height:600px;margin:0;padding:16px;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.cb-diff-content{background-color:#0f172a;max-height:600px;padding:16px;font-family:Monaco,Courier New,monospace;font-size:12px;overflow-y:auto}.cb-diff-line{align-items:flex-start;margin-bottom:2px;padding:4px 8px;display:flex}.cb-diff-added{background-color:#10b98130}.cb-diff-removed{background-color:#ef444430}.cb-diff-sign{min-width:16px;margin-right:8px;font-weight:700;display:inline-block}.cb-diff-added .cb-diff-sign{color:#10b981}.cb-diff-removed .cb-diff-sign{color:#ef4444}.cb-diff-content-text{color:#cbd5e1;word-break:break-all}.cb-error{color:#fca5a5;background-color:#7f1d1d;border:1px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:12px}.cb-loading{text-align:center;color:#94a3b8;padding:32px}.diag-container{color:#e2e8f0;background-color:#0f172a;min-height:100vh;padding:24px}.diag-header{margin-bottom:32px}.diag-header h1{margin:0;font-size:28px;font-weight:700}.diag-form-section,.diag-list-section{background-color:#1e293b;border:1px solid #334155;border-radius:8px;margin-bottom:32px;padding:20px}.diag-form-section h2,.diag-list-section h2{margin-top:0;font-size:20px}.diag-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:16px;display:grid}.diag-form-group{flex-direction:column;gap:6px;display:flex}.diag-form-group label{color:#cbd5e1;font-size:13px;font-weight:500}.diag-input,.diag-select{color:#e2e8f0;background-color:#334155;border:1px solid #475569;border-radius:6px;padding:8px 12px;font-size:14px}.diag-input:focus,.diag-select:focus{background-color:#1e293b;border-color:#3b82f6;outline:none}.diag-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.diag-btn-primary{color:#fff;background-color:#3b82f6}.diag-btn-primary:hover:not(:disabled){background-color:#2563eb}.diag-btn-primary:disabled{opacity:.6;cursor:not-allowed}.diag-list{gap:16px;display:grid}.diag-item{background-color:#334155;border-radius:6px;overflow:hidden}.diag-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:16px;padding:16px;transition:background-color .2s;display:flex}.diag-item-header:hover{background-color:#475569}.diag-item-info{flex:1;align-items:center;gap:12px;display:flex}.diag-device{color:#e2e8f0;font-weight:600}.diag-port{color:#60a5fa}.diag-type{color:#94a3b8;font-size:13px}.diag-item-meta{align-items:center;gap:16px;display:flex}.diag-status{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.diag-status-success{color:#86efac;background-color:#10b98130}.diag-status-running{color:#93c5fd;background-color:#3b82f630}.diag-status-failed{color:#fca5a5;background-color:#ef444430}.diag-date{color:#94a3b8;font-size:12px}.diag-toggle{color:#94a3b8}.diag-item-content{background-color:#1e293b;border-top:1px solid #475569;padding:16px}.diag-summary{color:#cbd5e1;background-color:#334155;border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px}.diag-summary strong{color:#e2e8f0}.diag-results{margin-bottom:16px}.diag-results strong{color:#e2e8f0;margin-bottom:8px;display:block}.diag-results-text{color:#cbd5e1;background-color:#334155;border-radius:6px;max-height:300px;margin:0;padding:12px;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.4;overflow-x:auto}.diag-ping-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.diag-stat{background-color:#334155;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex}.diag-stat-label{color:#94a3b8;font-size:12px}.diag-stat-value{color:#e2e8f0;font-weight:600}.diag-neighbors{background-color:#334155;border-radius:6px;padding:12px}.diag-neighbors strong{margin-bottom:8px;display:block}.diag-neighbor{border-bottom:1px solid #475569;gap:12px;padding:6px 0;font-size:13px;display:flex}.diag-neighbor:last-child{border-bottom:none}.diag-neighbor-name{color:#e2e8f0;flex:1;font-weight:500}.diag-neighbor-port{color:#60a5fa}.diag-empty{color:#94a3b8;text-align:center;padding:32px}.diag-error{color:#fca5a5;background-color:#7f1d1d;border:1px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:12px}.diag-loading{text-align:center;color:#94a3b8;padding:32px}.vlans-ro-badge{color:#94a3b8;background:#64748b33;border-radius:9999px;padding:4px 12px;font-size:.75rem}.rv-container{background:#0a0e14;border:1px solid #1e293b;border-radius:12px;padding:20px}.rv-stats{border-bottom:1px solid #1e293b;gap:24px;margin-bottom:16px;padding-bottom:14px;display:flex}.rv-stat-item{align-items:center;gap:8px;display:flex}.rv-stat-label{color:#475569;text-transform:uppercase;letter-spacing:1px;min-width:60px;font-size:.65rem;font-weight:600}.rv-stat-value{color:#e2e8f0;min-width:80px;font-family:Courier New,monospace;font-size:.82rem;font-weight:600}.rv-stat-bar{background:#1e293b;border-radius:2px;width:80px;height:4px;overflow:hidden}.rv-stat-bar>div{border-radius:2px;height:100%;transition:width .3s}.rv-svg{width:100%;max-width:500px;margin:0 auto;display:block}.rv-svg text{-webkit-user-select:none;user-select:none}.rv-server-unit{transition:filter .15s}.rv-server-unit:hover{filter:brightness(1.2)}.rv-server-unit:hover .rv-remove-btn{opacity:1!important}.rv-empty-slot:hover rect{fill:#3b82f614!important;stroke:#3b82f633!important;stroke-dasharray:none!important}.rack-card.selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.rack-card-bottom{color:#64748b;justify-content:space-between;align-items:center;margin-top:8px;font-size:.78rem;display:flex}.nav-dropdown{position:relative}.nav-dropdown-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;transition:color .2s;display:flex}.nav-dropdown-btn:hover,.nav-dropdown-btn.active{color:#e5e7eb;background:#ffffff0d}.nav-dropdown-btn.active{color:#60a5fa}.nav-arrow{font-size:.65rem}.nav-dropdown-menu{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:8px;min-width:160px;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0006}.nav-dropdown-menu a{color:#9ca3af;border-radius:6px;padding:8px 12px;font-size:.85rem;text-decoration:none;transition:all .15s;display:block}.nav-dropdown-menu a:hover{color:#e5e7eb;background:#ffffff0d}.nav-dropdown-menu a.active{color:#60a5fa;background:#3b82f61a}.lt-page{grid-template-columns:300px 1fr;gap:0;height:calc(100vh - 56px);display:grid;overflow:hidden}.lt-tree{background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;display:flex;overflow:hidden}.lt-tree-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.lt-tree-title{color:#e5e7eb;font-size:.95rem;font-weight:700}.lt-add-btn{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .2s}.lt-add-btn:hover{background:#3b82f640}.lt-tree-scroll{flex:1;padding:6px 0;overflow-y:auto}.lt-tree-scroll::-webkit-scrollbar{width:4px}.lt-tree-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.lt-node{cursor:default;align-items:center;gap:4px;min-height:30px;padding:5px 8px;transition:background .15s;display:flex;position:relative}.lt-node:hover{background:#ffffff08}.lt-node.lt-active{background:#3b82f61a}.lt-node.lt-active .lt-label{color:#60a5fa;font-weight:600}.lt-toggle{color:#6b7280;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;width:14px;font-size:.7rem}.lt-toggle:hover{color:#e5e7eb}.lt-toggle-spacer{flex-shrink:0;width:14px}.lt-icon{flex-shrink:0;font-size:.85rem}.lt-label{color:#d1d5db;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.lt-label:hover{color:#e5e7eb}.lt-badge{border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:600}.lt-badge-site{color:#60a5fa;background:#3b82f626}.lt-badge-building{color:#a78bfa;background:#8b5cf626}.lt-badge-floor{color:#22d3ee;background:#06b6d426}.lt-badge-room{color:#4ade80;background:#22c55e26}.lt-actions{opacity:0;flex-shrink:0;gap:2px;margin-left:auto;transition:opacity .15s;display:flex}.lt-node:hover .lt-actions{opacity:1}.lt-actions button{color:#9ca3af;cursor:pointer;background:#ffffff0f;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex}.lt-actions button:hover{color:#e5e7eb;background:#ffffff1f}.lt-actions .lt-del:hover{color:#ef4444;background:#ef444433}.lt-visual{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex;overflow-y:auto}.lt-visual-empty{text-align:center;color:#6b7280;padding:60px 20px;font-style:italic}.lt-svg{background:#0a0f1a;border:1px solid #1e293b;border-radius:10px;width:100%;max-width:720px}.lt-floor-hover:hover rect:first-of-type{filter:brightness(1.25)}.lt-room-hover:hover rect:first-of-type{filter:brightness(1.3)}.lt-rack-hover:hover rect:first-of-type{filter:brightness(1.4)}.lt-info-card{background:#1e293b;border:1px solid #334155;border-radius:10px;width:100%;max-width:720px;padding:16px 20px}.lt-info-card h4{color:#e5e7eb;margin:0 0 10px;font-size:1rem}.lt-info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:4px 0;font-size:.85rem;display:flex}.lt-info-row span:first-child{color:#6b7280}.lt-info-row span:last-child{color:#e5e7eb;font-weight:500}.lt-breadcrumb{color:#6b7280;margin-bottom:8px;font-size:.8rem}.loc-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loc-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:480px;max-width:90vw;max-height:85vh;padding:24px;overflow-y:auto}.loc-modal h3{color:#e5e7eb;margin:0 0 16px}.loc-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.loc-form-grid label{color:#9ca3af;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.loc-form-grid input,.loc-form-grid select{color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:8px 10px;font-size:.9rem}.loc-form-grid input:focus,.loc-form-grid select:focus{border-color:#3b82f6;outline:none}.loc-checkbox{cursor:pointer;flex-direction:row!important;align-items:center!important;gap:8px!important}.loc-checkbox input[type=checkbox]{width:auto}.loc-form-actions{justify-content:flex-end;gap:8px;display:flex}