:root{--vamk-navy:#002f5d;--vamk-navy-dark:#001f3f;--vamk-yellow:#fdb913;--vamk-yellow-hover:#e5a408;--color-bg:#030a16;--color-surface:#001f3fa6;--color-surface-hover:#002f5dbf;--color-border:#fdb91326;--color-primary:#06c;--color-solar:#fdb913;--color-heat:#ea580c;--color-eco:#10b981;--color-danger:#ef4444;--text-main:#fff;--text-muted:#94a3b8;--text-dim:#64748b;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 15%,#002f5d73 0%,#0000 50%),radial-gradient(circle at 90% 85%,#fdb9131f 0%,#0000 45%);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.time-filter-btn.active{background-color:var(--vamk-yellow);color:#001f3f;font-weight:700}.dashboard-layout{flex-direction:column;gap:1.5rem;max-width:1440px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.dashboard-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.header-info h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.header-info p{color:var(--text-muted);font-size:.875rem}.time-filter{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.time-filter-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.time-filter-btn:hover{color:var(--text-main)}.time-filter-btn.active{background-color:var(--color-primary);color:#fff}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.kpi-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition);-webkit-backdrop-filter:blur(12px);flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.kpi-card:hover{border-color:var(--color-surface-hover);transform:translateY(-2px)}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.kpi-icon-wrapper{border-radius:var(--radius-md);background-color:#ffffff0a;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-bottom{justify-content:space-between;align-items:baseline;margin-top:1rem;display:flex}.kpi-value{letter-spacing:-.03em;font-size:1.65rem;font-weight:700}.kpi-badge{border-radius:var(--radius-sm);align-items:center;gap:.2rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:flex}.kpi-badge.good{color:var(--color-eco);background-color:#10b9811a}.kpi-badge.warning{color:var(--color-danger);background-color:#ef44441a}.content-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.content-grid{grid-template-columns:1fr}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);flex-direction:column;padding:1.25rem;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-title{font-size:1.05rem;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:.75rem}.chart-wrapper-large{width:100%;height:320px}.chart-wrapper-small{width:100%;height:240px}.summary-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.summary-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-label{color:var(--text-muted);font-size:.85rem}.summary-val{font-size:.9rem;font-weight:600}