@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-green: #10b981;--dark-green: #064e3b;--bg-light: #f0fdf4;--bg-dark: #0f172a;--glass-white: rgba(255, 255, 255, .7);--glass-dark: rgba(30, 41, 59, .7);--border-light: rgba(255, 255, 255, .5);--border-dark: rgba(255, 255, 255, .1);--text-main: #1e293b;--text-light: #f1f5f9}#root{max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important;width:100%}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;place-items:unset!important;display:block!important;min-width:100vw}.app-wrapper{display:flex;min-height:100vh;width:100%;transition:background-color .3s ease;position:relative}.light-theme{background:radial-gradient(circle at top left,#dcfce7,#f0fdf4);color:var(--text-main)}.dark-theme{background:radial-gradient(circle at top left,#064e3b,#0f172a);color:var(--text-light)}.sidebar{width:80px;height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);position:fixed;left:0;top:0;bottom:0;z-index:2000;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:2px 0 10px #0000000d}.sidebar:hover{width:260px;box-shadow:10px 0 40px #0000001a}.dark-theme .sidebar{background:#0f172ae6;border-right:1px solid rgba(255,255,255,.1)}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:3rem;color:var(--primary-green);white-space:nowrap;min-height:40px}.logo-icon{min-width:32px}.sidebar:not(:hover) .logo-container h2,.sidebar:not(:hover) .nav-item,.sidebar:not(:hover) .nav-text,.sidebar:not(:hover) .logo-text{font-size:0!important;opacity:0}.sidebar:hover .logo-container h2,.sidebar:hover .nav-item{font-size:1rem!important;transition:font-size .1s .1s}.sidebar .nav-item svg,.sidebar .logo-container svg{min-width:24px;min-height:24px;font-size:initial}.highlight{color:#334155}.dark-theme .highlight{color:#fff}nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;width:100%;padding:12px;border:none;background:transparent;color:inherit;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s;white-space:nowrap;justify-content:center}.sidebar:hover .nav-item{justify-content:flex-start;padding-left:12px}.nav-item.active,.nav-item:hover{background:var(--primary-green);color:#fff;box-shadow:0 4px 12px #10b9814d}.bottom-toggle{margin-top:auto;display:flex;justify-content:center;width:100%}.sidebar:hover .bottom-toggle{justify-content:flex-start}.theme-btn{background:#0000000d;border:none;padding:10px;border-radius:50%;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transition:.3s}.theme-btn:hover{background:var(--primary-green);color:#fff;transform:rotate(20deg)}.dark-theme .theme-btn{background:#ffffff1a}.main-content{flex:1;padding:2rem;overflow-y:auto;width:100%;margin-left:80px;transition:margin-left .3s ease}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-text h1{font-size:1.8rem;margin:0}.header-text p{margin:5px 0 0;opacity:.6;font-size:.9rem}.control-widget{display:flex;align-items:center;gap:20px;padding:10px 20px;border-radius:50px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.9rem;padding-right:20px;border-right:1px solid rgba(0,0,0,.1)}.toggle-group{background:#0000000d;padding:4px;border-radius:30px;display:flex}.mode-btn{border:none;background:transparent;padding:8px 16px;border-radius:20px;font-weight:600;color:inherit;cursor:pointer;transition:all .2s}.mode-btn.selected{background:#fff;color:var(--primary-green);box-shadow:0 2px 8px #0000001a}.dark-theme .mode-btn.selected{background:#334155;color:#fff}.manual-controls{display:flex;gap:8px}.power-btn{display:flex;align-items:center;gap:5px;border:none;padding:8px 16px;border-radius:20px;color:#fff;font-weight:700;cursor:pointer;font-size:.8rem}.power-btn.on{background:var(--primary-green)}.power-btn.off{background:#ef4444}.dashboard-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;width:100%}.stats-column{display:flex;flex-direction:column;gap:24px}.analytics-column{display:flex;flex-direction:column;gap:24px;min-width:0}.glass-panel{background:var(--glass-white);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:24px;box-shadow:0 4px 30px #0000000d;padding:1.5rem}.dark-theme .glass-panel{background:var(--glass-dark);border:1px solid var(--border-dark)}.stat-card{position:relative}.stat-card h3{margin:0 0 10px;font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.big-number{font-size:2.5rem;font-weight:700;color:var(--primary-green)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;margin-top:5px}.status-badge.good{background:#dcfce7;color:#166534}.status-badge.warning{background:#fee2e2;color:#991b1b}.weather-flex{display:flex;align-items:center;gap:10px}.weather-img{width:50px;height:50px}.weather-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.05)}.mini-stat{display:flex;align-items:center;gap:6px;font-size:.9rem}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-wrapper{position:relative;height:180px}.gauge-value{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:700}.chart-wrapper{height:300px;width:100%}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h3{margin:0;display:flex;align-items:center;gap:10px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;font-size:.85rem;opacity:.7}td{padding:16px 12px;border-bottom:1px solid rgba(0,0,0,.05);font-size:.95rem}.dark-theme td{border-bottom:1px solid rgba(255,255,255,.05)}.cell-flex{display:flex;align-items:center;gap:8px}.text-blue{color:#3b82f6}.text-red{color:#ef4444}.dot{width:8px;height:8px;border-radius:50%;background:#ccc;display:inline-block}.dot.active{background:var(--primary-green);box-shadow:0 0 10px var(--primary-green)}.dot.red{background:#ef4444}.dot.green{background:#22c55e}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:20px;font-size:.9rem}.pagination button{background:#0000000d;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:.2s}.pagination button:hover:not(:disabled){background:var(--primary-green);color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.stats-column{flex-direction:row;flex-wrap:wrap}.stat-card{flex:1;min-width:200px}}@media(max-width:768px){.app-wrapper{flex-direction:column}.sidebar{width:100%;height:auto;padding:1rem;flex-direction:row;position:relative;box-shadow:none;overflow:visible}.sidebar:hover{width:100%}.logo-container{margin:0}.sidebar:not(:hover) .logo-container h2,.sidebar:not(:hover) .nav-item{font-size:1rem!important;opacity:1}.nav-item{width:auto;justify-content:center}.bottom-toggle{margin:0;width:auto}.main-content{margin-left:0}.control-widget{flex-direction:column;border-radius:20px;align-items:stretch}.toggle-group{justify-content:center}.header-text{text-align:center;width:100%;margin-bottom:20px}.top-header{flex-direction:column}}