:root{--bg-color:#0d1117;--card-bg:#111418;--border-color:#1f242b;--border-active:#30363d;--text-primary:#fff;--text-secondary:#8b949e;--accent-green:#238636;--accent-red:#da3633;--accent-orange:#d29922;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);margin:0;padding:0}.dashboard-container{flex-direction:column;max-width:100%;margin:0 auto;padding:1.5rem;display:flex}.summary-header{border:1px solid var(--border-color);background:#111418;border-radius:20px;align-items:center;margin:0 auto 1.5rem;padding:1rem 1.5rem;display:flex}.metric-card{background:#111418;flex-direction:column;justify-content:flex-start;transition:all .2s;display:flex;position:relative;overflow:hidden;border:1.5px solid var(--border-color)!important;border-radius:20px!important}.metric-card:hover{background:#161b22;transform:translateY(-2px);border-color:var(--border-active)!important}.metrics-grid{width:100%;display:grid}@media (aspect-ratio>=1){body{overflow-y:auto}.summary-header{max-width:1100px;width:70%!important}.metrics-grid{gap:1rem;grid-template-columns:repeat(4,1fr)!important}.metric-card{min-height:220px!important;padding:1.5rem!important}.current-value{font-size:2.2rem!important}}@media (aspect-ratio<=1){body{overflow-y:auto}.dashboard-container{min-height:100vh;padding:.8rem}.summary-header{margin-bottom:.8rem;padding:.8rem;width:95%!important}.metrics-grid{flex:1;align-content:flex-start;padding-top:.5rem;padding-bottom:2rem;grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.metric-card{max-height:240px;border-radius:20px!important;justify-content:space-between!important;min-height:200px!important;padding:1rem!important}.current-value{font-size:1.4rem!important}.unit-text{font-size:.8rem!important}.change-group{width:100%;font-size:.75rem!important}.summary-header{width:85%!important;margin-bottom:1rem!important;padding:.8rem!important}.status-text{font-size:.9rem!important}.summary-main{flex-wrap:wrap;gap:.4rem!important}.metrics-grid{padding-bottom:5rem;grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important;width:100%!important;margin:0 auto!important}.card-title{font-size:1rem}.card-subtitle{font-size:.7rem}.clock-bar.mobile-only{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;justify-content:center;margin-bottom:1rem;padding:.4rem;display:flex}.clock-bar.mobile-only .timestamp{color:var(--text-secondary);font-size:.9rem!important}.legend-item{white-space:nowrap!important}}.desktop-only{display:flex}.mobile-only{display:none}@media (aspect-ratio<=1){.desktop-only{display:none!important}.mobile-only{display:flex!important}.summary-left{margin-right:1.2rem;flex:none!important}.summary-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.summary-right{display:none!important}}.summary-left{flex:0 0 140px}.donut-chart{background:conic-gradient(var(--score-color) var(--score-pct), #21262d 0);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.donut-inner{background:#111418;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.donut-score{font-size:1.8rem;font-weight:800}.summary-center{text-align:center;flex:1}.summary-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.8rem}.summary-main{justify-content:center;align-items:center;gap:.8rem;display:flex}.status-sphere{border-radius:50%;width:16px;height:16px}.status-text{font-size:1.4rem;font-weight:700}.regime-legend{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.dot{border-radius:50%;width:6px;height:6px}.dot.green{background:#238636}.dot.yellow{background:#d29922}.dot.red{background:#da3633}.summary-right{text-align:right;flex:0 0 120px}.timestamp{color:#c9d1d9;font-size:1.2rem;font-weight:600}.update-label{color:#6e7681;font-size:.7rem}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.card-title{color:#e6edf3;font-weight:700}.card-subtitle{color:#7d8590;margin-top:.1rem;line-height:1.2}.status-dot{border-radius:50%;width:8px;height:8px}.value-group{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.current-value{color:#fff;letter-spacing:-.01em;font-weight:700}.unit-text{color:#8b949e;margin-left:1px;font-size:.9rem;font-weight:400}.change-group{align-items:center;gap:.2rem;font-size:.85rem;font-weight:600;display:flex}.trend-arrow{font-size:.7rem}