:root{--bg: #09090b;--card: #0f0f12;--border: #1c1c22;--text: #e4e4e7;--text-2: #a1a1aa;--text-3: #52525b;--accent: #4ecdc4}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);padding:2.5rem 3rem;max-width:1200px;min-width:700px;margin:0 auto;-webkit-font-smoothing:antialiased}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}header h1{font-size:.95rem;font-weight:500;color:var(--text-3);letter-spacing:.14em;text-transform:uppercase}input[type=date]{background:var(--card);border:1px solid var(--border);color:var(--text-2);padding:.4rem .75rem;border-radius:6px;font:inherit;font-size:.82rem;cursor:pointer;transition:border-color .15s}.day-nav{background:var(--card);border:1px solid var(--border);color:var(--text-2);font-size:.78rem;padding:.35rem .6rem;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s;line-height:1}.day-nav:hover{border-color:var(--text-3);color:var(--text)}.stat-link{cursor:pointer;transition:border-color .15s}.stat-link:hover{border-color:var(--text-3)}.toggle-group{display:flex;gap:0;margin-left:auto}.toggle-btn{background:none;border:1px solid var(--border);color:var(--text-3);font:inherit;font-size:.68rem;font-weight:500;padding:.3rem .7rem;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all .15s}.toggle-btn:first-child{border-radius:4px 0 0 4px}.toggle-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.toggle-btn:hover{color:var(--text-2);border-color:var(--text-3)}.toggle-btn.active{color:var(--text);border-color:var(--accent);background:#4ecdc414}input[type=date]:hover,input[type=time]:hover{border-color:var(--text-3)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.6)}input[type=time]{background:var(--card);border:1px solid var(--border);color:var(--text-2);padding:.4rem .75rem;border-radius:6px;font:inherit;font-size:.82rem;cursor:pointer;transition:border-color .15s}.tab-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.control-group{display:flex;align-items:center;gap:.35rem}.control-label{font-size:.65rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.2rem 1.4rem}.stat-card .label{font-size:.65rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem}.stat-card .value{font-size:1.75rem;font-weight:300;color:#fff;line-height:1}.stat-card .unit{font-size:.75rem;color:var(--text-3);margin-left:.15rem;font-weight:400}.stat-card .sub{font-size:.72rem;color:var(--text-3);margin-top:.35rem}.stat-card .shifted-value{color:#10e8a0}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-3);font:inherit;font-size:.78rem;font-weight:500;padding:.6rem 1.2rem;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:color .15s,border-color .15s}.tab:hover{color:var(--text-2)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-pane{display:none}.tab-pane.active{display:block}.chart-section{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.4rem 1.5rem;margin-bottom:.5rem}.chart-section h2{font-size:.65rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.chart-container{width:100%}.placeholder-msg{color:var(--text-3);font-size:.82rem;padding:3rem 0;text-align:center}.export-row{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.export-field{display:flex;flex-direction:column;gap:.3rem}.export-label{font-size:.65rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.export-field select,.export-field input[type=date]{background:var(--bg);border:1px solid var(--border);color:var(--text-2);padding:.4rem .6rem;border-radius:6px;font:inherit;font-size:.82rem;cursor:pointer;transition:border-color .15s}.export-field select:hover,.export-field input[type=date]:hover{border-color:var(--text-3)}.export-cols{margin-bottom:1.25rem}.export-cols-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.export-link{background:none;border:none;color:var(--accent);font:inherit;font-size:.72rem;cursor:pointer;padding:0;opacity:.7;transition:opacity .15s}.export-link:hover{opacity:1}.export-group{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem 1rem;margin-bottom:.4rem}.export-group-label{font-size:.7rem;color:var(--text-3);width:4.5rem;flex-shrink:0}.export-cb{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-2);cursor:pointer}.export-cb input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.export-actions{display:flex;align-items:center;gap:1rem}.export-btn{background:var(--accent);color:var(--bg);border:none;padding:.45rem 1.2rem;border-radius:6px;font:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .15s}.export-btn:hover{opacity:.85}.export-status{font-size:.75rem;color:var(--text-3)}.range-btn{background:none;border:1px solid var(--border);color:var(--text-3);font:inherit;font-size:.68rem;font-weight:500;padding:.3rem .8rem;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all .15s}.range-btn:hover{color:var(--text-2);border-color:var(--text-3)}.range-btn.active{color:var(--text);border-color:var(--accent);background:#4ecdc414}.savings-stats{display:flex;gap:2rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.savings-stat{display:flex;flex-direction:column;gap:.2rem}.savings-label{font-size:.62rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.savings-value{font-size:1.1rem;font-weight:300;color:var(--text)}.status{font-size:.72rem;color:var(--text-3);margin-top:1.25rem}.status .dot{color:var(--accent);margin-right:.3rem}.status .dot-warn{color:#f87171}@media(max-width:768px){body{padding:1.5rem 1rem}.stats{grid-template-columns:repeat(2,1fr)}.savings-stats{flex-wrap:wrap;gap:1rem}}