@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Share+Tech+Mono&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:#f8fafc;--bg-card:#fff;--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-light:#fff7ed;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#f1f5f9;--color-border-hover:#e2e8f0;--color-success:#10b981;--color-success-bg:#dcfce7;--color-success-text:#15803d;--color-blue:#3b82f6;--color-yellow:#eab308;--color-cyan:#06b6d4;--font-display:"Outfit","Inter",-apple-system,sans-serif;--font-body:"Inter",-apple-system,sans-serif;--font-mono:"Share Tech Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#0f172a;color:var(--color-text-main);font-family:Inter,-apple-system,sans-serif;font-family:var(--font-body);font-size:14px;overflow-x:hidden}.app-container,body{background-color:#f8fafc;background-color:var(--bg-main)}.app-container{display:flex;min-height:100vh;width:100vw}.sidebar-panel{background-color:#fff;border-right:1px solid #e2e8f0;height:100vh;justify-content:space-between;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;width:80px;z-index:100}.sidebar-panel,.sidebar-top{align-items:center;display:flex;flex-direction:column}.sidebar-top{gap:1.5rem;width:100%}.sidebar-logo{color:#64748b;color:var(--color-text-muted);font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.sidebar-menu-group{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.sidebar-menu-label{font-size:.65rem;font-weight:700;letter-spacing:.5px;margin:.5rem 0 .2rem;text-transform:uppercase}.sidebar-btn,.sidebar-menu-label{color:#64748b;color:var(--color-text-muted)}.sidebar-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.sidebar-btn:hover{background-color:#f1f5f9;background-color:var(--color-border);color:#0f172a;color:var(--color-text-main)}.sidebar-btn.active{background-color:#f97316;background-color:var(--color-primary);box-shadow:0 4px 12px #f9731659;color:#fff}.sidebar-bottom{flex-direction:column;gap:1.2rem;width:100%}.avatar-circle,.sidebar-bottom{align-items:center;display:flex}.avatar-circle{background-color:#e2e8f0;border:1.5px solid #f97316;border:1.5px solid var(--color-primary);border-radius:50%;color:#0f172a;color:var(--color-text-main);font-size:.8rem;font-weight:700;height:38px;justify-content:center;overflow:hidden;width:38px}.avatar-circle svg{height:100%;width:100%}.main-window-panel{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;max-width:calc(100vw - 80px);overflow-y:auto;padding:1.8rem 2.2rem}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.brand-title h2{color:#0f172a;color:var(--color-text-main);font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.brand-title p{color:#64748b;color:var(--color-text-muted);font-size:.85rem;margin-top:2px}.meter-node-switcher{background-color:#fff;border:1px solid #e2e8f0;border-radius:30px;display:flex;padding:4px}.meter-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:#64748b;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:600;gap:6px;padding:.5rem 1.2rem;transition:all .2s ease}.meter-btn.active{background-color:#0f172a;background-color:var(--color-text-main);color:#fff}.dashboard-flow-grid{display:flex;gap:1.5rem;width:100%}.main-content-flow{display:flex;flex:3.2 1;flex-direction:column;gap:1.5rem;min-width:0}.right-side-column{flex:1.3 1;gap:1.5rem;min-width:320px}.right-side-column,.white-card{display:flex;flex-direction:column}.white-card{background-color:#fff;background-color:var(--bg-card);border:1px solid rgba(0,0,0,.015);border-radius:16px;box-shadow:0 4px 20px #00000005,0 2px 8px #00000003;gap:1rem;padding:1.5rem;position:relative}.card-header-flex{align-items:center;display:flex;justify-content:space-between;width:100%}.card-header-flex h3{color:#0f172a;color:var(--color-text-main);font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:600}.card-subtitle-orange{align-items:center;color:#64748b;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;gap:6px}.card-subtitle-orange:before{background-color:#f97316;background-color:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.kpi-row-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);width:100%}.kpi-stat-card{background-color:#fff;background-color:var(--bg-card);border:1px solid rgba(0,0,0,.015);border-radius:16px;box-shadow:0 4px 20px #00000005,0 2px 8px #00000003;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem}.kpi-stat-label{color:#64748b;color:var(--color-text-muted);font-size:.85rem;font-weight:500}.kpi-stat-value{color:#f97316;color:var(--color-primary);font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1.2}.kpi-trend-badge{align-items:center;align-self:flex-start;background-color:#dcfce7;background-color:var(--color-success-bg);border-radius:20px;color:#15803d;color:var(--color-success-text);display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:.2rem .5rem}.kpi-trend-text{color:#64748b;color:var(--color-text-muted);font-size:.75rem;margin-top:1px}.chart-period-tabs{background-color:#f1f5f9;border-radius:20px;display:flex;gap:2px;padding:3px}.period-tab-btn{background:#0000;border:none;border-radius:18px;color:#64748b;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .95rem;transition:all .2s ease}.period-tab-btn.active{background-color:#000;color:#fff}.svg-chart-container{height:160px;margin-top:.5rem;position:relative;width:100%}.spline-chart-svg{display:block;height:100%;width:100%}.chart-tooltip-group{opacity:0;pointer-events:none;transition:opacity .15s ease}.chart-tooltip-group.visible{opacity:1}.tooltip-pill-rect{fill:#f97316;fill:var(--color-primary);rx:6px}.tooltip-pill-text{fill:#fff;font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:9px;font-weight:700}.chart-guide-line{stroke:#f97316;stroke:var(--color-primary);stroke-width:1;stroke-dasharray:4}.rings-graphic-container{align-items:center;display:flex;height:160px;justify-content:center;position:relative}.rings-svg-wrapper{height:150px;width:150px}.rings-center-badge{align-items:center;background-color:#fff7ed;border-radius:50%;box-shadow:0 4px 12px #f973161a;display:flex;height:46px;justify-content:center;position:absolute;width:46px;z-index:10}.rings-legend-list{display:flex;flex-direction:column;gap:.95rem;margin-top:.5rem}.legend-row-item{align-items:center;display:flex;gap:.8rem;width:100%}.legend-index-num{align-items:center;background-color:#f8fafc;border-radius:50%;color:#f97316;color:var(--color-primary);display:flex;flex-shrink:0;font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.82rem;font-weight:600;height:30px;justify-content:center;width:30px}.legend-name{color:#0f172a;color:var(--color-text-main);flex-shrink:0;font-size:.85rem;font-weight:600;width:80px}.legend-progress-track{background-color:#f1f5f9;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.legend-progress-fill{border-radius:4px;height:100%}.legend-percent-val{color:#0f172a;color:var(--color-text-main);flex-shrink:0;font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:600;text-align:right;width:32px}.row-action-dots{background:#0000;border:none;color:#64748b;color:var(--color-text-muted);cursor:pointer;padding:0 4px}.device-row-list{display:flex;flex-direction:column;gap:1.15rem;margin-top:.5rem}.device-row-item{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.device-avatar-icon{align-items:center;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.device-detail-box{display:flex;flex-direction:column;flex-grow:1;gap:4px;min-width:0}.device-row-title{color:#0f172a;color:var(--color-text-main);font-size:.85rem;font-weight:600}.device-capsules-container{display:flex;gap:3px;width:100%}.capsule-pill{border-radius:3px;flex-grow:1;height:14px;transition:background-color .2s ease}.capsule-pill.active{background-color:#f97316;background-color:var(--color-primary)}.capsule-pill.inactive{background-color:#f1f5f9}.device-price-tag{color:#0f172a;color:var(--color-text-main);flex-shrink:0;font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-align:right;width:55px}.peak-hours-list{display:flex;flex-direction:column;gap:1rem;margin-top:.2rem}.peak-hour-row{align-items:center;background-color:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.5rem 0}.peak-hour-row:last-child{border-bottom:none}.peak-time-group{align-items:center;display:flex;gap:.8rem}.peak-icon-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.peak-icon-circle.day{background-color:#fff7ed;color:#f97316}.peak-icon-circle.night{background-color:#eff6ff;color:#3b82f6}.peak-time-text{display:flex;flex-direction:column}.peak-time-hours{color:#0f172a;color:var(--color-text-main);font-size:.85rem;font-weight:600}.peak-time-label{color:#64748b;color:var(--color-text-muted);font-size:.72rem}.peak-sparkline-svg{height:24px;width:60px}.peak-kwh-val{color:#0f172a;color:var(--color-text-main);font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:600}.room-switches-list{display:flex;flex-direction:column;gap:.9rem;margin-top:.4rem}.room-switch-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:.75rem}.room-switch-row:last-child{border-bottom:none;padding-bottom:0}.room-switch-label-box{display:flex;flex-direction:column}.room-switch-name{color:#0f172a;color:var(--color-text-main);font-size:.85rem;font-weight:600}.room-switch-consumption{color:#64748b;color:var(--color-text-muted);font-size:.75rem}.room-toggle-controls{align-items:center;display:flex;gap:12px}.status-txt-green{color:#10b981;color:var(--color-success);font-size:.75rem;font-weight:700}.toggle-switch-input{display:none}.toggle-switch-label{background-color:#cbd5e1;border-radius:12px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background-color .2s ease;width:44px}.toggle-switch-circle{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.toggle-switch-input:checked+.toggle-switch-label{background-color:#10b981;background-color:var(--color-success)}.toggle-switch-input:checked+.toggle-switch-label .toggle-switch-circle{transform:translateX(20px)}.bill-spikes-card{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:16px;display:flex;flex-direction:column;gap:1.15rem;padding:1.5rem}.spikes-header{align-items:flex-start;display:flex;gap:.8rem}.spikes-info-icon{align-items:center;background-color:#ffedd5;border-radius:50%;color:#f97316;color:var(--color-primary);display:flex;flex-shrink:0;font-size:.95rem;font-weight:800;height:32px;justify-content:center;width:32px}.spikes-text-detail{color:#7c2d12;font-size:.85rem;line-height:1.45}.spikes-action-btn{align-items:center;background-color:#f97316;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Outfit,Inter,-apple-system,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:.75rem;transition:background-color .2s ease;width:100%}.spikes-action-btn:hover{background-color:#ea580c;background-color:var(--color-primary-hover)}.styled-select-input{background-color:#f1f5f9;border:none;border-radius:6px;color:#0f172a;color:var(--color-text-main);cursor:pointer;font-size:.8rem;font-weight:600;outline:none;padding:.35rem .6rem}@media (max-width:1100px){.dashboard-flow-grid{flex-direction:column}.right-side-column{width:100%}}@media (max-width:900px){.kpi-row-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-row-grid{grid-template-columns:1fr}.sidebar-panel{display:none}.main-window-panel{max-width:100vw;padding:1.2rem}}
/*# sourceMappingURL=main.b99ffc27.css.map*/