: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{--color-primary: #ff9900;--color-secondary: #00aaff;--color-background: #0f172a;--color-card-bg: #1e293b;--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;width:100%;background-color:var(--color-background);color:#f1f5f9;font-family:Inter,sans-serif;overflow:hidden}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.main-header{background:#1e293b;padding:.6rem 1.5rem;border-bottom:3px solid var(--color-primary);display:flex;justify-content:space-between;align-items:center;z-index:100}.header-filters{display:flex;align-items:center;gap:12px;background:#0f172a80;padding:5px 12px;border-radius:8px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.55rem;color:var(--color-primary);text-transform:uppercase}.filter-group input{background:transparent;border:none;color:#fff;font-size:.75rem;outline:none;border-bottom:1px solid var(--color-primary)}.dashboard-wrapper{display:flex;flex:1;overflow:hidden}.sidebar-devices{width:var(--sidebar-width);background:#0f172a;border-right:1px solid #334155;padding:1rem;overflow-y:auto}.content-area{flex:1;background:radial-gradient(circle at top right,#1e1b4b,#0f172a);padding:1.2rem;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.savings-row{display:flex;justify-content:center;gap:15px;width:100%}.saving-card{border:1.5px solid var(--color-secondary);background:#00aaff14;padding:8px 15px;border-radius:8px;min-width:160px;text-align:center}.saving-card span{display:block;font-size:.6rem;color:var(--color-primary);font-weight:700;margin-bottom:2px}.saving-card h4{font-size:1.1rem;color:#fff;margin:0}.chart-container-full{width:100%;flex:1;min-height:350px;background:#1e293b66;border-radius:15px;padding:15px;border:1px solid #334155}.device-card{background:var(--color-card-bg);border-radius:12px;padding:1rem;margin-bottom:1rem;border-left:4px solid var(--color-secondary)}.device-card.active{border-left-color:var(--color-primary)}.chat-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-launcher{background:var(--color-primary);color:#0f172a;padding:10px 20px;border-radius:50px;font-weight:700;border:none;cursor:pointer;font-size:.8rem}.chat-window{width:340px;height:450px;background:#1e293b;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;border:1px solid #334155;overflow:hidden;margin-bottom:10px}.chat-header{padding:10px 15px;background:#334155;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.chat-messages{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:#0f172a}.message{padding:8px 12px;border-radius:12px;max-width:85%;font-size:.85rem}.message.user{background:var(--color-primary);color:#0f172a;align-self:flex-end}.message.bot{background:#1e293b;color:#fff;align-self:flex-start;border:1px solid #334155}.chat-input{padding:10px;display:flex;gap:8px;border-top:1px solid #334155}.chat-input input{flex:1;background:#0f172a;border:1px solid #334155;color:#fff;padding:8px;border-radius:6px;font-size:.8rem}.badge{padding:3px 10px;border-radius:15px;font-size:.65rem;font-weight:700}.badge.online{background:#059669;color:#fff}.welcome-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1e293b,#0f172a);color:#fff;z-index:99999;text-align:center}.welcome-screen h1{font-size:4rem;color:var(--color-primary);text-shadow:0 0 20px rgba(255,153,0,.4);margin-bottom:10px}.welcome-screen p{font-size:1.2rem;color:#94a3b8;margin-bottom:30px}.welcome-start-btn{background-color:var(--color-primary);color:#0f172a;border:none;padding:15px 50px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:.3s}.welcome-start-btn:hover{transform:scale(1.1);background-color:#ffb84d}