:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #818cf8;--color-accent: #1D9E75;--color-bg: #0f1117;--color-bg-card: #1a1d27;--color-bg-card-dark: #13161f;--color-bg-input: #0f1117;--color-border: #2a2d3a;--color-border-dark: #1e2130;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-text-faint: #a0aec0;--color-success: #4ade80;--color-error: #f87171;--color-warning: #EF9F27;--color-danger: #fc8181;--color-danger-bg: #742a2a;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s;box-sizing:border-box}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:none;color:var(--color-text-faint);font-size:.875rem;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;box-sizing:border-box}.btn-ghost:hover:not(:disabled){border-color:var(--color-primary-light);color:var(--color-text)}.btn-ghost:disabled{opacity:.35;cursor:not-allowed;border-color:var(--color-border-dark)}.btn-ghost--active{border-color:var(--color-primary-light);color:var(--color-primary-light)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.7rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:1rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s;box-sizing:border-box}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-text)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--color-danger-bg);background:var(--color-danger-bg);color:var(--color-danger);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;box-sizing:border-box}.btn-danger:hover:not(:disabled){background:#9b2c2c;border-color:#ef4444;color:#fca5a5}.btn-danger-sm{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-danger-bg);background:none;color:var(--color-danger);font-size:.75rem;cursor:pointer;transition:background .15s;box-sizing:border-box;white-space:nowrap}.btn-danger-sm:hover{background:var(--color-danger-bg)}.btn-sm{padding:.25rem .65rem;font-size:.75rem}.form{display:flex;flex-direction:column;gap:1.2rem}.form-field{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;color:var(--color-text-muted)}.form-field input,.form-field textarea,.input-field{padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text);font-size:.875rem;outline:none;transition:border-color .15s;box-sizing:border-box}.form-field input:focus,.form-field textarea:focus,.input-field:focus{border-color:var(--color-primary)}.form-field input:disabled,.form-field textarea:disabled,.input-field:disabled{opacity:.5;cursor:not-allowed}.form-field:has(input[required])>span:after,.form-field:has(textarea[required])>span:after{content:" *";color:var(--color-error)}.form-error{font-size:.85rem;color:var(--color-error);margin:0}.form-success{font-size:.85rem;color:var(--color-success);margin:0}.form-hint{font-size:.8rem;color:var(--color-text-dim);margin:0}.form-footer{margin-top:1.25rem;text-align:center;font-size:.875rem;color:var(--color-text-dim)}.form-footer a{color:var(--color-primary-light);text-decoration:none}.form-footer a:hover{text-decoration:underline}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--active{background:#4ade80}.status-dot--inactive{background:#ef4444}.status-dot--warning{background:#f59e0b}.status-health{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.status-health--ok{background:#052e16;color:#4ade80}.status-health--degraded{background:#1c1400;color:#facc15}.status-health--critical{background:#2d0a0a;color:#f87171}.role-badge{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.tag-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.72rem;font-weight:500;background:#1e2130;color:#94a3b8;border:1px solid #2a2d3a;white-space:nowrap}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.6rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);border-bottom:1px solid var(--color-border)}.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border-dark);color:var(--color-text-muted);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#1a1d27}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--color-bg);color:var(--color-text)}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{width:100%;padding-right:2.5rem!important}.pw-toggle{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;cursor:pointer;color:#64748b;transition:color .15s}.pw-toggle:hover{color:#94a3b8}.pw-toggle svg{width:1.1rem;height:1.1rem}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2.5rem 2rem;width:100%;max-width:400px}.card-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--color-text);text-align:center}.page-center .btn-primary{width:100%;margin-top:.4rem;padding:.7rem;font-size:1rem}.page-center .btn-secondary{width:100%;padding:.7rem;font-size:1rem}.demo-banner{background:#1e3a5f;border-bottom:1px solid #2563eb;color:#93c5fd;font-size:.8rem;text-align:center;padding:.4rem 1rem}.demo-banner-link{color:#60a5fa;text-decoration:none;font-weight:500}.demo-banner-link:hover{text-decoration:underline}.dash-layout{min-height:100vh;background:#0f1117;color:#e2e8f0;display:flex;flex-direction:column}.dash-header{display:flex;align-items:center;padding:0 2rem;height:56px;background:#1a1d27;border-bottom:1px solid #2a2d3a;gap:1.5rem}.dash-header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.dash-logo{font-weight:700;font-size:1.1rem;color:#818cf8}.dash-tenant{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:9999px;background:#2a2d3a;color:#94a3b8}.dash-nav{display:flex;gap:1rem;flex:1}.dash-nav-link{font-size:.875rem;color:#94a3b8;text-decoration:none;transition:color .15s}.dash-nav-link:hover{color:#e2e8f0}.dash-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.dash-user{font-size:.875rem;color:#94a3b8}.dash-user--link{text-decoration:none;transition:color .15s}.dash-user--link:hover{color:#e2e8f0}.dash-main{padding:2rem;max-width:1000px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.dash-welcome h1{margin:0 0 .4rem;font-size:1.6rem;font-weight:600}.dash-welcome p{margin:0;font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.dash-stat-card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.2rem}.dash-stat-card--alert{border-color:#f59e0b66;background:#1a1608}.dash-stat-card--alert .dash-stat-value{color:#f59e0b}.dash-asset-link{color:#e2e8f0;text-decoration:none;font-weight:500}.dash-asset-link:hover{color:#1d9e75;text-decoration:underline}.dash-stat-value{font-size:2rem;font-weight:700;color:#e2e8f0;line-height:1}.dash-stat-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-top:.3rem}.dash-stat-sub{font-size:.75rem;color:#475569}.dash-card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.5rem}.dash-card--full{width:100%}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dash-card-header h3{margin:0;font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.dash-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.dash-action-card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.3rem;transition:border-color .15s,background .15s}.dash-action-card:hover{border-color:#6366f1;background:#1e2130}.dash-action-icon{font-size:1.5rem;margin-bottom:.25rem}.dash-action-label{font-size:1rem;font-weight:600;color:#e2e8f0}.dash-action-sub{font-size:.8rem;color:#64748b}.dash-table{width:100%;border-collapse:collapse;font-size:.875rem}.dash-table th{text-align:left;padding:.5rem .75rem;color:#64748b;font-weight:500;border-bottom:1px solid #2a2d3a}.dash-table td{padding:.6rem .75rem;border-bottom:1px solid #1e2130;color:#cbd5e1;vertical-align:middle}.dash-table tr:last-child td{border-bottom:none}.dash-table code{background:#0f1117;padding:.1rem .4rem;border-radius:4px;font-size:.82rem;color:#818cf8}.dash-table-footer{margin:.75rem 0 0;font-size:.8rem;color:#475569}.dash-device-name{font-weight:500;color:#e2e8f0;margin-right:.5rem}.dash-muted{color:#64748b}.dash-link{color:#818cf8;text-decoration:none}.dash-link:hover{text-decoration:underline}.dash-link-sm{font-size:.8rem;color:#6366f1;text-decoration:none}.dash-link-sm:hover{text-decoration:underline}.dash-placeholder{font-size:.875rem;color:#475569;margin:0}.role-admin{background:#312e81;color:#a5b4fc}.role-support{background:#1e3a5f;color:#7dd3fc}.role-maintenance{background:#1c3a2a;color:#6ee7b7}.role-security{background:#3b2a1a;color:#fbbf24}.role-user{background:#14532d;color:#86efac}.tag-chip--sm{font-size:.7rem;padding:.1rem .35rem}.dash-nav-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:.3rem .4rem;border-radius:6px;color:#94a3b8;display:flex;align-items:center;transition:color .15s,background .15s;margin-left:.25rem}.dash-nav-bell-btn:hover{color:#e2e8f0;background:#ffffff12}.dash-bell-icon{width:17px;height:17px;display:block}.dash-bell-badge{position:absolute;top:1px;right:1px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;border-radius:9999px;min-width:.9rem;height:.9rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .15rem;line-height:1}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.pagination-label{font-size:.85rem;color:#94a3b8}.pagination-total{margin-left:auto}.pagination-size{width:120px;font-size:.85rem}.admin-layout{min-height:100vh;background:#0f1117;color:#e2e8f0;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:#1a1d27;border-bottom:1px solid #2a2d3a}.admin-header-left{display:flex;align-items:center;gap:.75rem}.admin-logo{font-weight:700;font-size:1.1rem;color:#818cf8}.admin-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#312e81;color:#a5b4fc;padding:.15rem .5rem;border-radius:4px}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-user{font-size:.875rem;color:#94a3b8}.admin-user--link{text-decoration:none;cursor:pointer}.admin-user--link:hover{color:#e2e8f0;text-decoration:underline}.admin-tabs{display:flex;gap:0;padding:0 2rem;background:#1a1d27;border-bottom:1px solid #2a2d3a;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.admin-tab:hover{color:#94a3b8}.admin-tab--active{color:#818cf8;border-bottom-color:#6366f1}.admin-tab-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:#f87171;color:#fff;font-size:.65rem;font-weight:600;line-height:1}.admin-placeholder-notice{font-size:.875rem;color:#475569;font-style:italic}.admin-main{padding:2rem;max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.admin-section{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.75rem}.admin-section h2{margin:0 0 .4rem;font-size:1.1rem;font-weight:600;color:#e2e8f0}.admin-desc{margin:0 0 1.5rem;font-size:.875rem;color:#64748b}.admin-form{display:flex;flex-direction:column;gap:1.1rem}.admin-form .btn-primary{align-self:flex-start;min-width:180px}.admin-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;font-size:.875rem}.admin-table th,.admin-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #2a2d3a}.admin-table thead th{position:sticky;top:0;background:#1a1d27;z-index:1;box-shadow:0 1px #2a2d3a}.admin-table th{color:#64748b;font-weight:500}.admin-table td{color:#cbd5e1}.admin-table code{background:#0f1117;padding:.1rem .4rem;border-radius:4px;font-size:.85rem;color:#818cf8}.admin-table--clickable .admin-table-row{cursor:pointer;transition:background .12s}.admin-table--clickable .admin-table-row:hover,.admin-table-row--selected{background:#1e2130}.admin-table-row--selected td{color:#e2e8f0}.admin-table-detail-row td{background:#12151f;padding:.75rem 1rem;border-bottom:1px solid #2a2d3a}.admin-detail-dl{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1.5rem;margin:0;font-size:.875rem}.admin-detail-dl dt{color:#64748b}.admin-detail-dl dd{color:#e2e8f0;margin:0}.tenant-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:.25rem 0}.tenant-detail-group{background:#ffffff08;border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem}.tenant-detail-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.6rem}.tenant-list{display:flex;flex-direction:column;gap:.4rem}.tenant-list-card{display:flex;flex-direction:column;gap:.3rem;width:100%;text-align:left;padding:.6rem .75rem;border-radius:8px;border:1px solid #2a2d3a;background:#141720;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s}.tenant-list-card:hover{border-color:#3a3d4a;background:#1a1d27}.tenant-list-card--selected{border-color:var(--color-primary-light, #818cf8);background:#6366f114}.tenant-list-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tenant-list-name{font-size:.85rem;font-weight:600;color:#e2e8f0}.tenant-list-badge{font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.tenant-list-badge--warn{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.tenant-list-stats{display:flex;gap:.75rem;font-size:.72rem;color:#64748b}.tenant-list-stats--loading{color:#3a3d4a;font-style:italic}.tenant-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.tenant-actions-section{background:#1a1d27;border:1px solid #2a2d3a;border-radius:8px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.tenant-actions-section--danger{border-color:#ef44444d;background:#1a0f0f}.tenant-actions-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.tenant-reset-result{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tenant-reset-creds{font-size:.8rem;color:#94a3b8}.tenant-delete-confirm{display:flex;flex-direction:column;gap:.5rem}.tenant-delete-warn{font-size:.8rem;color:#f87171;line-height:1.4}.admin-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);padding:.4rem .65rem;font-size:.875rem;outline:none}.admin-search:focus{border-color:var(--color-primary-light)}.admin-detail-loading{font-size:.875rem;color:#64748b;font-style:italic}.btn-ghost--muted{opacity:.6}.status-row{cursor:pointer}.status-row:hover td{background:#1e2130}.status-version{font-size:.75rem;color:#94a3b8}.status-detail-row td{background:#131520;padding:.5rem 1rem .75rem}.status-detail{display:flex;flex-wrap:wrap;gap:.5rem 2rem;font-size:.78rem;color:#94a3b8}.status-detail strong{color:#cbd5e1;margin-right:.25rem}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.admin-section-header h2{display:flex;align-items:center;gap:.5rem;margin:0}.event-unacked-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:9999px;min-width:1.25rem;height:1.25rem;padding:0 .35rem}.event-filter-tabs{display:flex;gap:.25rem}.event-filter-btn{padding:.3rem .85rem;border-radius:6px;border:1px solid #2a2d3a;background:transparent;color:#94a3b8;font-size:.82rem;cursor:pointer;transition:background .15s,color .15s}.event-filter-btn:hover{background:#1e2132;color:#e2e8f0}.event-filter-btn--active{background:#1e2132;color:#e2e8f0;border-color:#4f6ef7}.event-sev{display:inline-block;padding:.15rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:600}.event-sev--info{background:#1e3a5f;color:#60a5fa}.event-sev--warning{background:#422006;color:#f59e0b}.event-sev--critical{background:#450a0a;color:#f87171}.event-type{font-family:monospace;font-size:.8rem;color:#94a3b8}.event-row--resolved td{opacity:.45}.event-row--selected td{background:#1a1f2e}.event-resolved-badge{display:inline-block;margin-left:.5rem;font-size:.72rem;padding:.1rem .4rem;border-radius:999px;background:#1e3a2f;color:#4ade80;vertical-align:middle}.event-col-check{width:2rem;text-align:center;padding:0 .25rem}.event-date-filter{display:flex;align-items:center;gap:.5rem;padding:.5rem 0 .25rem;flex-wrap:wrap}.event-date-label{font-size:.8rem;color:#64748b}.event-date-input{width:140px;font-size:.82rem;padding:.25rem .5rem}.event-col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.event-col-sortable:hover{color:#cbd5e1}.event-sort-reset{font-size:.72rem;font-weight:500;padding:.15rem .5rem;border-radius:4px;background:#1e3a5a;color:#7dd3fc;border:1px solid #2a5a8a;cursor:pointer}.event-sort-reset:hover{background:#1e4a6a;color:#bae6fd;border-color:#3a7aaa}.event-bulk-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:.75rem;background:#1a1f2e;border:1px solid #2a2d3a;border-radius:6px;font-size:.85rem}.event-bulk-count{color:#9ca3af;flex:1}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #2a2d3a;color:#64748b;font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.admin-table td{padding:.6rem .75rem;border-bottom:1px solid #1e2132;vertical-align:middle}.admin-table tbody tr:hover td{background:#13151f}.admin-muted{color:#64748b;font-size:.82rem}.event-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.event-close-btn{margin-left:.25rem;border-left:1px solid var(--color-border);padding-left:.75rem}.event-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:1}.event-table{table-layout:fixed;width:100%}.event-table .event-col-check{width:2rem}.event-table th:nth-child(2){width:6rem}.event-table th:nth-child(3){width:7.5rem}.event-table th:nth-child(5){width:6rem}.event-table th:nth-child(6){width:8.5rem}.event-table th:nth-child(7){width:5.5rem}.event-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-table td:nth-child(4){white-space:normal}.event-clear-actions{display:flex;align-items:center;gap:.4rem}.event-clear-confirm-label{font-size:.82rem;color:#f87171}.btn-sm--danger{color:#f87171;border-color:#3f0505}.btn-sm--danger:hover{background:#1c0808;color:#fca5a5}.notif-sub-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.notif-sub-tab{padding:.5rem 1.1rem;background:none;border:none;border-bottom:2px solid transparent;color:#718096;cursor:pointer;font-size:.875rem;transition:color .15s,border-color .15s}.notif-sub-tab:hover{color:var(--color-text)}.notif-sub-tab--active{color:var(--color-text);border-bottom-color:var(--color-primary-light, #818cf8)}.notif-settings{display:flex;flex-direction:column;gap:1.5rem;max-width:640px}.notif-email-block,.notif-types-block,.notif-retention-block{background:#1a1d27;border:1px solid #2a2d3a;border-radius:8px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}.notif-types-block h3{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:.35rem 0;border-bottom:1px solid #23263a}.notif-toggle-row:last-child{border-bottom:none}.notif-toggle-row--disabled{opacity:.45;cursor:default}.notif-field-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notif-label{display:flex;flex-direction:column;gap:.15rem;font-size:.9rem}.notif-desc{font-size:.78rem;color:#64748b}.notif-checkbox{width:1.1rem;height:1.1rem;flex-shrink:0;accent-color:#818cf8;cursor:pointer}.notif-input{width:260px}.notif-input--narrow{width:80px}.notif-retention-input-wrap{display:flex;align-items:center;gap:.5rem}.notif-unit{color:#94a3b8;font-size:.875rem}.notif-actions{display:flex;gap:.75rem;justify-content:flex-end}.notif-actions .btn-primary,.notif-actions .btn-ghost{width:auto;min-width:unset;height:2.25rem;padding:0 1.4rem;font-size:.875rem;line-height:2.25rem;border:1px solid transparent;box-sizing:border-box;display:inline-flex;align-items:center;align-self:center;margin-top:0}.audit-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.audit-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-top:.2rem}.audit-filter-toggle{min-width:90px}.audit-filter-toggle--open{background:#6366f11a;border-color:#6366f166;color:#a5b4fc}.audit-filter-panel{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;background:#0d0f17;border:1px solid #1e2130;border-radius:8px}.audit-toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.audit-toolbar-row{display:flex;gap:.75rem;align-items:center}.audit-filter{width:180px}.audit-select{width:160px}.audit-date{width:150px;color-scheme:dark}.audit-btn-search{min-width:100px}.audit-pagination{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.audit-page-label{font-size:.85rem;color:#94a3b8}.audit-page-total{margin-left:auto}.audit-page-size{width:120px;font-size:.85rem}.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:.82rem}.audit-table th{text-align:left;padding:.45rem .75rem;background:#1a1d27;color:#94a3b8;font-weight:500;border-bottom:1px solid #2a2d3a;white-space:nowrap}.audit-table td{padding:.4rem .75rem;border-bottom:1px solid #1e2130;vertical-align:middle}.audit-row--fail td{background:#fc81810f}.audit-cell--time{white-space:nowrap;color:#64748b}.audit-cell--detail{color:#94a3b8;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-badge--ok{background:#34d39926;color:#34d399;padding:.1rem .45rem;border-radius:4px;font-size:.75rem;font-weight:600}.audit-badge--fail{background:#fc818126;color:#fc8181;padding:.1rem .45rem;border-radius:4px;font-size:.75rem;font-weight:600}.audit-event-qualifier{color:#fc8181;font-size:.8em}.audit-badge--role{background:#818cf826;color:#818cf8;padding:.1rem .45rem;border-radius:4px;font-size:.75rem;font-weight:600}.config-section{margin-bottom:2.5rem}.config-section-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0 0 .35rem}.vertical-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-width:520px}.vertical-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:#1a1f2e;border:1px solid #2d3748;border-radius:.4rem;transition:border-color .15s}.vertical-row--active{border-color:#3b82f6;background:#1a2540}.vertical-info{display:flex;flex-direction:column;gap:.15rem}.vertical-name{font-size:.9rem;font-weight:500;color:#e2e8f0}.modal--wizard{width:520px;max-width:95vw}.wizard-steps{display:flex;align-items:center;gap:0;margin:1rem 0 1.5rem}.wizard-step{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.82rem}.wizard-step--active{color:#e2e8f0;font-weight:600}.wizard-step--done{color:#1d9e75}.wizard-step-num{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid currentColor;font-size:.75rem;font-weight:700;flex-shrink:0}.wizard-step--active .wizard-step-num{background:#1d9e75;border-color:#1d9e75;color:#fff}.wizard-step--done .wizard-step-num{background:#1d9e75;border-color:#1d9e75;color:#fff;font-size:.7rem}.wizard-step-sep{display:block;width:2rem;height:1px;background:#2a2d3a;margin:0 .5rem;flex-shrink:0}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.25rem}.wizard-summary{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:baseline;margin:0 0 .5rem;font-size:.875rem}.wizard-summary dt{color:#64748b;white-space:nowrap}.wizard-summary dd{margin:0;color:#e2e8f0}.wizard-summary-password{display:flex;align-items:center;gap:.75rem}.form-field-hint{font-size:.78rem;color:#475569;margin-top:.2rem}.form-field-error{font-size:.78rem;color:#f87171;margin-top:.2rem}.form-field-ok{font-size:.78rem;color:#4ade80;margin-top:.2rem}.form-field-optional{font-size:.75rem;color:#475569;font-weight:400}.users-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.user-name-cell{font-weight:500;font-size:.875rem}.user-email-cell{font-size:.8rem;color:#64748b}.user-roles-cell{display:flex;flex-wrap:wrap;gap:.3rem}.user-role-pill{font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase}.user-role-pill--admin{background:#6366f12e;color:#a5b4fc}.user-role-pill--support{background:#3b82f62e;color:#93c5fd}.user-role-pill--maintenance{background:#eab3082e;color:#fde047}.user-role-pill--security{background:#ef44442e;color:#fca5a5}.user-role-pill--user{background:#64748b2e;color:#94a3b8}.user-status-label{font-size:.85rem;margin-left:.35rem;color:#94a3b8}.user-lastlogin-cell{font-size:.82rem;color:#64748b}.user-self-notice{background:#1a1608;border:1px solid #7c5e08;border-radius:6px;color:#ef9f27;font-size:.82rem;padding:.5rem .75rem;margin-bottom:.75rem}.user-role-checks{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.user-role-check-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}.user-role-check-label--blocked{opacity:.55;cursor:not-allowed}.user-role-check-hint{font-size:.75rem;color:#475569;margin-left:.25rem}.user-active-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;margin-top:.25rem}.user-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #1e2130}.user-delete-confirm{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#f87171}.admin-subtabs{display:flex;gap:0;border-bottom:1px solid #1e2130;margin-bottom:1.25rem}.admin-subtab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.admin-subtab:hover{color:#94a3b8}.admin-subtab--active{color:#818cf8;border-bottom-color:#6366f1}.devices-layout{min-height:100vh;background:#0f1117;color:#e2e8f0;display:flex;flex-direction:column}.devices-header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:#1a1d27;border-bottom:1px solid #2a2d3a;gap:1.5rem}.devices-header-left{display:flex;align-items:center;gap:.75rem}.devices-header-right{display:flex;align-items:center;gap:1rem}.devices-logo{font-weight:700;font-size:1.1rem;color:#818cf8}.devices-tenant{font-size:.78rem;background:#2d3748;color:#a0aec0;padding:2px 8px;border-radius:9999px;font-weight:500}.devices-user{font-size:.875rem;color:#a0aec0}.devices-user--link{text-decoration:none;transition:color .15s}.devices-user--link:hover{color:#818cf8}.devices-main{flex:1;padding:2rem;max-width:1300px;width:100%;margin:0 auto}.devices-section{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.5rem}.devices-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.devices-section-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#e2e8f0}.devices-placeholder{color:#718096;font-size:.875rem;margin-top:1rem}.devices-onboarding-empty{margin-top:1rem}.devices-onboarding-hint{font-size:.8rem;color:#4a5568}.devices-muted{color:#718096;font-size:.8rem}.devices-table-wrap{overflow-x:auto;width:100%}.devices-table{width:100%;min-width:820px;border-collapse:collapse;font-size:.875rem}.devices-table th{text-align:left;padding:.5rem .75rem;color:#718096;font-weight:500;border-bottom:1px solid #2a2d3a;white-space:nowrap}.devices-table td{padding:.75rem;border-bottom:1px solid #1e2130;vertical-align:middle}.devices-row--inactive td:not(:last-child){opacity:.5}.btn-reactivate-sm{background:none;border:1px solid #276749;color:#68d391;border-radius:4px;padding:.25rem .65rem;font-size:.75rem;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-reactivate-sm:hover{background:#276749}.device-name{display:block;font-weight:500;color:#e2e8f0}.device-name--editable{cursor:pointer;border-radius:3px;padding:1px 3px;margin:-1px -3px}.device-name--editable:hover{background:#2a2d3a;color:#a5b4fc}.device-rename-input{display:block;background:#12151f;border:1px solid #818cf8;border-radius:4px;color:#e2e8f0;font-size:.875rem;font-weight:500;padding:2px 6px;outline:none;width:100%;max-width:220px}.device-id{display:block;font-size:.72rem;color:#4a5568;font-family:monospace;margin-top:2px}.device-type-badge{background:#2d3748;color:#a0aec0;font-size:.75rem;padding:2px 8px;border-radius:4px;font-family:monospace}.device-type-badge--gateway{background:#2a2d4a;color:#818cf8}.devices-row--child td{background:#12151f}.devices-row--child td:first-child{padding-left:1.75rem}.device-child-indent{color:#4a5568;margin-right:.4rem;font-size:.9rem}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:9999px;font-weight:500}.status-active{background:#1a3a2a;color:#68d391}.status-inactive{background:#2d2020;color:#fc8181}.status-pending{background:#2d2510;color:#f6ad55}.health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:default}.health-dot--ok{background:#68d391}.health-dot--degraded{background:#f59e0b}.health-dot--unknown{background:transparent;width:auto;height:auto;border-radius:0;color:#4b5563;font-size:.75rem;line-height:1}.devices-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.devices-status-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:default}.online-dot--online{background:#68d391}.online-dot--offline{background:#fc8181}.online-dot--never{background:transparent;border:2px solid #6b7280;width:6px;height:6px}.gateway-version{font-size:.7rem;font-family:monospace;padding:1px 5px;border-radius:3px;background:#1e2130;border:1px solid #2a2d3a;color:#9ca3af;cursor:default;white-space:nowrap}.gateway-version--dev{border-color:#4b5563;color:#6b7280;font-style:italic}.gateway-version--outdated{border-color:#92400e;background:#1c1208;color:#fbbf24}.register-form{background:#12151f;border:1px solid #2a2d3a;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.875rem}.register-form .btn-primary{align-self:flex-start;position:relative;z-index:0}.register-form .form-field input,.register-form .form-field select,.register-form .form-field select option{background:#1a1d27}.form-field-label{font-size:.8rem;color:#a0aec0;font-weight:500}.tag-field{display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:1}.tag-input-wrapper{display:flex;flex-direction:column;gap:.4rem}.tag-suggestions{min-height:2.25rem;background:#141720;border:1px solid #2a2d3a;border-radius:6px;padding:.3rem .4rem;display:flex;flex-wrap:wrap;gap:.3rem;align-content:flex-start}.tag-suggestion{background:transparent;border:1px solid #3a3d4a;border-radius:9999px;color:#718096;font-size:.72rem;padding:2px 9px;cursor:pointer;transition:border-color .15s,color .15s}.tag-suggestion:hover{border-color:#818cf8;color:#818cf8}.tag-input-area{display:flex;flex-wrap:wrap;gap:.35rem;background:#1a1d27;border:1px solid #2a2d3a;border-radius:6px;padding:.4rem .5rem;min-height:2.2rem;align-items:center;cursor:text}.tag-input-area:focus-within{border-color:#818cf8}.tag-input-area input{background:transparent;border:none;outline:none;color:#e2e8f0;font-size:.875rem;flex:1;min-width:100px;padding:0}.tag-chip{display:inline-flex;align-items:center;gap:.2rem;background:#1e2d5a;color:#a5b4fc;border-radius:9999px;font-size:.75rem;padding:2px 8px}.tag-chip-remove{background:none;border:none;color:#818cf8;cursor:pointer;padding:0;font-size:1rem;line-height:1;display:flex;align-items:center}.tag-chip-remove:hover{color:#fff}.tag-field--compact .tag-suggestions{gap:.25rem;padding:.25rem .3rem}.tag-field--compact .tag-suggestion{font-size:.68rem;padding:1px 7px}.gateway-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#cbd5e0;-webkit-user-select:none;user-select:none}.gateway-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:#818cf8;cursor:pointer;flex-shrink:0}.capability-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.capability-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#cbd5e0;-webkit-user-select:none;user-select:none}.capability-item input[type=checkbox]{width:1rem;height:1rem;accent-color:#818cf8;cursor:pointer;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:2rem;max-width:480px;width:90%;box-shadow:0 25px 50px #00000080}.modal--wide{max-width:960px;max-height:85vh;display:flex;flex-direction:column}.modal-scroll-body{overflow-y:auto;flex:1;min-height:0}.modal h2{margin:0 0 .5rem;font-size:1.15rem;color:#e2e8f0}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.modal-header h2{margin:0}.modal-header-actions{display:flex;gap:.5rem;flex-shrink:0}.modal-warning{color:#f6ad55;font-size:.85rem;margin:0 0 1rem}.modal-warning--critical{color:#fc8181;font-weight:600}.modal-dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;font-size:.85rem;margin:0 0 1rem}.modal-dl dt{color:#718096;align-self:start;padding-top:2px}.modal-dl dd{margin:0;color:#e2e8f0;word-break:break-all}.modal-password{color:#68d391;font-size:.85rem}.modal-dl-copy-row{display:flex;align-items:center;gap:.5rem;word-break:break-all}.modal-dl-copy-row code{flex:1}.modal-hint{font-size:.8rem;color:#718096;margin:0 0 1.25rem}.modal-sub{color:#a0aec0;font-size:.875rem;margin:0 0 1rem}.gateway-collapse-btn{background:none;border:none;color:#4a5568;font-size:.6rem;padding:0;margin-right:.4rem;cursor:pointer;vertical-align:middle;transition:color .15s}.gateway-collapse-btn:hover{color:#a0aec0}.field-label-btn{background:none;border:none;color:inherit;font-size:inherit;font-weight:inherit;padding:1px 3px;margin:-1px -3px;border-radius:3px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.field-label-btn:hover{background:#2a2d3a;color:#a5b4fc}.field-label-btn:after{content:" ✎";font-size:.7em;opacity:.3;transition:opacity .15s}.field-label-btn:hover:after{opacity:.8}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.devices-row-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.devices-row-actions__slot{display:flex;justify-content:flex-end;min-width:7.5rem}.devices-row--discovery td{padding:0;border-bottom:1px solid #2a2d3a}.discoveries-panel{background:#0d1018;border-top:1px solid #2a2d3a;padding:.75rem 1rem}.discoveries-title{font-size:.78rem;color:#818cf8;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.discovery-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #1e2130;gap:1rem}.discovery-row:last-child{border-bottom:none}.discovery-info{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.discovery-mac{color:#e2e8f0;font-size:.8rem}.discovery-rssi{color:#718096;font-size:.75rem}.discovery-seen{color:#4a5568;font-size:.75rem}.discovery-actions{display:flex;gap:.5rem;flex-shrink:0}.discovery-row--assigned{opacity:.85}.discovery-row--active{opacity:.7;background:#34d3990a}.discovery-row--ignored{opacity:.45}.discoveries-footer{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.discovery-assigned{color:#a78bfa;font-size:.75rem;font-style:italic}.discovery-auth-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.discovery-auth-form input,.discovery-auth-form select{background:#1a1d27;border:1px solid #2a2d3a;border-radius:4px;color:#e2e8f0;padding:.25rem .5rem;font-size:.78rem}.discovery-auth-form input:focus,.discovery-auth-form select:focus{outline:none;border-color:#818cf8}.device-mac{display:block;font-size:.7rem;color:#4a5568;font-family:monospace;margin-top:1px}.device-multi-gw{display:inline-block;margin-left:.4rem;padding:0 .35rem;font-size:.65rem;border-radius:3px;background:#4c1d95;color:#c4b5fd;font-weight:600;letter-spacing:.02em;vertical-align:middle}.telemetry-panel{padding:.75rem 1rem}.telemetry-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.5rem}.telemetry-table th{text-align:left;color:#718096;font-weight:500;padding:.25rem .75rem .25rem 0;border-bottom:1px solid #2a2d3a}.telemetry-table td{padding:.3rem .75rem .3rem 0;color:#a0aec0;border-bottom:1px solid #1a1d26}.telemetry-table tr:last-child td{border-bottom:none}.sensor-degraded{margin-left:.5rem;font-size:.72rem;font-weight:600;color:#f6ad55;white-space:nowrap}.telemetry-subtitle{font-size:.78rem;color:#718096;margin:0 0 .75rem}.metrics-timestamp{font-weight:400;color:#718096;font-size:.8rem}.metrics-grid{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.5rem}.metrics-section{min-width:180px}.metrics-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#718096;margin:0 0 .25rem}.metrics-row{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;padding:.15rem 0;border-bottom:1px solid #1a1d26;color:#a0aec0}.metrics-row span:first-child{color:#718096;white-space:nowrap}.metrics-row span:last-child{text-align:right}.devices-row--alarm-warning td{border-left:3px solid #f59e0b}.devices-row--alarm-critical td{border-left:3px solid #ef4444}.alarm-chip{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;border-radius:9999px;font-size:.7rem;font-weight:600;vertical-align:middle}.alarm-chip--warning{background:#422006;color:#f59e0b}.alarm-chip--critical{background:#450a0a;color:#f87171}.gpio-controls-panel{background:#0d1018;border-top:1px solid #2a2d3a;padding:.75rem 1rem}.gpio-pin-list{display:flex;flex-direction:column;margin-bottom:.25rem}.gpio-pin-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid #1e2130}.gpio-pin-row:last-child{border-bottom:none}.gpio-pin-info{flex:1;display:flex;flex-direction:column}.gpio-pin-label{font-size:.85rem;color:#e2e8f0;font-weight:500}.gpio-pin-id{font-size:.72rem;color:#4a5568;font-family:monospace}.gpio-pin-state{font-size:.7rem;font-weight:600;color:#4a5568;min-width:2.5rem;text-align:right}.gpio-pin-state--on{color:#68d391}.gpio-pin-remove{color:#4a5568;border-color:transparent;font-size:1rem;padding:.1rem .4rem}.gpio-pin-remove:hover{color:#fc8181;border-color:#742a2a}.gpio-toggle{position:relative;display:inline-block;width:40px;height:22px;border-radius:11px;background:#2a2d3a;border:1px solid #3a3d4a;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0;padding:0}.gpio-toggle--on{background:#2d4a3e;border-color:#276749}.gpio-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#718096;transition:transform .2s,background .2s}.gpio-toggle--on .gpio-toggle-thumb{transform:translate(18px);background:#68d391}.gpio-add-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}.gpio-add-form input{background:#1a1d27;border:1px solid #2a2d3a;border-radius:4px;color:#e2e8f0;padding:.25rem .5rem;font-size:.78rem;outline:none;min-width:140px}.gpio-add-form input:focus{border-color:#818cf8}.device-signal{display:inline-flex;align-items:center;gap:.3rem;margin-left:.4rem;vertical-align:middle}.signal-bars{display:inline-block;vertical-align:middle;flex-shrink:0}.rules-create-form{border-top:1px solid #2a2d3a;padding-top:.75rem}.rules-form-row{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.rules-form-row .input-field{flex:1;min-width:100px;background:#1a1d27;border:1px solid #2a2d3a;border-radius:4px;color:#e2e8f0;padding:.3rem .5rem;font-size:.82rem;outline:none}.rules-form-row .input-field:focus{border-color:#818cf8}.severity-badge{display:inline-block;padding:0 .4rem;border-radius:3px;font-size:.72rem;font-weight:600;letter-spacing:.03em}.severity-badge--info{background:#1e3a5f;color:#93c5fd}.severity-badge--warning{background:#451a03;color:#fbbf24}.severity-badge--critical{background:#450a0a;color:#fca5a5}.maintenance-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0;animation:maintenance-pulse 2s ease-in-out infinite}@keyframes maintenance-pulse{0%,to{opacity:1}50%{opacity:.45}}.maintenance-duration-options{display:flex;gap:.5rem;flex-wrap:wrap}.duration-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid #2a2d3a;background:#1a1d27;color:#94a3b8;cursor:pointer;font-size:.875rem;transition:background .15s,border-color .15s,color .15s}.duration-btn:hover{background:#252836;border-color:#3d4151;color:#e2e8f0}.duration-btn--selected{background:#1e3a5f;border-color:#2563eb;color:#93c5fd}.offline-banner{display:flex;gap:.75rem;align-items:flex-start;background:#1c0f0a;border:1px solid #7f1d1d;border-radius:8px;padding:.85rem 1.1rem;margin-top:1rem;color:#fca5a5}.offline-banner__icon{font-size:1.1rem;margin-top:.05rem;flex-shrink:0;color:#f87171}.offline-banner__body{display:flex;flex-direction:column;gap:.4rem}.offline-banner__list{margin:0;padding:0 0 0 1.1rem;font-size:.85rem;color:#fca5a5;display:flex;flex-direction:column;gap:.15rem}.offline-banner__name{font-weight:500}.offline-banner__since{color:#9ca3af}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes connected-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes connected-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.pending-pulse{font-size:.72rem;color:#94a3b8;animation:pending-pulse 1.6s ease-in-out infinite;font-style:italic}.pending-pulse-text{font-size:.78rem;color:#64748b;font-style:italic;animation:pending-pulse 1.6s ease-in-out infinite}.connected-flash{font-size:.72rem;font-weight:600;color:#4ade80;animation:connected-pop .4s ease-out,connected-fade 4s ease-in-out forwards}.connected-flash-time{font-size:.78rem;color:#4ade80;font-weight:500;animation:connected-fade 4s ease-in-out forwards}.profile-main{max-width:680px;margin:0 auto}.password-strength{display:flex;flex-wrap:wrap;gap:.3rem .75rem;margin-top:.35rem}.password-strength-check{font-size:.72rem;color:#64748b}.password-strength-check--ok{color:#4ade80}.profile-tabs{display:flex;gap:0;border-bottom:1px solid #2a2d3a;margin-bottom:1.5rem}.profile-tab{background:none;border:none;border-bottom:2px solid transparent;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;margin-bottom:-1px;transition:color .15s,border-color .15s}.profile-tab:hover{color:#cbd5e1}.profile-tab--active{border-bottom-color:#1d9e75;color:#e2e8f0}.profile-card{background:#13161f;border:1px solid #1e2130;border-radius:10px;padding:1.5rem}.profile-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;font-size:.85rem}.profile-name-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-username-display{background:#0d0f17;border:1px solid #1e2130;border-radius:6px;color:#64748b;font-size:.9rem;padding:.5rem .75rem;-webkit-user-select:all;user-select:all}.profile-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.profile-form-actions .btn-primary,.profile-form-actions .btn-ghost,.profile-tab-body .notif-actions .btn-primary,.profile-tab-body .notif-actions .btn-ghost{width:auto;min-width:unset;height:2.25rem;padding:0 1.4rem;font-size:.875rem;line-height:2.25rem;border:1px solid transparent;box-sizing:border-box;display:inline-flex;align-items:center;align-self:center;margin-top:0}.profile-dirty-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#1a1608;border:1px solid #7c5e08;border-radius:8px;color:#ef9f27;font-size:.85rem;margin-bottom:1rem;padding:.65rem 1rem}.profile-dirty-actions{display:flex;gap:.5rem;flex-shrink:0}.profile-tab--dirty-guard{opacity:.6}.profile-tab-body .notif-actions{justify-content:flex-end}.gauge-wrap{display:flex;flex-direction:column;align-items:center}.gauge-label{font-size:.72rem;color:#64748b;text-align:center;margin-top:.15rem;text-transform:capitalize}.assets-layout{min-height:100vh;background:#0f1117;color:#e2e8f0;display:flex;flex-direction:column}.assets-body{display:flex;flex:1;overflow:hidden}.assets-sidebar{flex-shrink:0;background:#13161f;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:2rem;transition:width 0s}.assets-sidebar--collapsed{width:0!important;overflow:hidden;padding:0}.assets-sidebar-gutter{position:relative;width:8px;flex-shrink:0;background:#13161f;border-right:1px solid #2a2d3a;cursor:col-resize;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.assets-sidebar-gutter:hover{background:#1e2130}.assets-sidebar-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:36px;border:1px solid #2a2d3a;border-radius:4px;background:#1a1d27;color:#64748b;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .12s,background .12s;z-index:1}.assets-sidebar-toggle:hover{background:#2a2d3a;color:#e2e8f0}.assets-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem .875rem .5rem;gap:.5rem}.assets-sidebar-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b}.assets-tree-all{padding:.45rem .875rem;font-size:.875rem;color:#94a3b8;cursor:pointer;border-radius:6px;margin:.15rem .5rem;transition:background .12s,color .12s}.assets-tree-all:hover{background:#1e2130;color:#e2e8f0}.assets-tree-node{display:flex;align-items:center;gap:.3rem;padding:.35rem .875rem;font-size:.85rem;color:#94a3b8;cursor:pointer;border-radius:6px;margin:.1rem .5rem;transition:background .12s}.assets-tree-node:hover{background:#1e2130}.assets-tree-node--selected{background:#1e2130;color:#818cf8}.assets-tree-node--location{font-weight:500}.assets-tree-node--area{padding-left:2rem;font-size:.82rem}.assets-tree-toggle{width:1rem;flex-shrink:0;font-size:.75rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.assets-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-tree-actions{display:none;gap:.2rem;align-items:center;flex-shrink:0}.assets-tree-node:hover .assets-tree-actions{display:flex}.assets-tree-btn{background:transparent;border:none;color:#64748b;font-size:.75rem;cursor:pointer;padding:.1rem .2rem;border-radius:3px;line-height:1;transition:color .12s,background .12s}.assets-tree-btn:hover{color:#e2e8f0;background:#2a2d3a}.assets-tree-btn--danger:hover{color:#fca5a5;background:#450a0a}.assets-tree-empty{font-size:.8rem;color:#475569;padding:.75rem .875rem;font-style:italic}.assets-sidebar-section{margin-top:auto;padding-top:1rem;border-top:1px solid #2a2d3a}.assets-sidebar-collapse{background:transparent;border:none;color:#64748b;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:.5rem .875rem;width:100%;text-align:left;transition:color .12s}.assets-sidebar-collapse:hover{color:#94a3b8}.assets-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem 2rem;gap:1rem}.assets-main-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.assets-breadcrumb{font-size:1.1rem;font-weight:600;color:#e2e8f0}.assets-main-actions{display:flex;align-items:center;gap:.5rem}.assets-view-btn{padding:.3rem .75rem;border:1px solid #2a2d3a;border-radius:6px;background:transparent;color:#64748b;font-size:.82rem;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.assets-view-btn:hover{border-color:#6366f1;color:#e2e8f0}.assets-view-btn--active{background:#1e2130;border-color:#6366f1;color:#818cf8}.assets-list{display:flex;flex-direction:column;gap:.6rem}.asset-card{display:flex;align-items:center;justify-content:space-between;background:#1a1d27;border:1px solid #2a2d3a;border-radius:10px;padding:.875rem 1rem;gap:1rem;transition:border-color .15s}.asset-card:hover{border-color:#3a3d4a}.asset-card-left{display:flex;align-items:center;gap:.875rem}.asset-card-icon{font-size:1.5rem;line-height:1}.asset-card-info{display:flex;flex-direction:column;gap:.15rem}.asset-card-name{font-size:.95rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:.35rem}.asset-card-type{font-size:.78rem;color:#64748b}.asset-card-devices{font-size:.75rem;color:#475569}.asset-card-actions{display:flex;gap:.4rem;flex-shrink:0}.assets-canvas-wrapper{flex:1;background:#13161f;border:1px solid #2a2d3a;border-radius:12px;overflow:hidden;min-height:500px;position:relative}.assets-canvas-svg{width:100%;height:100%;min-height:500px}.assets-canvas-card{transition:opacity .12s;-webkit-user-select:none;user-select:none}.assets-canvas-card:hover rect{filter:brightness(1.15)}.assets-canvas-hint{position:absolute;top:.5rem;right:.75rem;font-size:.68rem;color:#334155;pointer-events:none;z-index:1}.assets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:4rem 2rem;color:#475569;font-size:.9rem;text-align:center}.assets-empty-icon{font-size:3rem;margin-bottom:.5rem}.assets-empty-hint{font-size:.8rem;color:#374151}.assets-error{background:#450a0a;border:1px solid #7f1d1d;color:#fca5a5;border-radius:6px;padding:.5rem .75rem;font-size:.85rem}.assets-error--top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.assets-error-dismiss{background:transparent;border:none;color:#fca5a5;cursor:pointer;font-size:.85rem;padding:0;flex-shrink:0}.assets-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.assets-modal{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.5rem;width:380px;max-width:95vw;display:flex;flex-direction:column;gap:1rem}.assets-modal--wide{width:480px}.assets-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.assets-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#e2e8f0}.assets-modal h3{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:#e2e8f0}.assets-form-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;color:#64748b}.assets-input{background:#0f1117;border:1px solid #2a2d3a;border-radius:6px;color:#e2e8f0;font-size:.875rem;padding:.45rem .65rem;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;font-family:inherit}.assets-input:focus{border-color:#6366f1}.assets-textarea{resize:vertical}.assets-select{cursor:pointer}.assets-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.assets-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:.4rem}.assets-device-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid #2a2d3a;font-size:.875rem}.assets-device-row:last-child{border-bottom:none}.assets-device-name{flex:1;font-weight:500;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-device-role,.assets-device-type{font-size:.75rem;color:#64748b;flex-shrink:0}.assets-verticals-panel{padding:.5rem .75rem .25rem;display:flex;flex-direction:column;gap:.5rem}.assets-panel-header{display:flex;flex-direction:column;gap:.15rem;padding:0 .375rem}.assets-panel-title{font-size:.8rem;font-weight:600;color:#94a3b8}.assets-panel-hint{font-size:.72rem;color:#475569}.assets-vertical-min-hint{font-size:.72rem;color:#64748b;margin:.25rem .375rem 0;line-height:1.4}.assets-verticals-list{display:flex;flex-direction:column;gap:.35rem}.assets-vertical-chip{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-radius:6px;border:1px solid #2a2d3a;background:#0f1117;font-size:.8rem;color:#94a3b8;gap:.5rem;min-width:0;overflow:hidden}.assets-vertical-chip>span{flex:1 1 0;min-width:0}.assets-vertical-chip>button{flex-shrink:0;white-space:nowrap;padding:.2rem .5rem;font-size:.72rem;min-width:4rem}.assets-vertical-chip--active{border-color:#4f46e5;background:#1e1b4b;color:#a5b4fc}.assets-dashboard{display:flex;flex-direction:column;gap:1.25rem}.assets-dash-stats{display:flex;gap:1rem;flex-wrap:wrap}.assets-dash-stat{background:#1a1d27;border:1px solid #2a2d3a;border-radius:10px;padding:.875rem 1.25rem;min-width:140px;display:flex;flex-direction:column;gap:.1rem}.assets-dash-stat-value{font-size:2rem;font-weight:700;line-height:1;color:#e2e8f0}.assets-dash-stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-top:.2rem}.assets-dash-stat-sub{font-size:.7rem;color:#475569}.assets-dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.asset-dash-card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:border-color .15s,background .15s}.asset-dash-card:hover{border-color:#3a3d4a;background:#1e2130}.asset-dash-footer{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.asset-dash-name{font-size:.95rem;font-weight:600;color:#e2e8f0;text-align:center}.asset-dash-sublabel{font-size:.75rem;color:#64748b;text-align:center}.asset-dash-status{font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.15rem .55rem;border-radius:999px}.asset-dash-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.asset-dash-cycle{display:flex;align-items:center;gap:.4rem}.asset-dash-cycle-btn{background:none;border:1px solid #2a2d3a;border-radius:4px;color:#64748b;font-size:1rem;line-height:1;width:1.5rem;height:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s;padding:0}.asset-dash-cycle-btn:hover{color:#e2e8f0;border-color:#6366f1}.asset-dash-cycle-pos{font-size:.68rem;color:#64748b;max-width:8rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-dash-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:143px}.asset-dash-icon{font-size:2.5rem;line-height:1}.asset-dash-no-data-label{font-size:.78rem;color:#475569}.dash-nav-link--active{color:#818cf8!important}.asset-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:transparent}.asset-detail-panel{position:fixed;top:0;right:0;bottom:0;width:360px;background:#13161f;border-left:1px solid #2a2d3a;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0006;z-index:201;animation:slideInRight .18s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.asset-detail-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid #2a2d3a;display:flex;flex-direction:column;gap:.25rem}.asset-detail-title-row{display:flex;align-items:center;justify-content:space-between}.asset-detail-title{font-size:1.1rem;font-weight:600;color:#e2e8f0}.asset-detail-header-controls{display:flex;align-items:center;gap:.4rem}.asset-detail-unit-toggle{background:#1e2130;border:1px solid #2a2d3a;border-radius:4px;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;padding:.2rem .45rem;line-height:1;transition:color .12s,border-color .12s}.asset-detail-unit-toggle:hover{color:#e2e8f0;border-color:#6366f1}.asset-detail-close{background:transparent;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.asset-detail-close:hover{color:#e2e8f0}.asset-detail-type{font-size:.8rem;color:#818cf8}.asset-detail-desc{font-size:.8rem;color:#64748b}.asset-detail-actions{display:flex;gap:.5rem;margin-top:.5rem}.asset-detail-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.asset-detail-empty{color:#475569;font-size:.85rem;text-align:center;margin-top:2rem}.asset-detail-device{background:#1a1d27;border:1px solid #2a2d3a;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.asset-detail-device-header{display:flex;align-items:center;gap:.5rem}.asset-detail-device-header--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.asset-detail-device-header--clickable:hover .asset-detail-device-name{color:#fff}.asset-detail-device--collapsed{background:#151820}.asset-detail-device-chevron{font-size:.65rem;color:#475569;margin-left:auto;flex-shrink:0}.asset-detail-device-name{font-size:.875rem;font-weight:600;color:#e2e8f0;flex:1}.asset-detail-device-kind{font-size:.72rem;color:#475569;text-transform:uppercase;letter-spacing:.05em}.asset-detail-device-age{font-size:.72rem;color:#475569}.asset-detail-loading{font-size:.78rem;color:#475569}.asset-detail-invalid{font-size:.78rem;color:#f59e0b;padding:.25rem 0}.asset-detail-gauges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.25rem 0 .5rem}.asset-detail-readings{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem;margin-top:.25rem}.asset-detail-reading{background:#0f1117;border-radius:6px;padding:.35rem .5rem;display:flex;flex-direction:column;gap:.1rem}.asset-detail-reading-label{font-size:.68rem;color:#475569;text-transform:capitalize}.asset-detail-reading-value{font-size:.9rem;font-weight:600;color:#e2e8f0}.asset-detail-alerts{margin-top:1rem;border-top:1px solid #1e293b;padding-top:.75rem}.asset-detail-alerts-header{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.asset-detail-alerts-empty{font-size:.8rem;color:#475569;font-style:italic}.asset-detail-alerts-list{display:flex;flex-direction:column;gap:.35rem}.asset-detail-alert-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem;background:#0f1117;border-radius:6px;padding:.3rem .5rem}.asset-detail-alert-row--acked{opacity:.45}.asset-detail-alert-msg{flex:1;color:#cbd5e1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-detail-alert-device,.asset-detail-alert-time{font-size:.7rem;color:#475569;white-space:nowrap}.asset-gauge-detail{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1.5rem;max-width:1100px}.asset-gauge-detail-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.asset-gauge-back{background:none;border:none;color:var(--color-primary-light);font-size:.875rem;cursor:pointer;padding:.25rem 0;white-space:nowrap;flex-shrink:0}.asset-gauge-back:hover{color:var(--color-text)}.asset-gauge-breadcrumb{display:flex;align-items:center;gap:.35rem;flex:1;flex-wrap:wrap;min-width:0}.asset-gauge-breadcrumb-back{background:none;border:none;color:var(--color-primary-light);font-size:.875rem;cursor:pointer;padding:0;white-space:nowrap}.asset-gauge-breadcrumb-back:hover{color:var(--color-text)}.asset-gauge-breadcrumb-sep{color:#475569;font-size:.8rem}.asset-gauge-breadcrumb-seg{color:#94a3b8;font-size:.875rem;white-space:nowrap}.asset-gauge-breadcrumb-current{color:#e2e8f0;font-size:.875rem;font-weight:600;white-space:nowrap}.rssi-bars{display:inline-flex;align-items:flex-end;gap:2px;height:18px;margin:0 .25rem;flex-shrink:0}.rssi-bar{display:inline-block;width:4px;border-radius:1px}.asset-detail-stale{font-size:.72rem;color:#f59e0b;font-weight:500;flex-shrink:0}.asset-detail-stale--gw{color:#f87171}.asset-gauge-detail-title{display:flex;flex-direction:column;gap:.15rem;flex:1}.asset-gauge-detail-name{font-size:1.2rem;font-weight:600;color:var(--color-text)}.asset-gauge-detail-type{font-size:.8rem;color:var(--color-primary-light)}.asset-gauge-detail-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.asset-gauge-metric-group{display:flex;flex-direction:column;gap:.5rem}.asset-gauge-metric-group+.asset-gauge-metric-group{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-dark)}.asset-gauge-metric-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.asset-gauge-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.25rem}.asset-gauge-detail-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:var(--color-bg-card-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:1rem .75rem .75rem}.asset-gauge-detail-cell--offline{opacity:.65;border-color:#374151}.asset-gauge-stale{font-size:.68rem;color:#f59e0b;font-weight:500}.asset-gauge-stale--gw{color:#f87171}.asset-gauge-detail-device{font-size:.72rem;color:var(--color-text-dim);text-align:center}.asset-gauge-detail-pagination{display:flex;align-items:center;gap:1rem;justify-content:center}.asset-gauge-detail-page{font-size:.85rem;color:var(--color-text-muted)}.asset-gauge-detail-empty{color:var(--color-text-dim);font-size:.875rem;padding:2rem 0}.asset-gauge-detail-warn{color:#f59e0b;font-size:.825rem;padding:.5rem 0 .25rem}.status-page{min-height:100vh;background:#0f1117;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;font-family:inherit}.status-page-header{text-align:center;margin-bottom:2rem}.status-page-title{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;color:#f1f5f9}.status-page-updated{font-size:.8rem;color:#64748b;margin:0}.status-overall{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;margin-bottom:2rem;font-size:1rem;font-weight:500;width:100%;max-width:640px}.status-overall--operational{background:#0f2a1a;border:1px solid #166534}.status-overall--degraded{background:#2a1f0a;border:1px solid #92400e}.status-overall--outage{background:#2a0f0f;border:1px solid #991b1b}.status-overall-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-overall--operational .status-overall-dot{background:#22c55e}.status-overall--degraded .status-overall-dot{background:#f59e0b}.status-overall--outage .status-overall-dot{background:#ef4444}.status-overall-label{color:#e2e8f0}.status-area-list{list-style:none;margin:0;padding:0;width:100%;max-width:640px;display:flex;flex-direction:column;gap:.5rem}.status-area-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#1a1f2e;border:1px solid #2d3748;border-radius:.5rem}.status-area-info{display:flex;flex-direction:column;gap:.2rem}.status-area-name{font-weight:500;font-size:.95rem;color:#f1f5f9}.status-area-desc{font-size:.78rem;color:#64748b}.status-area-badge{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.status-area-badge--operational{background:#14532d;color:#86efac}.status-area-badge--degraded{background:#451a03;color:#fcd34d}.status-area-badge--outage{background:#450a0a;color:#fca5a5}.status-page-error{color:#f87171;font-size:.85rem;margin-bottom:1rem}.status-page-footer{margin-top:3rem;font-size:.8rem;color:#475569}.status-page-footer a{color:#475569;text-decoration:none}.status-page-footer a:hover{color:#94a3b8}