:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e5e5e5;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0f0f0f}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:#10b981;text-decoration:none;transition:color .3s ease}a:hover{color:#34d399}button{font-family:inherit;cursor:pointer;transition:all .3s ease}select{font-family:inherit}option{background-color:#1f2937;color:#e5e5e5}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1f2937;border-radius:6px}::-webkit-scrollbar-thumb{background:#374151;border-radius:6px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#4b5563}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased}.app-wrapper{min-height:100vh;background:#000}.dashboard{min-height:100vh;display:flex;flex-direction:column;padding:.75rem;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.75rem}.header h1{font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.time{font-size:.9rem;color:#666;font-variant-numeric:tabular-nums}.error-badge{color:#f44;font-weight:700;margin-left:.5rem}.main-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.card{background:#111;border:1px solid #222;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:visible;min-height:140px}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.8}.card.solar:before{background:#ffb800}.card.battery:before{background:#f44}.card.grid:before{background:#00a6ff}.card.house:before{background:#f0f}.card-icon{font-size:1.5rem;margin-bottom:.25rem}.card-value{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin:.25rem 0;display:flex;align-items:center;gap:.1rem}.flow-indicator{font-size:.9em}.card.solar .card-value{color:#ffb800}.card.grid .card-value{color:#00a6ff}.card.house .card-value{color:#f0f}.card-label{font-size:.65rem;font-weight:600;letter-spacing:.05em;color:#666;text-transform:uppercase}.card-sub{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;gap:.1rem}.card-sub span{font-size:.7rem;color:#888}.card.battery{position:relative}.battery-icon-container{display:flex;justify-content:center;align-items:center;margin-bottom:.25rem}.battery-icon{width:40px;height:65px;border:2px solid #444;border-radius:4px;position:relative;background:#1a1a1a;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.battery-icon:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:16px;height:4px;background:#444;border-radius:2px 2px 0 0}.battery-level{width:100%;background:linear-gradient(to top,#f44,#f66);transition:height .5s ease;position:absolute;bottom:0;border-radius:0 0 2px 2px}.card.battery.charging .battery-level{background:linear-gradient(to top,#0f8,#00cc6a)}.card.battery.discharging .battery-level{background:linear-gradient(to top,#ffb800,#ff9500)}.battery-percent{position:relative;z-index:1;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);margin-bottom:.2rem}.battery-info{display:flex;flex-direction:column;align-items:center;gap:.15rem}.battery-power-display{display:flex;align-items:center;gap:.2rem;font-size:1.1rem;font-weight:700;color:#fff}.battery-time-remaining{font-size:.7rem;color:#999;font-weight:500}.battery-sub{flex-direction:row!important;gap:.75rem!important}.flow-arrow{font-size:1.1rem;font-weight:700}.flow-arrow.charging{color:#0f8;animation:flow-down 1.5s ease-in-out infinite}.flow-arrow.discharging{color:#ffb800;animation:flow-up 1.5s ease-in-out infinite}.flow-dot{color:#666;font-size:1.1rem}@keyframes flow-down{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(2px);opacity:1}}@keyframes flow-up{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-2px);opacity:1}}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex:1}.detail-section{background:#0a0a0a;border:1px solid #222;border-radius:.5rem;padding:.75rem;overflow:visible}.section-header{font-size:.8rem;font-weight:600;color:#ffb800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #222}.detail-rows{display:flex;flex-direction:column;gap:.25rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:.15rem 0}.detail-row.continuation{justify-content:flex-end;margin-top:-.15rem}.detail-label{color:#888;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.detail-value{font-weight:600;color:#fff;text-align:right}.detail-value.value-yellow{color:#ffb800}.detail-value.value-green{color:#0f8}.detail-value.value-red{color:#f44}.detail-value.value-magenta{color:#f0f}.loading{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{width:2rem;height:2rem;border:2px solid #222;border-top-color:#ffb800;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.main-grid{grid-template-columns:repeat(4,1fr)}.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-grid{grid-template-columns:repeat(2,1fr)}.card{min-height:120px}.card-value{font-size:1.5rem}.details-grid{grid-template-columns:1fr}.detail-section{max-height:none}}@media (max-width: 480px){.dashboard{padding:.5rem}.header h1{font-size:1rem}.card{padding:.75rem;min-height:100px}.card-value{font-size:1.3rem}.battery-icon{width:30px;height:50px}.battery-percent{font-size:.8rem}.detail-row{font-size:.7rem}}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ai-summary{display:flex;align-items:center;gap:.5rem;background:#ffb80014;border:1px solid rgba(255,184,0,.2);border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;color:#ccc;flex:1;min-width:0}.ai-loading{color:#666;font-style:italic}.ai-icon{font-size:.9rem;flex-shrink:0}.ai-text{flex:1;min-width:0;line-height:1.4}.download-button{background:#111;border:1px solid #333;border-radius:.5rem;padding:.4rem .75rem;color:#00a6ff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-button:hover{background:#1a1a1a;border-color:#00a6ff}@media (max-width: 480px){.ai-summary{display:none}.download-button{padding:.3rem .5rem;font-size:.7rem}}