._chart-container_1vuqt_1{position:relative;width:100%;height:400px;padding:1rem 1rem 3rem}._title_1vuqt_8{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;color:var(--text-color)}._title_1vuqt_8 i{font-size:1.4rem}._battery-card_h1dg2_1{background-color:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px #0006,0 0 20px var(--primary-color-dim);padding:2.5rem;width:90%;max-width:400px;text-align:center;border:1px solid rgba(255,255,255,.1)}._soc-display_h1dg2_12{margin-bottom:2.5rem}._soc-value-wrapper_h1dg2_16{font-size:5rem;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:1rem;min-height:80px;display:flex;justify-content:center;align-items:center}._soc-value-wrapper_h1dg2_16 small{font-size:.5em;font-weight:400;color:var(--text-color-secondary);margin-left:.5rem}._last-updated-wrapper_h1dg2_35{min-height:20px;margin-top:.5rem}._soc-display_h1dg2_12 ._last-updated-wrapper_h1dg2_35{margin-bottom:1rem}._last-updated_h1dg2_35{font-size:.75rem;color:var(--text-color-secondary);font-style:italic}._progress-bar-container_h1dg2_50{width:100%;height:10px;background-color:#ffffff1a;border-radius:5px;overflow:hidden}._progress-bar_h1dg2_50{width:0%;height:100%;background:linear-gradient(90deg,#00A9E0,var(--primary-color));border-radius:5px;transition:width .9s ease-out,background .9s ease}._power-details_h1dg2_66{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:2rem 1rem;margin-bottom:2rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}._power-details_h1dg2_66 ._power-item_h1dg2_77:last-child{grid-column:1 / -1}._power-item_h1dg2_77{display:flex;flex-direction:column;align-items:center;gap:.5rem}._power-item_h1dg2_77 ._label_h1dg2_88{min-height:24px;font-size:.8rem;color:var(--text-color-secondary);display:flex;align-items:center;gap:.3rem}._power-item_h1dg2_77 ._label_h1dg2_88 ._icon-btn_h1dg2_97{color:var(--text-color-secondary)}._power-item_h1dg2_77 ._value_h1dg2_101{font-weight:600;display:flex;align-items:center}._power-item_h1dg2_77 ._value_h1dg2_101 ._value-text_h1dg2_107{min-width:60px;text-align:right}._power-item_h1dg2_77 ._value_h1dg2_101 .bi{font-size:1.5rem;display:inline-block;width:1.5em;text-align:center;margin-right:.5rem}.bi-arrow-down-circle{color:var(--color-red)}.bi-arrow-up-circle{color:var(--color-green)}.bi-pause-circle{color:var(--text-color-secondary)}.bi-sun{color:var(--color-yellow)}.bi-plug{color:var(--color-orange)}._symbol-list_1j1y7_1{list-style:none;padding:0;margin:0}._symbol-list_1j1y7_1 li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}._symbol-list_1j1y7_1 ._bi_1j1y7_14{font-size:2.2rem;flex-shrink:0;width:auto;text-align:left;margin-right:0}._symbol-list_1j1y7_1 li:last-child{margin-bottom:0}._symbol-list_1j1y7_1 div{line-height:1.4}._symbol-list_1j1y7_1 strong{color:var(--text-color)}._symbol-list_1j1y7_1 span{font-size:.9rem;color:var(--text-color-secondary)}._stats-container_1g7wm_1{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}._stats-container_1g7wm_1 h1{margin-bottom:1rem}._time-range-selector_1g7wm_13{display:flex;gap:.5rem;margin-bottom:2rem;background-color:var(--card-bg);padding:.5rem;border-radius:12px}._time-range-selector_1g7wm_13 button{font-family:var(--font-family);font-size:.9rem;background:none;border:none;color:var(--text-color-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s}._time-range-selector_1g7wm_13 button._active_1g7wm_34{background-color:var(--primary-color);color:#111;font-weight:600}._charts-grid_1g7wm_40{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:900px;margin-bottom:2rem}._chart-container_1g7wm_49{background-color:var(--card-bg);border-radius:20px;box-shadow:0 10px 30px #0003;padding:1.5rem;aspect-ratio:1.7;display:flex;flex-direction:column;overflow:hidden}._chart-canvas-wrapper_1g7wm_60{position:relative;flex-grow:1;min-height:0}._chart-title_1g7wm_66{font-size:1.2rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}._chart-title_1g7wm_66 .bi-battery-half{color:var(--color-blue)}._chart-title_1g7wm_66 .bi-lightning-charge{color:var(--color-green)}._chart-title_1g7wm_66 .bi-sun{color:var(--color-yellow)}._chart-title_1g7wm_66 .bi-plug{color:var(--color-orange)}._connection-status-stats_1g7wm_95{margin-top:1rem}._back-link_1g7wm_99{margin-top:1rem!important}@media (min-width: 1200px){._charts-grid_1g7wm_40{grid-template-columns:1fr 1fr;max-width:2000px}}@media (max-width: 768px){._stats-container_1g7wm_1{padding:1rem}._chart-container_1g7wm_49{aspect-ratio:1.2}}:root{color-scheme:light dark;--bg-grad-start: #1e1e1e;--bg-grad-end: #2c2c2c;--card-bg: #222;--primary-color: #00e5ff;--primary-color-dim: rgba(0, 229, 255, .2);--text-color: #f0f0f0;--text-color-secondary: #aaa;--font-family: "Poppins", "Segoe UI", Tahoma, sans-serif;--color-green: #4caf50;--color-red: #f44336;--color-yellow: #ffeb3b;--color-orange: #ff9800;--color-blue: #2196f3;--nav-button-bg: #313840;--nav-button-text-color: var(--primary-color);--nav-button-hover-bg: #3d454e;--nav-button-hover-text-color: var(--primary-color);--nav-button-hover-border-color: var(--primary-color);--nav-button-active-bg: #2a3037;--chart-grid-color: rgba(255, 255, 255, .1);--chart-tick-color: #aaa;--chart-tooltip-bg: #333;--chart-tooltip-text-color: #f0f0f0}@media (prefers-color-scheme: light){:root{--bg-grad-start: #f0f2f5;--bg-grad-end: #e4e8eb;--card-bg: #ffffff;--primary-color: #007bff;--primary-color-dim: rgba(0, 123, 255, .15);--text-color: #212529;--text-color-secondary: #6c757d;--color-green: #28a745;--color-red: #dc3545;--color-yellow: #FFC107;--color-orange: #F57C00;--color-blue: #007bff;--nav-button-bg: var(--primary-color);--nav-button-text-color: #ffffff;--nav-button-hover-bg: #0056b3;--nav-button-hover-text-color: #ffffff;--nav-button-hover-border-color: #004085;--nav-button-active-bg: #004085;--chart-grid-color: rgba(0, 0, 0, .1);--chart-tick-color: #6c757d;--chart-tooltip-bg: #f8f9fa;--chart-tooltip-text-color: #212529}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:linear-gradient(160deg,var(--bg-grad-start),var(--bg-grad-end));color:var(--text-color);font-family:var(--font-family)}h1{font-size:2.5rem;font-weight:600;margin-bottom:2rem;color:var(--text-color);letter-spacing:1px;display:flex;align-items:center;gap:1rem}h1 .bi-battery-charging,h1 .bi-graph-up{color:var(--primary-color)}.page-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.nav-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:8px;background-color:var(--nav-button-bg);color:var(--nav-button-text-color);box-shadow:0 2px 5px #0000001a;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.nav-link:hover{background-color:var(--nav-button-hover-bg);color:var(--nav-button-hover-text-color);border-color:var(--nav-button-hover-border-color, transparent);box-shadow:0 4px 8px #00000026}.nav-link:active{background-color:var(--nav-button-active-bg);box-shadow:0 1px 3px #0003;transform:translateY(1px)}.connection-status{font-size:.8rem;color:var(--text-color-secondary)}.status-connected{color:var(--color-green)}.status-disconnected{color:var(--color-red)}.modal-overlay{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem}.modal-content{background-color:var(--card-bg);padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:15px;width:90%;max-width:380px;box-shadow:0 5px 15px #00000080;position:relative;text-align:left;line-height:1.6}.modal-close-button{background:none;border:none;padding:0;color:var(--text-color-secondary);position:absolute;top:10px;right:20px;font-size:2rem;font-weight:700;cursor:pointer;line-height:1}.modal-close-button:hover{color:var(--text-color)}.modal-close-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.modal-content h2{font-size:1.4rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--primary-color-dim)}.icon-btn{background:none;border:none;padding:0;color:inherit;cursor:pointer;font-size:inherit;display:inline-flex;align-items:center;border-radius:4px}.icon-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.icon-btn:hover{color:var(--primary-color)}