*{box-sizing:border-box;margin:0;padding:0}@supports (-webkit-touch-callout:none){#root,.App,.App-content,.camera-grid,.camera-tile,.content-wrapper,.dashboard-container,body,html{left:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;position:relative!important;right:0!important;width:100%!important}}body,html{height:100%}body,html{margin:0;max-width:100vw;overflow-x:hidden;padding:0;position:relative;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{margin:0;max-width:100vw;overflow-x:hidden;padding:0;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;max-width:100%;padding:0}#root,.App,body,html{background-color:#0d1117;box-sizing:border-box;height:100%;width:100%}.App{color:#e2e8f0;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left}.App,.App-content{display:flex;overflow:hidden}.App-content{box-sizing:border-box;flex:1 1;flex-direction:column;margin:0;max-width:100%!important;min-height:0;padding:0;width:100%!important}.App-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:.9rem;padding:1rem}.items-container,.videos-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem}.items-table{border-collapse:collapse;margin-top:1rem;width:100%}.items-table td,.items-table th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.items-table th{font-weight:600}.items-table th,.items-table tr:hover{background-color:#f8f9fa}.videos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.video-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.video-card:hover{transform:translateY(-5px)}.video-card h3{background-color:#3498db;color:#fff;font-size:1.1rem;margin:0;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.video-info{padding:1rem}.video-info p{font-size:.9rem;margin:.5rem 0}.video-actions{display:flex;justify-content:center;padding:0 1rem 1rem}.video-link{background-color:#2ecc71;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.video-link:hover{background-color:#27ae60}.video-player{border-radius:8px;box-shadow:0 4px 8px #0003;margin-top:1rem;overflow:hidden}.video-player video{background-color:#000;display:block;max-width:100%}.video-player-info{background-color:#f8f9fa;border-top:1px solid #eee;padding:.75rem}.video-hint{color:#666;font-size:.85rem;margin:0 0 .75rem}.download-link{background-color:#3498db;border-radius:4px;color:#fff;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.download-link:hover{background-color:#2980b9}.error,.loading{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center}.error{color:#e74c3c}.top-bar{background:#0f1219;border-bottom:1px solid #23262e;padding:env(safe-area-inset-top,0) 16px 0;position:sticky;top:0;z-index:800}.top-bar-main{align-items:center;display:flex;height:52px;justify-content:space-between}.top-bar-title-group{display:flex;flex-direction:column;gap:1px}.top-bar-title{color:#f1f5f9;font-size:15px;font-weight:700;line-height:1.2}.top-bar-subtitle{color:#64748b;font-size:11px;font-weight:500}.top-bar-refresh{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .15s ease,background .15s ease}.top-bar-refresh:hover{background:#ffffff0f;color:#e2e8f0}.top-bar-refresh:active{background:#ffffff1a}.top-bar-refresh svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.bottom-tab-bar{align-items:stretch;background:#111318;border-top:1px solid #23262e;bottom:0;box-sizing:initial;display:flex;left:0;min-height:56px;padding-bottom:max(env(safe-area-inset-bottom,0px),34px);position:fixed;right:0;z-index:900}.bottom-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:6px 0;transition:color .15s ease}.bottom-tab.active{color:#3b82f6}.bottom-tab:hover{color:#94a3b8}.bottom-tab.active:hover{color:#3b82f6}.bottom-tab-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.bottom-tab-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;height:22px;width:22px}.bottom-tab-label{font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1}@media (max-height:500px){.bottom-tab-bar{min-height:44px}.bottom-tab-icon svg{height:18px;width:18px}.bottom-tab-label{font-size:9px}}.inv-panel{background:#13151b;border:1px solid #23262e;border-radius:14px;color:#e2e8f0;font-size:12px;margin:12px;padding:14px}.inv-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.inv-dot{background:#475569;border-radius:50%;flex-shrink:0;height:10px;width:10px}.inv-dot[data-active=true]{background:#22c55e;box-shadow:0 0 8px #22c55e80}.inv-title-icon{fill:none;stroke:#22c55e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:22px;width:22px}.inv-title{color:#f1f5f9;flex:1 1;font-size:16px;font-weight:700}.inv-badge{border-radius:12px;font-size:11px;font-weight:700;padding:3px 10px}.inv-badge.online{background:#22c55e26;color:#22c55e}.inv-badge.offline{background:#ef44441f;color:#f87171}.inv-timestamp{color:#64748b;font-size:10px;margin-bottom:12px;padding-left:40px}.inv-hero-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.inv-hero{background:#1a1d26;border-radius:10px;padding:12px 10px 10px;position:relative;text-align:center}.inv-hero small{color:#94a3b8;display:block;font-size:9px;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.inv-hero strong{font-size:20px;font-weight:800;line-height:1.1}.inv-hero strong span{font-size:12px;font-weight:600;opacity:.7}.inv-hero-pv strong{color:#fbbf24}.inv-hero-volt strong{color:#60a5fa}.inv-hero-current strong{color:#a78bfa}.inv-hero-icon{display:block;margin-top:6px}.inv-hero-icon svg{fill:none;stroke:#475569;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.inv-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.inv-metric{background:#1a1d26;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:10px 8px}.inv-metric-icon{align-items:center;display:flex;margin-bottom:2px}.inv-metric-icon svg{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;height:14px;width:14px}.inv-metric-icon.batt svg{stroke:#fbbf24}.inv-metric-icon.grid svg{stroke:#60a5fa}.inv-metric-icon.load svg{stroke:#34d399}.inv-metric-icon.freq svg{stroke:#a78bfa}.inv-metric-icon.state svg{stroke:#f97316}.inv-metric small{color:#64748b;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.inv-metric strong{color:#f1f5f9;font-size:14px;font-weight:700}.inv-loading{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px;justify-content:center;min-height:64px}.inv-spinner{animation:inv-spin .6s linear infinite;border:2px solid #94a3b833;border-radius:50%;border-top-color:#94a3b8;height:14px;width:14px}@keyframes inv-spin{to{transform:rotate(1turn)}}.inv-error-msg{color:#fca5a5;font-size:11px;padding:6px 0;text-align:center}@media (max-width:380px){.inv-hero strong{font-size:16px}.inv-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.inv-panel{margin:12px 16px}.inv-hero strong{font-size:24px}.inv-grid{grid-template-columns:repeat(5,1fr)}}@media (max-height:500px){.inv-panel{margin:6px 12px;padding:10px}.inv-hero-row{margin-bottom:6px}.inv-hero{padding:8px 6px 6px}.inv-hero strong{font-size:16px}.inv-metric{padding:6px}}.tab-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:106px}.tab-empty,.tab-loading{color:#94a3b8;font-size:14px;padding:32px 20px;text-align:center}.tab-error{background:#ef44441f;color:#fca5a5;font-size:13px;padding:10px 16px;text-align:center}.section-header{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.04em;padding:12px 16px 4px;text-transform:uppercase}.section-header-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.layout-controls{display:flex;gap:6px;padding:8px 16px}.layout-btn{align-items:center;background:#1e2028;border:1px solid #2a2d38;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:background .15s,color .15s,border-color .15s}.layout-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:14px;width:14px}.layout-btn:hover{background:#262830;color:#cbd5e1}.layout-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.layout-btn.active svg{stroke:#fff}.stream-card{background:#13151b;border:1px solid #23262e;border-radius:12px;margin:0 12px 12px;overflow:hidden}.stream-card.hidden-in-grid{display:none}.stream-card-header{align-items:center;background:#181a22;display:flex;gap:8px;padding:10px 14px}.stream-live-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e80;flex-shrink:0;height:8px;width:8px}.stream-card-name{color:#e2e8f0;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.stream-live-badge{align-items:center;color:#22c55e;display:flex;font-size:10px;font-weight:700;gap:4px}.stream-live-badge:before{background:#22c55e;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.stream-player{background:#000;margin:0;overflow:hidden;padding:0;width:100%}.stream-player .webrtc-stream{background:#0000;border:none;border-radius:0;margin:0;padding:0;width:100%}.stream-player .video-container{background:#0000;margin:0;overflow:hidden;padding:0;width:100%}.stream-player video{background:#000;border:none!important;border-radius:0!important;display:block;height:auto;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.placeholder-tile{aspect-ratio:16/9;background:#0d0f14;border:1px solid #23262e;border-radius:12px;margin:0 12px 12px}.streams-container{display:flex;flex-direction:column;gap:0;width:100%}.streams-container.layout-tiles{grid-gap:6px;box-sizing:border-box;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:6px 12px}.streams-container.layout-tiles .stream-card{border-radius:8px;margin:0;overflow:hidden}.streams-container.layout-tiles .cam-rec-section,.streams-container.layout-tiles .stream-card-header{display:none}.streams-container.layout-tiles .stream-player,.streams-container.layout-tiles .stream-player .video-container,.streams-container.layout-tiles .stream-player .webrtc-stream{height:100%;width:100%}.streams-container.layout-tiles .stream-player video{display:block;height:auto;object-fit:cover;width:100%!important}@media (min-width:768px){.streams-container.layout-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:0 12px}.streams-container.layout-list .stream-card{margin:0}}@media (max-height:500px){.tab-content{padding-bottom:8px}.stream-card-header{padding:6px 10px}.section-header{padding:8px 16px 2px}.layout-controls{padding:4px 16px}}.webrtc-stream{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:10px 0;padding:20px}.stream-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stream-header h3{color:#333;margin:0}.stream-controls button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.btn-start{background-color:#4caf50;color:#fff}.btn-start:hover{background-color:#45a049}.btn-stop{background-color:#f44336;color:#fff}.btn-stop:hover{background-color:#da190b}.btn-connecting{background-color:#ff9800;color:#fff;cursor:not-allowed}.error-message{background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;margin:10px 0;padding:10px}.video-container{display:flex;justify-content:center;margin:15px 0}.stream-status{border-radius:4px;font-weight:700;margin-top:10px;padding:8px;text-align:center}.stream-status:contains("Connected"){background-color:#e8f5e8;color:#2e7d32}.stream-status:contains("Connecting"){background-color:#fff3e0;color:#f57c00}.stream-status:contains("Disconnected"){background-color:#ffebee;color:#c62828}.cam-rec-section{border-top:1px solid #23262e}.cam-rec-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#181a22;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 14px;width:100%}.cam-rec-toggle:hover{color:#e2e8f0}.cam-rec-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;height:14px;width:14px}.cam-rec-chevron{margin-left:auto}.cam-rec-chevron svg{fill:none;stroke:#64748b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:14px;transition:transform .2s;width:14px}.cam-rec-chevron svg.chevron-open{transform:rotate(90deg)}.cam-rec-panel{background:#13151b;padding:6px 14px 10px}.cam-rec-state{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;padding:6px 0}.cam-rec-error{color:#fca5a5;font-size:11px;padding:4px 0}.cam-rec-error button{background:#0000;border:1px solid #fca5a5;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:10px;margin-left:6px;padding:2px 8px}.cam-rec-spinner{animation:cam-rec-spin .6s linear infinite;border:2px solid #94a3b833;border-radius:50%;border-top-color:#94a3b8;height:12px;width:12px}@keyframes cam-rec-spin{to{transform:rotate(1turn)}}.cam-rec-actions{align-items:center;border-bottom:1px solid #1e2028;color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px;padding:4px 0}.cam-rec-actions button{background:#ef44441a;border:1px solid #ef444440;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:10px;padding:2px 8px}.cam-rec-actions button:disabled{cursor:default;opacity:.5}.cam-rec-player{border:1px solid #23262e;border-radius:6px;margin:6px 0;overflow:hidden}.cam-rec-player-title{background:#1e2028;color:#94a3b8;display:flex;font-size:11px;gap:6px;padding:6px 10px}.cam-rec-player-title strong{color:#e2e8f0}.cam-rec-player video{background:#000;display:block;width:100%}.cam-rec-group{margin-bottom:2px}.cam-rec-group-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-bottom:1px solid #1a1d26;color:#cbd5e1;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 4px;width:100%}.cam-rec-group-toggle small{color:#64748b;font-size:10px}.cam-rec-files{padding:2px 0 2px 8px}.cam-rec-file{align-items:center;border-bottom:1px solid #181a22;display:flex;gap:4px}.cam-rec-file.is-playing{background:#3b82f614}.cam-rec-file-open{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#e2e8f0;cursor:pointer;display:flex;flex:1 1;font-size:11px;gap:6px;padding:5px 4px;text-align:left}.cam-rec-file-name{flex:1 1;word-break:break-all}.cam-rec-file-play{color:#3b82f6;font-size:9px}.cam-rec-file-delete{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:12px;padding:4px 6px}.cam-rec-file-delete:hover{color:#ef4444}.cam-rec-file-delete:disabled{cursor:default;opacity:.5}.rules-overlay{background:#0006;inset:0;opacity:0;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.rules-overlay.open{opacity:1;visibility:visible}.rules-drawer{background:#1e1e2f;box-shadow:-4px 0 16px #0000004d;color:#e4e4e7;display:flex;flex-direction:column;height:100%;max-width:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;width:380px;z-index:1001}.rules-drawer.open{transform:translateX(0)}.rules-header{align-items:center;border-bottom:1px solid #33334d;display:flex;justify-content:space-between;padding:16px 20px}.rules-header h2{font-size:18px;font-weight:600;margin:0}.rules-close{background:#0000;border:none;color:#a1a1aa;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px}.rules-close:hover{color:#fff}.rules-actions{border-bottom:1px solid #33334d;display:flex;gap:10px;padding:12px 20px}.rules-add-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:background .15s ease}.rules-add-btn:hover{background:#16a34a}.rules-refresh-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:background .15s ease}.rules-refresh-btn:hover:not(:disabled){background:#2563eb}.rules-refresh-btn:disabled{cursor:default;opacity:.6}.rules-error{background:#ef444426;border-radius:6px;color:#fca5a5;font-size:14px;margin:12px 20px 0;padding:10px 12px}.rules-form{background:#27273a;border-bottom:1px solid #33334d;padding:16px 20px}.rules-form-title{font-size:16px;font-weight:600;margin-bottom:12px}.rules-label{color:#a1a1aa;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-bottom:10px}.rules-label input,.rules-label select{background:#1e1e2f;border:1px solid #44446a;border-radius:6px;color:#e4e4e7;font-size:14px;outline:none;padding:8px 10px}.rules-label input:focus,.rules-label select:focus{border-color:#3b82f6}.rules-threshold-hint{color:#71717a;font-size:12px;margin-bottom:10px;min-height:16px}.rules-coming-soon{background:#facc151f;border:1px solid #facc154d;border-radius:6px;color:#fde68a;font-size:14px;margin:10px 0;padding:12px;text-align:center}.rules-form-buttons{display:flex;gap:10px;margin-top:4px}.rules-save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .15s ease}.rules-save-btn:hover:not(:disabled){background:#2563eb}.rules-save-btn:disabled{cursor:default;opacity:.5}.rules-cancel-btn{background:#52525b;border:none;border-radius:6px;color:#e4e4e7;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .15s ease}.rules-cancel-btn:hover{background:#71717a}.rules-content{flex:1 1;overflow-y:auto;padding:16px 20px}.rules-empty{color:#a1a1aa;font-size:14px;margin-top:20px;text-align:center}.rules-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.rules-item{background:#27273a;border-left:4px solid #3b82f6;border-radius:8px;padding:12px 14px}.rules-item.disabled{border-left-color:#52525b;opacity:.6}.rules-item-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.rules-item-device{color:#93c5fd;font-size:14px;font-weight:600}.rules-item-condition{color:#d4d4d8;font-size:14px}.rules-item-meta{align-items:center;display:flex;gap:10px;margin-bottom:8px}.rules-item-threshold{color:#71717a;font-size:12px}.rules-item-triggered{background:#facc1533;border-radius:4px;color:#fde68a;font-size:11px;padding:2px 6px}.rules-item-actions{display:flex;gap:8px}.rules-delete-btn,.rules-edit-btn,.rules-toggle-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .15s ease}.rules-toggle-btn.on{background:#22c55e;color:#fff}.rules-toggle-btn.off{background:#52525b;color:#a1a1aa}.rules-edit-btn{background:#3b82f6;color:#fff}.rules-edit-btn:hover{background:#2563eb}.rules-delete-btn{background:#ef4444;color:#fff}.rules-delete-btn:hover{background:#dc2626}.alerts-tab-header{padding:16px 16px 8px}.alerts-tab-header h2{color:#f1f5f9;font-size:18px;font-weight:700;margin:0}.alerts-tab-push-section{background:#181a22;border:1px solid #23262e;border-radius:10px;margin:0 12px 12px;padding:14px}.alerts-tab-push-row{align-items:center;display:flex;justify-content:space-between}.alerts-tab-push-info{display:flex;flex-direction:column;gap:2px}.alerts-tab-push-info strong{color:#e2e8f0;font-size:14px}.alerts-tab-push-status{color:#64748b;font-size:11px}.alerts-tab-push-toggle{border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:700;min-width:48px;padding:6px 14px;transition:background .15s}.alerts-tab-push-toggle.on{background:#22c55e;color:#fff}.alerts-tab-push-toggle.off{background:#334155;color:#94a3b8}.alerts-tab-push-toggle:disabled{cursor:default;opacity:.6}.alerts-tab-push-message{color:#94a3b8;font-size:11px;margin-top:6px}.alerts-tab-rules-btn{align-items:center;background:#a855f71f;border:1px solid #a855f74d;border-radius:8px;color:#e9d5ff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:10px;padding:8px;transition:background .15s;width:100%}.alerts-tab-rules-btn:hover{background:#a855f733}.alerts-tab-rules-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.alerts-tab-section-title{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.04em;padding:8px 16px;text-transform:uppercase}.alerts-tab-refresh{background:#0000;border:1px solid #334155;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:11px;padding:4px 10px}.alerts-tab-refresh:disabled{cursor:default;opacity:.5}.alerts-tab-list{padding:0 12px 16px}.alerts-tab-item{background:#181a22;border:1px solid #23262e;border-left:4px solid #334155;border-radius:8px;margin-bottom:6px;padding:10px 14px}.alerts-tab-item.alert-blackout{border-left-color:#ef4444}.alerts-tab-item.alert-restored{border-left-color:#22c55e}.alerts-tab-item-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.alerts-tab-item-type{color:#e2e8f0;font-size:14px;font-weight:600}.alerts-tab-item-voltage{color:#94a3b8;font-size:13px;font-weight:600}.alerts-tab-item-time{color:#64748b;font-size:11px}.settings-tab-header{padding:16px 16px 8px}.settings-tab-header h2{color:#f1f5f9;font-size:18px;font-weight:700;margin:0}.settings-tab-body{padding:0 12px 24px}.settings-card{align-items:center;background:#181a22;border:1px solid #23262e;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px 16px}.settings-card strong{color:#e2e8f0;font-size:14px}.settings-card span{color:#64748b;font-size:13px}.settings-placeholder{color:#475569;font-size:13px;padding:32px 16px;text-align:center}
/*# sourceMappingURL=main.2b77acf0.css.map*/