*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:#fff;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:480px;min-height:100vh}.header{background:linear-gradient(135deg,#00bcd4,#0097a7 50%,#00838f);box-shadow:0 2px 8px #00bcd44d;color:#fff;justify-content:space-between;padding:15px 20px;position:relative}.header,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:12px}.header-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:45px;object-fit:contain;width:45px}.header-title{display:flex;flex-direction:column;gap:2px}.header-title h1{font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.header-title .subtitle{font-size:11px;font-weight:400;opacity:.9}.header-icons{display:flex;gap:10px}.header-button{align-items:center;background:#fff3;border:2px solid #ffffff80;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s}.header-button:hover{background:#ffffff4d;transform:scale(1.05)}.header-button:active{transform:scale(.95)}.tabs{background:#fff;border-bottom:2px solid #e0e0e0;display:flex}.tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:15px;text-align:center}.tab.active{border-bottom:3px solid #00bcd4;color:#00bcd4}.content{padding:20px}.button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:30px}.info-button{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:12px;text-align:center;transition:transform .2s,box-shadow .2s}.info-button:active{transform:scale(.98)}.info-button h3{color:#333;font-size:13px;margin:8px 0}.info-button .value{color:#00bcd4;font-size:20px;font-weight:700}.info-button .unit{color:#999;font-size:11px;margin-top:3px}.gauges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:30px 0}.gauge{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:15px;text-align:center}.gauge h4{color:#666;font-size:14px;margin-bottom:10px}.gauge-value{color:#333;font-size:28px;font-weight:700}.gauge-unit{color:#999;font-size:12px;margin-top:5px}.loading{color:#666;padding:40px;text-align:center}.error{background:#ffebee;border-radius:8px;color:#c62828;margin:20px;padding:15px}.status-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;margin-top:5px;padding:4px 10px}.status-charging{background:#4caf50;color:#fff}.status-discharging{background:#f44336;color:#fff}.status-idle{background:#9e9e9e;color:#fff}.status-buying{background:#ff9800;color:#fff}.status-selling{background:#4caf50;color:#fff}.back-button{align-items:center;background:#00bcd4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 24px;transition:background .2s}.back-button:hover{background:#0097a7}.detail-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.detail-card h3{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin-bottom:15px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:14px}.detail-value{color:#333;font-size:14px;font-weight:600}.battery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.battery-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:15px;text-align:center}.battery-card h4{color:#333;font-size:14px;margin-bottom:10px}.battery-soc{font-size:32px;font-weight:700;margin:10px 0}.battery-info{color:#666;font-size:12px;margin:5px 0}.chart-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:30px;padding:20px}.chart-container h3{color:#333;font-size:16px;margin-bottom:15px}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s;background:#fff;border-radius:16px;max-height:80vh;max-width:400px;overflow-y:auto;padding:20px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #e0e0e0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#333;font-size:20px;gap:10px;margin:0}.modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.modal-close:hover{background:#e0e0e0}.battery-info-content{background:#f5f5f5;border-radius:8px;color:#333;font-family:Courier New,monospace;font-size:13px;line-height:1.6;padding:15px;white-space:pre-wrap}
/*# sourceMappingURL=main.ae02cd23.css.map*/