: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}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-active);background:linear-gradient(145deg,#161b22,#0d1117);border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;line-height:1.6;overflow-y:auto}.ai-report-section{margin-bottom:1.5rem}.ai-report-section:last-child{margin-bottom:0}.ai-report-section h4{color:var(--accent-orange);margin-bottom:.5rem;font-size:1rem}.ai-report-text{color:#c9d1d9;font-size:.95rem}.donut-chart{cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.donut-chart:hover{transform:scale(1.08)}.donut-chart:active{transform:scale(.95)}