:root{--bg-primary:#f4f6f8;--bg-secondary:#fff;--bg-card:#fff;--bg-header:#1e293b;--text-primary:#1e293b;--text-secondary:#64748b;--text-on-header:#f1f5f9;--border-color:#cbd5e1;--color-up:#22c55e;--color-down:#ef4444;--color-warning:#f59e0b;--color-accent:#3b82f6;--shadow:0 2px 8px #00000014;--radius:8px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-header:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-on-header:#f1f5f9;--border-color:#334155;--color-up:#4ade80;--color-down:#f87171;--color-warning:#fbbf24;--color-accent:#60a5fa;--shadow:0 2px 12px #0000004d;--radius:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .2s,color .2s}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.header{z-index:100;background:var(--bg-header);color:var(--text-on-header);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0003}.header .header-left{align-items:center;gap:12px;display:flex}.header .logo-img{object-fit:contain;max-height:36px}.header .logo-text{letter-spacing:-.5px;font-size:1.25rem;font-weight:600}.header .header-right{align-items:center;gap:12px;display:flex}.header .db-size-indicator{cursor:help;border-radius:4px;padding:4px 12px;font-size:.875rem;font-weight:500;transition:background .2s,color .2s}.header .db-size-indicator.db-size-normal{color:var(--text-on-header);background:#ffffff26}.header .db-size-indicator.db-size-warning{background:var(--color-warning);color:#1e293b;font-weight:600}.header .nav-links{gap:4px;list-style:none;display:flex}.header .nav-links a{color:var(--text-on-header);opacity:.75;border-radius:var(--radius);padding:6px 12px;transition:background .15s,opacity .15s}.header .nav-links a:hover,.header .nav-links a.active{opacity:1;background:#ffffff1f;text-decoration:none}.main-content{max-width:1200px;margin:0 auto;padding:24px 20px}button,.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s,transform .1s}button:active,.btn:active{transform:scale(.97)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{opacity:.8}.btn-danger{background:var(--color-down);color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--color-warning);color:#1e293b}.btn-warning:hover{background:#d97706}.btn-ghost{color:var(--text-on-header);background:0 0;padding:6px 10px}.btn-ghost:hover{background:#ffffff1f}.btn-sm{padding:4px 12px;font-size:.8125rem}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page .login-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:380px;padding:40px 36px}.login-page .login-card h1{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem}.login-page .login-card p{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem}.login-page .login-card input[type=text]{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);width:100%;color:var(--text-primary);letter-spacing:1px;outline:none;margin-bottom:16px;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.login-page .login-card input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f640}.login-page .login-card button{width:100%;padding:10px;font-size:1rem}.login-page .login-card .login-error{color:var(--color-down);min-height:1.2em;margin-top:12px;font-size:.8rem}.summary-stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.summary-stats .stat-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.summary-stats .stat-card .stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px;font-size:.75rem}.summary-stats .stat-card .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.company-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.company-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:8px solid var(--border-color);cursor:pointer;color:inherit;padding:20px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}.company-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.company-card.card-border-green{border-left-color:var(--color-up)}.company-card.card-border-amber{border-left-color:var(--color-warning)}.company-card.card-border-red{border-left-color:var(--color-down)}.company-card .card-title{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem;font-weight:600}.company-card .card-stats{grid-template-columns:1fr 1fr;gap:8px;font-size:.8rem;display:grid}.company-card .card-stats .cs-label{color:var(--text-secondary)}.company-card .card-stats .cs-value{color:var(--text-primary);font-weight:600}.company-card .card-stats .cs-up{color:var(--color-up)}.company-card .card-stats .cs-down{color:var(--color-down)}.company-card .card-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:12px;padding-top:10px;font-size:.75rem}.company-card .status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.company-card .status-dot.healthy{background:var(--color-up)}.company-card .status-dot.degraded{background:var(--color-warning)}.company-card .status-dot.critical{background:var(--color-down)}.breadcrumb{color:var(--text-secondary);margin-bottom:20px;font-size:.8rem}.breadcrumb a{color:var(--color-accent)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{margin:0 6px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-header h2{color:var(--text-primary);font-size:1.15rem;font-weight:600}.probe-table-wrap{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px;overflow:hidden}table.probe-table{border-collapse:collapse;width:100%;font-size:.875rem}table.probe-table thead{background:var(--bg-secondary)}table.probe-table thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border-color);padding:10px 16px;font-size:.75rem;font-weight:600}table.probe-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s}table.probe-table tbody tr:last-child{border-bottom:none}table.probe-table tbody tr:hover{background:#3b82f60a}table.probe-table td{color:var(--text-primary);padding:10px 16px}table.probe-table .status-badge{border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}table.probe-table .status-badge.active{color:var(--color-up);background:#22c55e26}table.probe-table .status-badge.expired{color:var(--color-down);background:#ef444426}table.probe-table .status-badge.severity-healthy{color:var(--color-up);background:#22c55e26}table.probe-table .status-badge.severity-degraded{color:var(--color-warning);background:#f59e0b26}table.probe-table .status-badge.severity-critical{color:var(--color-down);background:#ef444426}table.probe-table .status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}table.probe-table .status-dot.healthy{background:var(--color-up)}table.probe-table .status-dot.degraded{background:var(--color-warning)}table.probe-table .status-dot.critical{background:var(--color-down)}table.probe-table .expand-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:.75rem;transition:background .1s}table.probe-table .expand-btn:hover{background:var(--border-color)}.device-subtable-row td{border-top:2px solid var(--border-color)}.device-subtable-row>td{padding:12px 0 12px 12px!important}table.device-table{border-collapse:collapse;background:var(--bg-secondary);width:100%;font-size:.8rem}table.device-table thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:8px 20px;font-size:.7rem}table.device-table tbody td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:7px 20px}table.device-table td:first-child{padding-left:16px}table.device-table tbody tr:last-child td{border-bottom:none}table.device-table .dev-status{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}table.device-table .dev-status.up{background:var(--color-up)}table.device-table .dev-status.down{background:var(--color-down)}table.device-table .btn-small{padding:4px 8px;font-size:.8rem}table.device-table{background:#f1f5f9}[data-theme=dark] table.device-table{background:#172133}table.device-table tbody tr.device-row-down{background-color:#dc26261f}[data-theme=dark] table.device-table tbody tr.device-row-down{background-color:#dc26262e}.btn-muted{opacity:.7}.stale-count{opacity:.5}.probe-expired-banner{color:var(--color-warning);border-bottom:1px solid var(--border-color);background:#f59e0b1f;padding:8px 16px;font-size:.8rem}.probe-summary-row{background-color:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-weight:600}[data-theme=dark] .probe-summary-row{background-color:var(--bg-card)}.chart-container{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:28px;padding:20px}.chart-svg{width:100%;height:auto}.chart-svg .gridline{stroke:var(--border-color);stroke-width:1px}.chart-svg .axis-label{fill:var(--text-secondary);font-family:inherit;font-size:11px}.chart-svg .area-fill{fill:url(#uptime-gradient)}.chart-svg .line{fill:none;stroke:var(--color-up);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-svg .point{fill:var(--color-up)}.chart-svg .no-data{fill:var(--text-secondary);font-family:inherit;font-size:14px}.range-pills{gap:4px;display:flex}.range-pill{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:500}.range-pill:hover{color:var(--text-primary);border-color:var(--text-secondary)}.range-pill-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.range-pill-active:hover{color:#fff;border-color:var(--color-accent)}.admin-section{margin-bottom:32px}.admin-section h2{color:var(--text-primary);margin-bottom:14px;font-size:1.15rem;font-weight:600}.admin-list{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.admin-list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.admin-list-item:last-child{border-bottom:none}.admin-list-item .admin-item-info{flex-direction:column;gap:2px;display:flex}.admin-list-item .admin-item-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.admin-list-item .admin-item-sub{color:var(--text-secondary);font-size:.75rem}.admin-list-item .admin-item-actions{gap:8px;display:flex}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius);width:90%;max-width:440px;color:var(--text-primary);padding:28px;box-shadow:0 8px 32px #00000040}.modal h3{margin-bottom:10px;font-size:1.1rem}.modal p{color:var(--text-secondary);margin-bottom:20px;font-size:.875rem;line-height:1.5}.modal .modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal .form-group{margin-bottom:16px}.modal .form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;display:block}.modal .form-group input,.modal .form-group select{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:8px 10px}.loading{text-align:center;color:var(--text-secondary);padding:40px 0;font-size:.9rem}.error{text-align:center;color:var(--color-down);padding:40px 0;font-size:.9rem}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 0;font-size:.9rem}.storage-info-card{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-card);padding:1.5rem}.storage-info-card.storage-warning{border-left:4px solid var(--color-down)}.storage-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.storage-stat{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.storage-warning-banner{color:var(--color-down);background:#ef44441a;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-weight:500}.storage-actions{gap:.5rem;display:flex}.error-message{color:var(--color-down);background:#ef44441a;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.875rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem}.admin-table th{background:var(--bg-card);font-weight:600}.info-text{color:var(--text-secondary);font-size:.875rem;font-style:italic}.archive-banner{color:#fff;text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#2563eb);margin-bottom:1.5rem;padding:1rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.archive-note{color:var(--text-secondary);text-align:center;font-size:.875rem;font-style:italic;display:block}.error-detail{color:var(--text-secondary);margin-top:.5rem;font-size:.875rem}