body{background:linear-gradient(135deg,indigo,#8a2be2,#00bfff);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width:768px){body{font-size:15px;padding:0}}@media screen and (max-width:480px){body{font-size:13px;padding:0}code{font-size:.9em;word-break:break-all}}#root,body,html{box-sizing:border-box;max-width:100vw;min-width:0;overflow-x:hidden;width:100vw}.login-container{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-background{z-index:0}.login-background,.login-background-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.login-background-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(14, 165, 233, 0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.6}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:420px;padding:3rem;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{align-items:center;display:flex;flex-direction:column;gap:1rem}.login-logo-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:64px;width:64px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600) 0,var(--energy-500) 100%);-webkit-background-clip:text;background-clip:text;color:var(--neutral-900);font-size:2.5rem;font-weight:800;margin:0}.login-subtitle{color:var(--neutral-600);font-size:1rem;font-weight:500;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.login-button{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{margin-top:2rem;text-align:center}.login-footer-text{color:var(--neutral-600);font-size:.875rem;margin-bottom:1rem}.login-footer-link{color:var(--primary-600);font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer-link:hover{color:var(--primary-700);text-decoration:underline}.login-back-link{align-items:center;color:var(--neutral-500);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s ease}.login-back-link:hover{color:var(--neutral-700)}@media (max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}.login-subtitle{font-size:.875rem}.form-input{padding:.875rem 1rem}.login-button{font-size:1rem;padding:.875rem 1.25rem}}@media (max-width:360px){.login-card{padding:1.5rem 1rem}.login-title{font-size:1.75rem}.login-logo-img{height:56px;width:56px}}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--neutral-50:#f8f8f8;--neutral-100:#f0f0f0;--neutral-200:#e8e8e8;--neutral-300:#d3d3d3;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--energy-50:#fef7ee;--energy-100:#fdedd4;--energy-200:#fbd7a8;--energy-300:#f8bb71;--energy-400:#f49538;--energy-500:#f1730c;--energy-600:#e25a07;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);color:#262626;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6}.container{background:#f8f8f8;background:var(--neutral-50);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#171717,#262626);background:linear-gradient(180deg,var(--neutral-900) 0,var(--neutral-800) 100%);border-right:1px solid #404040;border-right:1px solid var(--neutral-700);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.logo-icon-sidebar{align-items:center;display:flex;justify-content:center;padding:0 1.5rem}.logo-icon-sidebar img{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);height:48px;width:48px}.logo-icon-sidebar img,.menu-item{border-radius:.75rem;border-radius:var(--radius-lg)}.menu-item{color:#d3d3d3;color:var(--neutral-300);margin:.25rem 1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item:hover{background:#ffffff0d;color:#f0f0f0;color:var(--neutral-100)}.menu-item.active{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff}.menu-item.active:before{background:#38bdf8;background:var(--primary-400);border-radius:0 .375rem .375rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.sidebar-bottom{padding:1.5rem}.logout-button-sidebar{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:.5rem;justify-content:center;padding:.875rem 1rem}.logout-button-sidebar:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.main-content{background:#f8f8f8;background:var(--neutral-50);min-height:100vh}.main-content h1,.main-content h2,.main-content h3{color:#171717;color:var(--neutral-900);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.main-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#171717,#0369a1);background:linear-gradient(135deg,var(--neutral-900) 0,var(--primary-700) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.main-content h2{color:#262626;color:var(--neutral-800)}.main-content h3{color:#404040;color:var(--neutral-700);font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.metric-card{background:#d3d3d3;border:1px solid #e8e8e8;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.75rem}.metric-card:before{background:linear-gradient(90deg,#0ea5e9,#f1730c);background:linear-gradient(90deg,var(--primary-500) 0,var(--energy-500) 100%)}.metric-card:hover{border-color:#bae6fd;border-color:var(--primary-200);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.metric-card h3{color:#525252;color:var(--neutral-600);font-size:.875rem;letter-spacing:.05em;margin-bottom:.75rem}.metric-card p{color:#171717;color:var(--neutral-900);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.chart-area-main{margin-bottom:2.5rem}.chart-card-main{background:#d3d3d3;border:1px solid #e8e8e8;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.view-mode-buttons{background:#f0f0f0;border-radius:.75rem;border-radius:var(--radius-lg)}.active-view-button,.view-button{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.view-button{color:#525252;color:var(--neutral-600)}.view-button:hover{background:#e8e8e8;color:#262626;color:var(--neutral-800)}.active-view-button{background:#0284c7;background:var(--primary-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.expand-chart-button{align-items:center;background:linear-gradient(135deg,#404040,#262626);background:linear-gradient(135deg,var(--neutral-700) 0,var(--neutral-800) 100%);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;gap:.5rem}.expand-chart-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.bottom-sections-grid{grid-gap:1.5rem;gap:1.5rem}.bottom-card{background:#d3d3d3;border:1px solid #e8e8e8;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:1.75rem}.bottom-card h3{color:#262626;color:var(--neutral-800)}.chart-wrapper-pizza{flex:1 1;max-width:200px}.legend-list{gap:.75rem}.legend-item{font-size:.875rem}.legend-color{border:2px solid #fff;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.legend-label{color:#404040}.legend-value{color:#171717}.suggestions-description{color:#525252;color:var(--neutral-600);font-size:.875rem;margin-bottom:1rem}.device-suggestion-list{display:flex;flex-direction:column;gap:.75rem}.device-suggestion-list li{background:#f8f8f8;border-left:4px solid #0ea5e9;border-left:4px solid var(--primary-500);border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem}.device-suggestion-list strong{color:#171717}.energy-control-section{background:#d3d3d3;border:1px solid #e8e8e8;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.device-feedback-message{background:#f0f9ff;background:var(--primary-50);border:1px solid #bae6fd;border:1px solid var(--primary-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#0369a1;color:var(--primary-700);padding:1rem}.device-control-item{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:.75rem;border-radius:var(--radius-lg);padding:1.25rem}.device-control-item:hover{border-color:#7dd3fc;border-color:var(--primary-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.device-control-name{color:#262626;color:var(--neutral-800);font-size:1rem}.device-toggle-button{border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem;min-width:100px}.device-toggle-button.power-on{background:linear-gradient(135deg,#22c55e,#16a34a)}.device-toggle-button.power-off{background:linear-gradient(135deg,#ef4444,#dc2626)}.device-toggle-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.schedule-shutdown-card{background:#d3d3d3;border:1px solid #e8e8e8;border:1px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:480px}.schedule-shutdown-card h2{color:#262626;color:var(--neutral-800)}.form-group label{color:#404040;font-size:.875rem}.form-group input[type=time]{background:#e8e8e8;background:var(--neutral-200);border:2px solid #e8e8e8;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:.875rem}.form-group input[type=time]:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.schedule-button{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;margin-top:1rem}.schedule-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.reports-section{background:#d3d3d3;border:1px solid #e8e8e8;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.report-summary-card{background:#f8f8f8;background:var(--neutral-50);border:1px solid #e8e8e8;border:1px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.75rem}.report-summary-card h3{color:#262626;color:var(--neutral-800)}.report-summary-card p{color:#404040;color:var(--neutral-700);margin-bottom:.75rem}.overall-report-message{background:#f0f9ff;background:var(--primary-50);border:1px solid #bae6fd;border:1px solid var(--primary-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#0369a1;color:var(--primary-700)}.energy-realtime-card{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:.75rem;border-radius:var(--radius-lg);padding:1.75rem}.energy-realtime-card h3{color:#262626;color:var(--neutral-800);margin-bottom:1rem}.energy-realtime-table td{border-bottom:1px solid #e8e8e8;color:#404040;color:var(--neutral-700);padding:.875rem}.energy-realtime-table td:first-child{color:#262626;color:var(--neutral-800)}.device-report-list{display:flex;flex-direction:column;gap:1rem}.device-report-item{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:.75rem;border-radius:var(--radius-lg)}.device-report-item h4{color:#262626;color:var(--neutral-800);font-size:1.125rem;margin-bottom:.75rem}.device-report-item p{color:#404040;font-size:.875rem}.status-on-text{color:#16a34a}.status-off-text{color:#dc2626}.impact-positive{color:#16a34a}.impact-negative{color:#dc2626}.main-content2{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:800px}.chat-container{background:#f8f8f8;background:var(--neutral-50);border:1px solid #e8e8e8;border:1px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.chat-header{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);color:#fff;padding:1.5rem;text-align:center}.chat-messages{max-height:400px;overflow-y:auto;padding:1.5rem}.chat-message{border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;max-width:80%;padding:1rem}.chat-message.user{background:#e0f2fe;background:var(--primary-100);border-bottom-right-radius:.375rem;border-bottom-right-radius:var(--radius-sm);color:#075985;color:var(--primary-800);margin-left:auto}.chat-message.bot{background:#fff;border:1px solid #e8e8e8;border:1px solid var(--neutral-200);border-bottom-left-radius:.375rem;border-bottom-left-radius:var(--radius-sm);color:#262626;color:var(--neutral-800)}.chat-input-form{background:#fff;border-top:1px solid #e8e8e8;border-top:1px solid var(--neutral-200);display:flex;gap:.75rem;padding:1.5rem}.chat-input{border:2px solid #e8e8e8;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;font-size:.875rem;padding:.875rem;transition:all .3s ease}.chat-input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.chat-send-button{background:#0284c7;background:var(--primary-600);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.chat-send-button:hover{background:#0369a1;background:var(--primary-700);transform:translateY(-2px)}.mobile-menu-bar{background:#fff;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--neutral-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem 1.5rem}.mobile-menu-icon{border-radius:.5rem;border-radius:var(--radius-md)}.mobile-menu-title{color:#262626;color:var(--neutral-800);font-size:1.125rem}.hamburger-btn{border-radius:.5rem;border-radius:var(--radius-md);color:#525252;color:var(--neutral-600)}.hamburger-btn:hover{background:#f0f0f0;background:var(--neutral-100);color:#262626;color:var(--neutral-800)}.mobile-menu-box{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:none;left:0;padding:2rem 1.5rem;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-box,.mobile-menu-box .menu-item{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--neutral-200)}.mobile-menu-box .menu-item{background:none;border-radius:0;color:#404040;color:var(--neutral-700);margin:0;padding:1rem 0}.mobile-menu-box .menu-item:hover{background:#f8f8f8;background:var(--neutral-50);color:#262626;color:var(--neutral-800)}.logout-button-mobile{background:#ef4444!important;background:var(--error-500)!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#fff!important;margin-top:1rem}.data-mode-notification{background:linear-gradient(135deg,#fffbeb 0,var(--warning-100) 100%);background:linear-gradient(135deg,var(--warning-50) 0,var(--warning-100) 100%);border:1px solid var(--warning-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#d97706;color:var(--warning-600)}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:1.5rem}.metrics-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bottom-sections-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}.mobile-menu-bar{display:flex}.metrics-grid{gap:1rem;grid-template-columns:1fr}.chart-legend-vertical{flex-direction:column;gap:1rem}.chart-wrapper-pizza{max-width:100%}.device-control-item{align-items:stretch;flex-direction:column;gap:1rem}.device-toggle-button{width:100%}.schedule-shutdown-card{margin:0;max-width:100%}}@media (max-width:480px){.main-content{padding:.75rem}.main-content h1{font-size:2rem}.main-content h2{font-size:1.5rem}.metric-card{padding:1.25rem}.metric-card p{font-size:1.5rem}.chart-card-main{padding:1.5rem}.view-mode-buttons{flex-direction:column;width:100%}.active-view-button,.view-button{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0f0f0;background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:#d3d3d3;background:var(--neutral-300);border-radius:.375rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#a3a3a3;background:var(--neutral-400)}.dashboard-container{background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%)}.sidebar{background:linear-gradient(180deg,var(--primary-800) 0,var(--primary-900) 100%);border-right:1px solid var(--primary-700);box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:2rem 0;position:fixed;top:0;width:280px;z-index:100}.dashboard-container{display:flex;min-height:100vh}.logo-icon-sidebar{margin-bottom:2rem;padding:0 1rem;text-align:center}.menu-item{align-items:center;border-left:4px solid #0000;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:1rem;letter-spacing:.5px;padding:1rem 2rem;transition:all .3s ease}.menu-item:hover{background:#ffffff1a;border-left-color:var(--accent-400);transform:translateX(4px)}.menu-item.active{background:linear-gradient(90deg,var(--accent-500) 0,var(--accent-600) 100%);border-left-color:var(--accent-300);box-shadow:0 4px 12px #00bcd44d}.menu-item img{height:24px;object-fit:contain;width:24px}.sidebar-bottom{margin-top:auto;padding:1rem 2rem}.logout-button-sidebar{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.logout-button-sidebar:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.mobile-menu-bar{align-items:center;background:#0369a1;box-shadow:0 2px 12px #0000001a;color:#fff;display:none;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:200}.mobile-menu-container{position:relative}.mobile-menu-icon{height:32px;width:32px}.mobile-menu-title{font-size:1.1rem;font-weight:600}.hamburger-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.hamburger-btn:hover{background:#ffffff1a}.mobile-sidebar-overlay{background:#00000080;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:9998}.mobile-sidebar{background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-900) 100%);box-shadow:0 4px 20px #0000004d;color:#fff;height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease-out;width:280px;z-index:9999}.mobile-sidebar.open{left:0}.mobile-sidebar-header{align-items:center;background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.mobile-sidebar-title{color:#fff;font-size:1.2rem;font-weight:600}.mobile-sidebar-close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .2s ease}.mobile-sidebar-close-btn:hover{background-color:#ffffff1a}.mobile-sidebar-content{padding:1rem 0}.mobile-sidebar-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:1rem 1.5rem;transition:background-color .2s ease}.mobile-sidebar-item:last-child{border-bottom:none}.mobile-sidebar-item:hover{background-color:#ffffff1a}.mobile-sidebar-logout{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border-radius:8px;font-weight:600;justify-content:center;margin:1rem;text-align:center}.main-content{flex:1 1;margin-left:280px;overflow-y:auto;padding:2rem}@media (max-width:949px){.sidebar{display:none}.main-content{margin-left:0;padding:2rem}.mobile-menu-bar{background:#0369a1;border-bottom:1px solid #ffffff1a;display:flex;left:0;position:fixed;right:0;top:0;z-index:998}}@media (max-width:700px){.main-content{margin-top:70px;overflow-x:hidden;padding:1rem;position:relative;width:100%;z-index:1}}.data-mode-notification{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);border:1px solid var(--warning-400);border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;font-weight:500;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.main-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-500) 100%);-webkit-background-clip:text;background-clip:text;color:var(--neutral-900);font-size:2rem;font-weight:700;margin-bottom:2rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,var(--primary-500) 0,var(--accent-500) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.metric-card h3{color:#000;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.metric-card p{color:#0369a1;font-size:2rem;font-weight:700;margin:0}.chart-area-main{margin-bottom:2rem}.chart-card-main{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.chart-container-wrapper{height:400px;margin:1.5rem 0;position:relative}.view-mode-buttons{background:var(--neutral-100);border-radius:12px;gap:.5rem;margin-bottom:1.5rem;width:-webkit-fit-content;width:fit-content}.view-button{background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.view-button:hover{background:var(--neutral-200);color:#000}.active-view-button{background:linear-gradient(135deg,var(--primary-500) 0,var(--accent-500) 100%);color:#000!important}.active-view-button,.expand-chart-button{box-shadow:0 4px 12px #00bcd44d;font-weight:600}.expand-chart-button{background:#fff;border:none;border-radius:12px;color:#000;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.expand-chart-button:hover{box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}.chart-loading-message{color:var(--neutral-600);font-style:italic;padding:2rem;text-align:center}.bottom-sections-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.bottom-card{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.bottom-card h3{color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.consumption-by-type-card{display:flex;flex-direction:column}.chart-legend-vertical{align-items:center;display:flex;gap:2rem}.chart-wrapper-pizza{flex-shrink:0;height:200px;width:200px}.legend-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.legend-item{align-items:center;display:flex;font-size:.9rem;gap:.75rem}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-label{color:var(--neutral-700);font-weight:500}.legend-value{color:var(--neutral-900);font-weight:600;margin-left:auto}.suggestions-description{color:#404040;font-size:.9rem;margin-bottom:1.5rem}.device-suggestion-list{list-style:none;margin:0;padding:0}.device-suggestion-list li{background:var(--neutral-50);border-left:4px solid var(--accent-400);border-radius:8px;font-size:.9rem;line-height:1.5;margin-bottom:.75rem;padding:1rem}.device-suggestion-list li:last-child{margin-bottom:0}.device-suggestion-list strong{color:var(--neutral-900);font-weight:600}.no-suggestions-message{border-left-color:var(--neutral-400)!important;color:var(--neutral-500);font-style:italic;text-align:center}.energy-control-section{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.energy-control-section h3{color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.device-feedback-message{background:hsla(0,0%,55%,.965);border-radius:12px;color:#adff2f;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.device-control-list{display:flex;flex-direction:column;gap:1rem}.device-control-item{align-items:center;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.device-control-item:hover{background:var(--neutral-100);transform:translateX(4px)}.device-control-name{color:var(--neutral-900);font-size:1.1rem;font-weight:600}.device-control-buttons{display:flex;gap:.75rem}.device-toggle-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.device-toggle-button.power-on{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);box-shadow:0 4px 12px #22c55e4d;color:#fff}.device-toggle-button.power-on:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.device-toggle-button.power-off{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);box-shadow:0 4px 12px #ef44444d;color:#fff}.device-toggle-button.power-off:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.device-toggle-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.no-devices-message{color:var(--neutral-500);font-style:italic;padding:2rem;text-align:center}.schedule-shutdown-card{background:var(--neutral-300);border-radius:16px;box-shadow:0 8px 30px #d3d3d3;color:#fff;margin:2rem auto 0;max-width:500px;padding:2rem}.schedule-card-title{font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin:0 0 1.5rem;text-align:center}.schedule-shutdown-card h2{background-color:#0a0a0a;color:#0a0a0a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#f5f3f3;display:block;font-size:1rem;font-weight:600}.form-group input[type=time]{background:#23243a;border:2px solid var(--primary-600);border-radius:8px;color:#e9e2e4;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input[type=time]:focus{background-color:#23243a;border-color:#23243a;box-shadow:0 0 0 3px #00bcd433;outline:none}.form-group input[type=checkbox]{accent-color:var(--accent-500);height:18px;margin-right:.5rem;width:18px}.schedule-button{background:#0369a1;border:none;border-radius:12px;box-shadow:0 4px 12px #00bcd44d;color:#131212;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.schedule-button:hover{box-shadow:0 6px 20px #00bcd466;transform:translateY(-2px)}.reports-section{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.report-summary-card{background:#fff;border:1px solid var(--info-200);border-radius:12px;margin-bottom:2rem;padding:2rem}.report-summary-card h3{color:var(--info-900);margin-bottom:1rem}.report-summary-card p{background-color:#fff;color:var(--info-800);font-size:.95rem;margin-bottom:.5rem}.reports-section h3{color:#000}.overall-report-message{background:var(--neutral-300);border-left:4px solid var(--info-400);border-radius:8px;color:var(--info-900);font-weight:500;margin-top:1rem;padding:1rem}.energy-realtime-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;margin-bottom:2rem;padding:2rem}.energy-realtime-card h3{color:var(--neutral-900);font-size:1.1rem;margin-bottom:1.5rem}.energy-realtime-table{border-collapse:collapse;text-align:center;width:100%}.energy-realtime-table td{border-bottom:1px solid var(--neutral-200);font-size:.9rem;padding:.75rem}.energy-realtime-table td:first-child{color:var(--neutral-700);font-weight:600;width:40%}.energy-realtime-table td:last-child{color:var(--neutral-900);font-weight:500}.device-report-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.device-report-item{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;padding:1.5rem}.device-report-item h4{color:var(--neutral-900);font-size:1.1rem;margin-bottom:1rem}.device-report-item p{color:var(--neutral-700);font-size:.9rem;margin-bottom:.5rem}.status-on-text{color:var(--success-600);font-weight:600}.status-off-text{color:var(--error-600);font-weight:600}.impact-positive{color:var(--success-600);font-weight:600}.impact-negative{color:var(--error-600);font-weight:600}.no-reports-message{color:var(--neutral-500);font-style:italic;padding:2rem;text-align:center}.main-content2{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);border-radius:16px;color:#fff;min-height:calc(100vh - 4rem);overflow:hidden;padding:2rem;position:relative}.main-content2:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.ecobot-container{background:#0000;max-width:600px;min-width:340px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.ecobot-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.ecobot-header-img{height:120px;margin-left:140px;object-fit:contain;width:120px}.ecobot-chat-container{background:var(--neutral-800);border:1px solid var(--neutral-700);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;min-height:320px;min-width:320px;overflow:hidden;padding:1.5rem;position:relative;width:100%;z-index:1}.ecobot-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin-bottom:1rem;overflow-y:auto}.ecobot-message{align-items:flex-start;border-radius:8px;display:flex;gap:.75rem;max-width:80%;padding:.75rem}.ecobot-message.ecobot{align-self:flex-start;background:#00bcd41a;border:1px solid #00bcd433}.ecobot-message.user{align-self:flex-end;background:#ffffff1a;border:1px solid #fff3;flex-direction:row-reverse}.ecobot-chat-avatar,.user-chat-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.user-chat-avatar{align-items:center;background:var(--accent-500);color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center}.ecobot-message-text{color:var(--accent-400);font-size:.9rem;line-height:1.5;text-align:left;white-space:pre-wrap}.user-message-text{color:#fff;font-size:.9rem;line-height:1.5;text-align:right}.ecobot-input-form{display:flex;gap:.75rem;margin-top:auto;position:relative;z-index:5}.ecobot-input{background:var(--neutral-700);border:1px solid var(--neutral-600);border-radius:8px;color:#fff;cursor:text;flex:1 1;font-size:.9rem;outline:none;padding:.75rem 1rem;position:relative;transition:all .3s ease;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;z-index:10}.ecobot-input:focus{background:var(--neutral-600);border-color:var(--accent-400);box-shadow:0 0 0 2px #00bcd433;outline:none}.ecobot-input::placeholder{color:var(--neutral-400)}.ecobot-send-button{background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.ecobot-send-button:hover{box-shadow:0 4px 12px #00bcd44d;transform:translateY(-1px)}.settings-section{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.settings-section h2{color:var(--neutral-900);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.user-settings-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.user-settings-card h3{color:var(--neutral-900);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.user-settings-card p{color:var(--neutral-700);font-size:.95rem;margin-bottom:.5rem}.edit-profile-button{background:#0ea5e9;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.edit-profile-button:hover{box-shadow:0 4px 12px #00bcd44d;transform:translateY(-1px)}.settings-note{color:var(--neutral-500);font-size:.85rem;font-style:italic;margin-top:1rem}.tasmota-settings-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;padding:1.5rem}.tasmota-settings-card h3{color:var(--neutral-900);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.device-management-description{color:var(--neutral-600);font-size:.9rem;margin-bottom:1rem}.add-device-btn,.refresh-devices-btn{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:.5rem;margin-right:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-device-btn:hover,.refresh-devices-btn:hover{box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-1px)}.admin-only-message{background:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:8px;color:var(--neutral-500);font-style:italic;padding:1rem;text-align:center}.settings-logout-section{border-top:1px solid var(--neutral-200);display:flex;justify-content:center;margin-top:2rem;padding:1.5rem 0;width:100%}.settings-logout-button{align-items:center;background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.settings-logout-button:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.logout-icon{font-size:1.2rem}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-card{background:var(--neutral-300);border-radius:16px;box-shadow:0 8px 32px #0003;max-width:500px;padding:2rem;width:90%}.modal-card h3{color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.modal-card p{color:var(--neutral-700);line-height:1.5;margin-bottom:1.5rem}.modal-card input{border:2px solid var(--neutral-200);border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.modal-card input:focus{border-color:var(--accent-400);box-shadow:0 0 0 3px #00bcd41a;outline:none}.modal-card label{color:var(--neutral-700);display:block;font-weight:500;margin-bottom:.5rem}.button-group{margin-top:1.5rem}.button-group.small-buttons{flex-direction:column}.cancel-button,.delete-button,.submit-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.submit-button{background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%)}.submit-button:hover{box-shadow:0 4px 12px #00bcd44d;transform:translateY(-1px)}.cancel-button{background:linear-gradient(135deg,var(--neutral-200) 0,var(--neutral-300) 100%)}.cancel-button:hover{background:linear-gradient(135deg,var(--neutral-300) 0,var(--neutral-400) 100%)}.delete-button{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);color:#fff}.delete-button:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-account-button{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);color:#fff}.delete-account-button:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.small-btn{font-size:.9rem;padding:.5rem 1rem}@media (max-width:1200px){.bottom-sections-grid{grid-template-columns:1fr}.chart-legend-vertical{flex-direction:column;text-align:center}.chart-wrapper-pizza{margin:0 auto}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.device-control-item{flex-direction:column;gap:1rem;text-align:center}.device-toggle-button{margin-left:0;width:100%}.view-mode-buttons{flex-wrap:wrap}.device-report-list{grid-template-columns:1fr}}@media (max-width:480px){.main-content{padding:1rem}.bottom-card,.chart-card-main,.metric-card{padding:1.5rem}}@media screen and (max-width:950px){.ecobot-header-img{height:90px;margin-left:2px;object-fit:contain;width:90px}}@media screen and (max-width:800px){.ecobot-header-img{height:140px;margin-left:40px;object-fit:contain;width:140px}}@media screen and (max-width:850px){.ecobot-header-img{height:140px;margin-left:100px;object-fit:contain;width:140px}}@media screen and (max-width:400px){.ecobot-header-img{height:140px;margin-right:160px;object-fit:contain;width:140px}}@media screen and (max-width:600px){.ecobot-header-img{height:140px;margin-right:160px;object-fit:contain;width:140px}}@media (max-width:500px){.ecobot-header{padding:1rem}.ecobot-send-button{margin:.25rem -.5rem}.ecobot-message-text{font-size:.7rem;line-height:1.2}.ecobot-header-img{margin-right:120px}}@media (max-width:320px){.main-content2{padding:0}.ecobot-header{padding:1rem 90px 1rem 1rem}.ecobot-send-button{margin:-14px}}@media (max-width:360px){.main-content2{padding:0}.ecobot-header{padding:1rem 90px 1rem 1rem}.ecobot-send-button{margin:-14px}}@media (max-width:375px){.main-content2{padding:0}.ecobot-header{padding:1rem 0 1rem 1rem}.ecobot-send-button{margin:-14px}}@media (max-width:390px){.main-content2{padding:0}.ecobot-header{padding:1rem 0 1rem 1rem}.ecobot-send-button{margin:-14px}}@media (max-width:414px){.main-content2{padding:0}.ecobot-header{padding:1rem 1rem 1rem 45px}.ecobot-send-button{margin:-14px}}@media (max-width:768px){.ecobot-header{padding-right:50px}.main-content{padding-top:120px}}.custom-alert-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.custom-alert{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#2a2a4a,#3a3a5e);border:2px solid #4a4a7e;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:400px;overflow:hidden;width:90%}.custom-alert-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:20px 24px 16px;position:relative}.custom-alert-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;margin-right:12px}.custom-alert-title{color:#fff;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.custom-alert-close{align-items:center;background:none;border:none;border-radius:50%;color:#bbb;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.custom-alert-close:hover{background:#ffffff1a;color:#fff;transform:translateY(-50%) scale(1.1)}.custom-alert-content{padding:20px 24px}.custom-alert-message{color:#e0e0e0;font-size:1rem;line-height:1.5;margin:0;text-align:center}.custom-alert-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:16px 24px 24px}.custom-alert-button{background:linear-gradient(135deg,#00bcd4,#0097a7);border:none;border-radius:8px;box-shadow:0 4px 12px #00bcd44d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:12px 32px;transition:all .2s ease}.custom-alert-button:hover{box-shadow:0 6px 16px #00bcd466;transform:translateY(-2px)}.custom-alert-button:active{transform:translateY(0)}.custom-alert-success{border-color:#4caf50}.custom-alert-success .custom-alert-header{background:linear-gradient(135deg,#4caf501a,#4caf500d)}.custom-alert-success .custom-alert-button{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf504d}.custom-alert-success .custom-alert-button:hover{box-shadow:0 6px 16px #4caf5066}.custom-alert-error{border-color:#f44336}.custom-alert-error .custom-alert-header{background:linear-gradient(135deg,#f443361a,#f443360d)}.custom-alert-error .custom-alert-button{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d}.custom-alert-error .custom-alert-button:hover{box-shadow:0 6px 16px #f4433666}.custom-alert-warning{border-color:#ff9800}.custom-alert-warning .custom-alert-header{background:linear-gradient(135deg,#ff98001a,#ff98000d)}.custom-alert-warning .custom-alert-button{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff98004d}.custom-alert-warning .custom-alert-button:hover{box-shadow:0 6px 16px #ff980066}.custom-alert-info{border-color:#2196f3}.custom-alert-info .custom-alert-header{background:linear-gradient(135deg,#2196f31a,#2196f30d)}.custom-alert-info .custom-alert-button{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f34d}.custom-alert-info .custom-alert-button:hover{box-shadow:0 6px 16px #2196f366}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.custom-alert{margin:20px;width:95%}.custom-alert-header{padding:16px 20px 12px}.custom-alert-content{padding:16px 20px}.custom-alert-footer{padding:12px 20px 20px}.custom-alert-title{font-size:1.2rem}.custom-alert-message{font-size:.95rem}.custom-alert-button{font-size:.95rem;padding:10px 24px}}.create-account-container{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.create-account-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.create-account-background-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(241, 115, 12, 0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0}.create-account-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:480px;padding:3rem;position:relative;width:100%;z-index:1}.create-account-header{margin-bottom:2.5rem;text-align:center}.create-account-logo{align-items:center;display:flex;flex-direction:column;gap:1rem}.create-account-logo-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:64px;width:64px}.create-account-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--energy-500) 0,var(--primary-600) 100%);-webkit-background-clip:text;background-clip:text;color:var(--neutral-900);font-size:2.5rem;font-weight:800;margin:0}.create-account-subtitle{color:var(--neutral-600);font-size:1rem;font-weight:500;margin:0}.create-account-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-label{color:var(--neutral-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-input{background:var(--neutral-200);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);color:var(--neutral-800);font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.form-input:focus{border-color:var(--energy-500);box-shadow:0 0 0 3px #f1730c1a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:var(--neutral-400)}.error-message{background:var(--error-50);border-radius:var(--radius-lg);color:var(--error-600);font-size:.875rem;padding:.875rem 1rem;text-align:center}.create-account-button{background:linear-gradient(135deg,var(--energy-500) 0,var(--energy-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.create-account-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.create-account-button:active:not(:disabled){transform:translateY(0)}.create-account-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{align-items:center;display:flex;gap:.75rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.create-account-footer{margin-top:2rem;text-align:center}.create-account-footer-text{color:var(--neutral-600);font-size:.875rem;margin-bottom:1rem}.create-account-footer-link{color:var(--energy-600);font-weight:600;text-decoration:none;transition:color .3s ease}.create-account-footer-link:hover{color:var(--energy-700);text-decoration:underline}.create-account-back-link{align-items:center;color:var(--neutral-500);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s ease}.create-account-back-link:hover{color:var(--neutral-700)}@media (max-width:480px){.create-account-container{padding:1rem}.create-account-card{padding:2rem 1.5rem}.create-account-title{font-size:2rem}.create-account-subtitle{font-size:.875rem}.form-input{padding:.875rem 1rem}.create-account-button{font-size:1rem;padding:.875rem 1.25rem}}@media (max-width:360px){.create-account-card{padding:1.5rem 1rem}.create-account-title{font-size:1.75rem}.create-account-logo-img{height:56px;width:56px}}.add-device-page-container{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.add-device-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.add-device-background-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(0,0,0,0.03)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.add-device-content{max-width:800px;position:relative;width:100%;z-index:1}.add-device-header{margin-bottom:2rem;text-align:center}.add-device-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.add-device-logo img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:48px;width:48px}.add-device-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-500) 100%);-webkit-background-clip:text;background-clip:text;color:var(--neutral-900);font-size:1.75rem;font-weight:700;margin:0}.add-device-header h2{color:var(--neutral-800);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.add-device-header p{color:var(--neutral-600);font-size:1rem;margin:0}.add-device-card{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:20px;box-shadow:0 8px 40px #0000001a;margin-bottom:2rem;overflow:hidden}.card-header{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);color:#fff;padding:2rem;position:relative;text-align:center}.card-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5' cy='5' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.card-icon svg{color:#fff;height:32px;width:32px}.card-header h3{font-size:1.5rem;font-weight:600;margin:0;position:relative;z-index:1}.device-form{padding:2rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:var(--neutral-700);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.label-icon{font-size:1.1rem}.optional{color:var(--neutral-500);font-size:.8rem;font-weight:400;margin-left:auto}.form-group input,.form-group select{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:12px;color:var(--neutral-900);font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:var(--neutral-200);border-color:var(--accent-400);box-shadow:0 0 0 3px #00bcd41a;outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:var(--neutral-400)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.error-message{align-items:center;background:linear-gradient(135deg,var(--error-50) 0,var(--error-100) 100%);border:1px solid var(--error-200);border-radius:12px;color:var(--error-700);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-message svg{color:var(--error-600);flex-shrink:0;height:20px;width:20px}.button-group{display:flex;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.submit-button{background:#2cd4eb;box-shadow:0 4px 12px #00bcd44d;color:#fff}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #00ddfa;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.cancel-button{background:#f53f3f;border:1px solid var(--neutral-300);color:var(--neutral-700)}.cancel-button:hover{background:hwb(0 18% 5%);color:var(--neutral-800);transform:translateY(-1px)}.cancel-button svg,.loading-spinner,.submit-button svg{height:20px;width:20px}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-device-info{margin-top:2rem}.info-card{background:linear-gradient(135deg,var(--info-50) 0,var(--info-100) 100%);border:1px solid var(--info-200);border-radius:16px;padding:2rem;text-align:center}.info-icon{align-items:center;background:var(--info-500);border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.info-icon svg{color:#fff;height:24px;width:24px}.info-card h4{color:var(--info-900);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.info-card ul{list-style:none;margin:0;padding:0;text-align:left}.info-card li{color:var(--info-800);font-size:.9rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-card li:before{color:var(--info-600);content:"✓";font-size:.8rem;font-weight:700;left:0;position:absolute;top:.5rem}@media (max-width:768px){.add-device-page-container{padding:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.button-group{flex-direction:column}.add-device-logo h1{font-size:1.5rem}.card-header,.device-form{padding:1.5rem}}@media (max-width:480px){.add-device-page-container{padding:.5rem}.card-header,.device-form{padding:1rem}.add-device-logo{flex-direction:column;gap:.5rem}.add-device-logo img{height:40px;width:40px}}.fullscreen-chart-container{background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-900) 100%);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.fullscreen-chart-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.fullscreen-chart-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.fullscreen-chart-header{background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);border-bottom:1px solid var(--primary-600);color:#fff;padding:2rem;position:relative;text-align:center;z-index:1}.fictional-data-message{background-color:#ff980033;border-left:4px solid #ff9800;border-radius:4px;margin-top:1rem;padding:.75rem 1rem;text-align:center}.fictional-data-message p{color:#fff;font-size:.9rem;font-weight:500;margin:0}.header-content{margin:0 auto;max-width:1200px}.header-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.header-logo img{border-radius:12px;box-shadow:0 4px 12px #0003;height:48px;width:48px}.header-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-400) 0,var(--accent-500) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0}.fullscreen-chart-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.fullscreen-chart-header p{color:var(--neutral-200);font-size:1rem;margin:0}.fullscreen-chart-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:2rem;position:relative;width:100%;z-index:1}.chart-controls{display:flex;justify-content:center;margin-bottom:2rem}.view-mode-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;padding:.5rem}.view-mode-button{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--neutral-200);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.view-mode-button:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.view-mode-button.active{background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%);box-shadow:0 4px 12px #00bcd44d;color:#fff}.button-icon{font-size:1.2rem}.chart-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d3d3d31a;border:1px solid #d3d3d333;border-radius:20px;box-shadow:0 8px 32px #0003;height:100%;max-height:600px;max-width:1200px;padding:2rem;width:100%}.chart-footer{margin-top:2rem}.back-button,.chart-footer{display:flex;justify-content:center}.back-button{align-items:center;background:#f0eaea;border:none;border-radius:12px;box-shadow:0 4px 12px #0003;color:#000;cursor:pointer;font-size:1rem;font-weight:600;gap:.75rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.back-button:hover{background:#7dd3fc;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.back-button svg{height:20px;width:20px}@media (max-width:1024px){.chart-container,.fullscreen-chart-content{padding:1.5rem}.view-mode-buttons{flex-wrap:wrap;justify-content:center}.view-mode-button{min-width:100px;padding:.5rem 1rem}}@media (max-width:768px){.fullscreen-chart-header{padding:1.5rem 1rem}.header-logo{flex-direction:column;gap:.5rem}.header-logo h2{color:#fff;font-size:1.5rem}.fullscreen-chart-header h2{font-size:1.25rem}.fullscreen-chart-content{padding:1rem}.view-mode-buttons{flex-direction:column;max-width:300px;width:100%}.view-mode-button{justify-content:center;width:100%}.chart-container{border-radius:16px;padding:1rem}.back-button{max-width:300px;width:100%}}@media (max-width:480px){.fullscreen-chart-header{padding:1rem}.header-logo img{height:40px;width:40px}.header-logo h1{font-size:1.25rem}.fullscreen-chart-header h2{font-size:1.1rem}.fullscreen-chart-header p{font-size:.9rem}.fullscreen-chart-content{padding:.5rem}.chart-controls{margin-bottom:1rem}.chart-container{border-radius:12px;padding:.75rem}.chart-footer{margin-top:1rem}.back-button{font-size:.9rem;padding:.75rem 1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fullscreen-chart-container{animation:fadeIn .5s ease-out}.chart-container{animation:fadeIn .5s ease-out .2s both}.fullscreen-chart-container::-webkit-scrollbar{width:8px}.fullscreen-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.fullscreen-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.fullscreen-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.homepage-container{background:linear-gradient(135deg,var(--neutral-50) 0,var(--neutral-100) 100%);min-height:100vh}.hero-section{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);color:#fff;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-logo{margin-bottom:2rem}.hero-logo-img{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);height:80px;margin-bottom:1rem;width:80px}.hero-title{align-items:center;display:flex;flex-direction:column;font-size:3.5rem;font-weight:800;gap:.5rem;line-height:1.1;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;font-weight:400;line-height:1.4;max-width:600px;opacity:.9}.hero-description{font-size:1.125rem;line-height:1.6;margin:0 auto 3rem;max-width:700px;opacity:.95}.hero-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.feature-item:hover{background:#ffffff26;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.cta-section{background:var(--neutral-300);padding:4rem 2rem;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-content h2{color:var(--neutral-900);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{color:var(--neutral-600);font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:1.125rem;font-weight:600;justify-content:center;min-width:180px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:var(--shadow-lg);color:#fff}.cta-button.primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.cta-button.secondary{background:var(--neutral-300);border:2px solid var(--primary-200);color:var(--primary-600)}.cta-button.secondary:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-2px)}.features-section{background:var(--neutral-50);padding:4rem 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:var(--neutral-300);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,var(--primary-500) 0,var(--energy-500) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.feature-card-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--neutral-800);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:var(--neutral-600);font-size:1rem;line-height:1.6}.footer-section{background:var(--neutral-900);color:var(--neutral-300);padding:1rem;text-align:center}.footer-content p{font-size:.875rem;margin-bottom:.5rem}.footer-content p:last-child{margin-bottom:0;opacity:.7}@media (max-width:768px){.hero-section{padding:3rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-description{font-size:1rem;margin-bottom:2rem}.hero-features{gap:1rem;grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}.features-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.feature-card{padding:1.5rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-content h2{font-size:1.75rem}.feature-card{padding:1.25rem}.feature-card-icon{font-size:2.5rem}}@media (min-width:600px){.features-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.32f84210.css.map*/