:root{color-scheme:dark;--bg:#0B0D12;--surface:#131722;--surface-2:#1A2030;--border:#2A3243;--text:#F7F9FC;--muted:#97A0B3;--accent:#4B64F2;--accent-hover:#506CE8;--green:#32D583;--red:#F04438;--blue:#27C8FF;--focus:#8EA1FF;--yellow:#F5B942}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#151B2C 0,transparent 43%),var(--bg);color:var(--text);font:15px/1.45 "Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}button,input,select{font:inherit}button,a{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hidden{display:none!important}.skip-link{position:fixed;left:16px;top:-64px;z-index:5;padding:9px 13px;border-radius:7px;background:var(--accent);color:#FFFFFF;font-weight:700}.skip-link:focus{top:16px}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,360px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #0007;text-align:center}.login-logo{width:52px;height:52px;border-radius:12px}.login-card h1{margin:4px 0 0;font-size:22px}.login-subtitle,.login-error{margin:0;color:var(--muted);font-size:13px}.login-error{min-height:19px;color:var(--red)}.login-card label{align-self:flex-start;font-size:13px;font-weight:700}.login-card input{width:100%;padding:11px;border:1px solid var(--border);border-radius:7px;background:#0B0D12;color:var(--text)}.login-card button,.filters button{border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#FFFFFF;font-weight:750}.login-card button{width:100%;padding:11px;margin-top:6px}.login-card button:hover,.filters button:hover{background:var(--accent-hover);transform:translateY(-1px)}.dashboard-view{width:min(100% - 36px,1360px);margin:0 auto;padding:22px 0 44px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:12px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:10px}.dashboard-header h1{margin:0;font-size:21px;line-height:1.05}.brand-subtitle{font-size:13px;color:var(--muted)}.link-button{border:0;background:transparent;color:var(--muted);padding:8px;text-decoration:underline}.link-button:hover{color:var(--text)}.filters{display:grid;grid-template-columns:1.45fr .7fr .9fr auto;gap:12px;align-items:end;padding:12px 0 18px;border-bottom:1px solid var(--border)}.filters label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.filters input,.filters select{min-width:0;height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:#0F121A;color:var(--text)}.date-range{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.date-range span{color:var(--muted)}.filters .filter-hint{font-size:10px;color:var(--muted);font-weight:400;margin-top:2px;display:block}.filters button{height:36px;padding:0 18px;white-space:nowrap}.dashboard-section{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px}.section-heading h2{margin:0;font-size:19px;letter-spacing:-.025em}.refresh-status{margin:0;color:var(--muted);font-size:12px}.overview{margin-top:22px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#151B2C}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{min-height:116px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:linear-gradient(135deg,#131722,#1A2030);border:1px solid var(--border);border-radius:5px}.tile-label,.tile-detail{color:var(--muted);font-size:12px}.tile-value{font-size:29px;line-height:1.15;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tile-success .tile-value{color:var(--green)}.tile-danger .tile-value{color:var(--red)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#151B2C}.chart-card{min-width:0;padding:14px;background:linear-gradient(135deg,#131722,#1A2030);border:1px solid var(--border);border-radius:5px}.chart-card h3{margin:0 0 12px;font-size:14px}.chart-card h4{margin:0 0 4px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.chart-card canvas{display:block;width:100%;height:auto;max-height:220px}.line-card canvas{height:220px}.distribution-content{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:center}.distribution-content canvas{width:190px;height:190px}.chart-legend{display:grid;gap:7px;min-width:0}.legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:12px}.legend-swatch{width:9px;height:9px;border-radius:1px}.legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-value{color:var(--muted);font-variant-numeric:tabular-nums}.hardware-charts{display:grid;gap:10px}.hardware-charts canvas{height:78px}.csv-link{display:inline-block;margin-top:8px;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:2px}.csv-link:hover{color:var(--text)}.tables-section{margin-top:12px}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.table-grid .chart-card{padding:12px}.table-scroll{overflow:auto;border-top:1px solid var(--border)}.recent-failures-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.recent-failures-table th,.recent-failures-table td{padding:8px 7px;border-bottom:1px solid #2A3243;text-align:left}.recent-failures-table th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.055em}.recent-failures-table tbody tr:hover{background:#222A3B}.recent-failures-table td.error-category{color:#F97066;font-weight:700}.recent-failures-table .empty-row{padding:26px;color:var(--muted);text-align:center;white-space:normal}.dashboard-footnote{margin:18px 0 0;color:var(--muted);font-size:11px;text-align:center}.live-alert-section{margin-top:0}.live-alert-section .section-heading{margin-bottom:8px}.live-alert-status-active{color:var(--yellow);font-weight:700}.live-alert-form{padding:14px;border:1px solid var(--border);border-radius:8px;background:#151B2C}.live-alert-templates{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.chip{border:1px solid var(--border);border-radius:999px;background:#0F121A;color:var(--muted);padding:6px 12px;font-size:11px}.chip:hover{color:var(--text);border-color:var(--yellow)}.live-alert-form textarea{width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:#0F121A;color:var(--text);resize:vertical}.live-alert-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.live-alert-counter{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.live-alert-actions{display:flex;gap:8px}.live-alert-actions button[type=submit]{border:1px solid var(--yellow);border-radius:7px;background:var(--yellow);color:#11141B;font-weight:750;padding:0 18px;height:36px}.live-alert-actions button[type=submit]:hover{background:#F7C95C}@media(max-width:920px){.filters{grid-template-columns:1fr 1fr}.filters button{width:100%}.tiles{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.table-grid{grid-template-columns:1fr}.distribution-content{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:560px){.dashboard-view{width:min(100% - 24px,1360px);padding-top:16px}.filters,.tiles{grid-template-columns:1fr}.date-range{grid-template-columns:1fr}.date-range span{display:none}.feature-grid{padding:8px}.distribution-content{grid-template-columns:1fr}.distribution-content canvas{margin:auto}.chart-legend{grid-template-columns:1fr 1fr}.line-card canvas{height:180px}.table-grid{gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}