@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{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}.login-container{align-items:center;background:#1d1543;background:rgb(29 21 67/var(--tw-bg-opacity,1));display:flex;justify-content:center;min-height:100vh;padding:var(--chargee-space-lg);position:relative}.login-container:before{background:radial-gradient(circle at 20% 80%,#00bfa51a 0,#0000 50%),radial-gradient(circle at 80% 20%,#1976d21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--chargee-white);border:1px solid #fff3;border-radius:var(--chargee-radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;max-width:420px;padding:var(--chargee-space-2xl);position:relative;width:100%;z-index:1}.login-header{margin-bottom:var(--chargee-space-xl);text-align:center}.login-logo{justify-content:center;margin-bottom:var(--chargee-space-md)}.login-header h1{color:var(--chargee-gray-900);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--chargee-space-sm) 0}.login-header p{color:var(--chargee-gray-600);font-size:16px;font-weight:400;margin:0}.login-form{gap:var(--chargee-space-lg)}.form-group,.login-form{display:flex;flex-direction:column}.checkbox-group,.form-group{gap:var(--chargee-space-sm)}.checkbox-group{align-items:center;flex-direction:row}.form-group label{color:var(--chargee-gray-700);font-size:14px;font-weight:500;letter-spacing:.1px}.form-group input{background-color:var(--chargee-white);border:2px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);box-shadow:inset 0 1px 3px #0000001a;font-family:var(--chargee-font-primary);font-size:16px;padding:var(--chargee-space-md) var(--chargee-space-lg);transition:all .2s ease}.form-group input:focus{border-color:var(--chargee-green);box-shadow:0 0 0 3px #00bfa51a,inset 0 1px 3px #0000001a;outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:var(--chargee-gray-400)}.checkbox-label{align-items:center;color:var(--chargee-gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:400}.checkbox-input{accent-color:var(--chargee-green);border-radius:var(--chargee-radius-sm);cursor:pointer;height:18px;margin-right:var(--chargee-space-sm);transition:all .2s ease;width:18px}.checkbox-input:checked{background-color:var(--chargee-green);border-color:var(--chargee-green)}.checkbox-text{-webkit-user-select:none;user-select:none}.error-message{background:#f443361a;border:1px solid #f4433633;border-radius:var(--chargee-radius-md);color:var(--chargee-error);font-size:14px;padding:var(--chargee-space-md);text-align:center}.login-button{background:linear-gradient(135deg,var(--chargee-green) 0,var(--chargee-green-dark) 100%);border:none;border-radius:var(--chargee-radius-md);box-shadow:0 4px 14px #00bfa54d,inset 0 1px 0 #fff3;color:var(--chargee-white);cursor:pointer;font-family:var(--chargee-font-primary);font-size:16px;font-weight:600;letter-spacing:.2px;overflow:hidden;padding:var(--chargee-space-md) var(--chargee-space-lg);position:relative;transition:all .2s ease}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--chargee-green-dark) 0,var(--chargee-green) 100%);box-shadow:0 8px 25px #00bfa566,inset 0 1px 0 #fff3;transform:translateY(-2px)}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.login-container{padding:var(--chargee-space-md)}.login-card{padding:var(--chargee-space-xl)}.login-header h1{font-size:28px}}.dashboard{background-color:var(--chargee-gray-100);min-height:100vh}.dashboard-header{background:var(--chargee-white);border-bottom:1px solid var(--chargee-gray-200);box-shadow:var(--chargee-shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;max-width:1400px;padding:var(--chargee-space-lg) var(--chargee-space-xl)}.user-info{align-items:center;display:flex;gap:var(--chargee-space-lg)}.user-details{align-items:flex-end;display:flex;flex-direction:column;gap:var(--chargee-space-xs)}.user-details span:first-child{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.role-badge{border-radius:var(--chargee-radius-lg);font-size:10px;font-weight:600;letter-spacing:.5px;padding:var(--chargee-space-xs) var(--chargee-space-sm);text-transform:uppercase}.role-admin{background:#f443361a;color:var(--chargee-error)}.role-user{background:#00bfa51a;color:var(--chargee-green-dark)}.logout-button{background:var(--chargee-error);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.logout-button:hover{background:#d32f2f;transform:translateY(-1px)}.dashboard-main{margin:0 auto;max-width:1400px}.admin-section,.dashboard-main{padding:var(--chargee-space-xl)}.admin-section{background:var(--chargee-white);border-left:4px solid var(--chargee-green);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-lg)}.admin-section h2{border-bottom:2px solid var(--chargee-gray-200);color:var(--chargee-gray-900);font-size:20px;font-weight:600;margin:0 0 var(--chargee-space-lg) 0;padding-bottom:var(--chargee-space-md)}.admin-tools{display:flex;flex-direction:column;gap:var(--chargee-space-lg)}.query-box{background:var(--chargee-gray-100);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-lg)}.query-box h3{color:var(--chargee-gray-900);font-size:16px;font-weight:600;margin:0 0 var(--chargee-space-sm) 0}.query-box p{color:var(--chargee-gray-600);font-size:14px;margin:0 0 var(--chargee-space-md) 0}.query-controls{display:flex;gap:var(--chargee-space-md);margin-bottom:var(--chargee-space-md)}.query-input{border:2px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);flex:1 1;font-family:var(--chargee-font-primary);font-size:14px;padding:var(--chargee-space-md);transition:all .2s ease}.query-input:focus{border-color:var(--chargee-green);box-shadow:0 0 0 3px #00bfa51a;outline:none}.query-button{background:var(--chargee-blue);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-md) var(--chargee-space-lg);transition:all .2s ease}.query-button:hover:not(:disabled){background:var(--chargee-blue-dark);transform:translateY(-1px)}.query-button:disabled{cursor:not-allowed;opacity:.7}.query-result{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-md)}.query-result h4{color:var(--chargee-gray-900);font-size:14px;font-weight:600;margin:0 0 var(--chargee-space-md) 0}.sparky-result{background:#00bfa50d;border:1px solid var(--chargee-green-lighter);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-md)}.sparky-result h5{color:var(--chargee-green-dark);font-size:16px;font-weight:600;margin:0 0 var(--chargee-space-md) 0}.sparky-info{display:flex;flex-direction:column;gap:var(--chargee-space-sm);margin-bottom:var(--chargee-space-md)}.info-item{justify-content:space-between}.info-item .label{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.info-item .value{color:var(--chargee-gray-900);font-size:14px;font-weight:600}.view-sparky-button{background:var(--chargee-green);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.view-sparky-button:hover{background:var(--chargee-green-dark);transform:translateY(-1px)}.address-result{background:var(--chargee-gray-100);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-md)}.address-result h5{color:var(--chargee-gray-900);font-size:16px;font-weight:600;margin:0 0 var(--chargee-space-md) 0}.dashboard-grid{grid-gap:var(--chargee-space-xl);display:grid;gap:var(--chargee-space-xl);grid-template-columns:1fr 1fr 1fr}.dashboard-grid,.section{margin-bottom:var(--chargee-space-xl)}.section{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);padding:var(--chargee-space-xl)}.section-full-width{max-width:100%;width:100%}.section-header{flex-wrap:wrap;gap:var(--chargee-space-sm)}.analytics-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--chargee-space-md)}.analytics-timestamp{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.addresses-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--chargee-space-md)}.addresses-timestamp{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.refresh-addresses-button{align-items:center;background:#0000;border:1px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);color:var(--chargee-gray-600);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:var(--chargee-space-xs);padding:var(--chargee-space-xs) var(--chargee-space-sm);transition:all .2s ease}.refresh-addresses-button:hover:not(:disabled){background:var(--chargee-gray-50);border-color:var(--chargee-gray-400);color:var(--chargee-gray-700)}.refresh-addresses-button:disabled{background:#0000;border-color:var(--chargee-gray-200);color:var(--chargee-gray-400);cursor:not-allowed;opacity:.5}.refresh-analytics-button{align-items:center;background:#0000;border:1px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);color:var(--chargee-gray-600);cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:var(--chargee-space-xs);padding:var(--chargee-space-xs) var(--chargee-space-sm);transition:all .2s ease}.refresh-analytics-button:hover:not(:disabled){background:var(--chargee-gray-50);border-color:var(--chargee-gray-400);color:var(--chargee-gray-700)}.refresh-analytics-button:disabled{background:#0000;border-color:var(--chargee-gray-200);color:var(--chargee-gray-400);cursor:not-allowed;opacity:.5}.section h2{color:var(--chargee-gray-900);font-size:20px;font-weight:600;margin:0}.section-count{color:var(--chargee-gray-500);font-size:14px;font-weight:500}.search-box{margin-bottom:var(--chargee-space-md)}.search-input{border:2px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);font-family:var(--chargee-font-primary);font-size:14px;padding:var(--chargee-space-md);transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--chargee-green);box-shadow:0 0 0 3px #00bfa51a;outline:none}.search-input::placeholder{color:var(--chargee-gray-400)}.analytics-toggle{background:var(--chargee-green);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.analytics-toggle:hover{background:var(--chargee-green-dark);transform:translateY(-1px)}.analytics-grid{grid-gap:var(--chargee-space-md);display:grid;gap:var(--chargee-space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-grid-horizontal{gap:var(--chargee-space-md);grid-template-columns:repeat(7,1fr)}@media (max-width:1400px){.analytics-grid-horizontal{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.analytics-grid-horizontal{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.analytics-grid-horizontal{grid-template-columns:repeat(2,1fr)}}.analytics-card{align-items:center;background:var(--chargee-white);border:2px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);display:flex;gap:var(--chargee-space-md);padding:var(--chargee-space-lg);transition:all .2s ease}.analytics-card:hover{border-color:var(--chargee-green);box-shadow:var(--chargee-shadow-md);transform:translateY(-2px)}.analytics-card[style*=pointer]:hover{background:var(--chargee-gray-50);cursor:pointer}.analytics-icon{font-size:32px;line-height:1}.analytics-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--chargee-space-xs);text-align:center}.analytics-label{color:var(--chargee-gray-600);font-size:12px;font-weight:500;letter-spacing:.2px;text-align:center;text-transform:uppercase;white-space:nowrap;width:100%}.analytics-value{color:var(--chargee-gray-900);font-size:36px;font-weight:700;line-height:1}.analytics-note{background:#2196f31a;border:1px solid #2196f333;border-radius:var(--chargee-radius-md);color:var(--chargee-blue);font-size:13px;margin-bottom:var(--chargee-space-md);padding:var(--chargee-space-sm) var(--chargee-space-md);text-align:center}.analytics-loading{padding:var(--chargee-space-lg)}.analytics-progress-bar{background:var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);height:8px;margin-bottom:var(--chargee-space-md);overflow:hidden;width:100%}.analytics-progress-fill{animation:progress-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--chargee-green),var(--chargee-green-dark));border-radius:var(--chargee-radius-lg);height:100%;transition:width .3s ease}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}.analytics-progress-text{color:var(--chargee-gray-700);font-size:14px;font-weight:500;text-align:center}.analytics-progress-count{color:var(--chargee-gray-500);font-size:13px;font-weight:400}.pagination{align-items:center;border-top:1px solid var(--chargee-gray-200);display:flex;flex-direction:column;gap:var(--chargee-space-sm);margin-top:var(--chargee-space-lg);padding-top:var(--chargee-space-md)}.pagination-info{color:var(--chargee-gray-600);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:var(--chargee-space-md)}.pagination-button{background:var(--chargee-blue);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--chargee-blue-dark);transform:translateY(-1px)}.pagination-button:disabled{background:var(--chargee-gray-400);cursor:not-allowed;opacity:.4}.pagination-pages{color:var(--chargee-gray-700);font-size:14px;font-weight:500}.list{display:flex;flex-direction:column;gap:var(--chargee-space-sm)}.list-item{align-items:center;background:var(--chargee-gray-100);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--chargee-space-md);transition:all .2s ease}.list-item:hover{background:var(--chargee-gray-200);box-shadow:var(--chargee-shadow-sm);transform:translateY(-1px)}.list-item.selected{background:#00bfa51a;border-color:var(--chargee-green)}.address-content{flex:1 1}.item-title{color:var(--chargee-gray-900);font-size:15px;font-weight:600;line-height:1.4}.item-subtitle,.item-title{margin-bottom:var(--chargee-space-xs)}.item-subtitle{color:var(--chargee-gray-600);font-size:12px}.item-subtitle.uuid{font-size:11px}.item-subtitle.uuid,.item-title.uuid{font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all}.item-title.uuid{font-size:14px}.item-details{display:flex;gap:var(--chargee-space-md)}.status{background:var(--chargee-gray-200);border-radius:var(--chargee-radius-sm);color:var(--chargee-gray-700);font-size:12px;font-weight:500;padding:var(--chargee-space-xs) var(--chargee-space-sm)}.address-actions{display:flex;gap:var(--chargee-space-sm);margin-left:var(--chargee-space-md)}.devices-button,.household-button{background:var(--chargee-green);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:12px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease;white-space:nowrap}.devices-button:hover,.household-button:hover{background:var(--chargee-green-dark);transform:translateY(-1px)}.devices-button{background:var(--chargee-blue)}.devices-button:hover{background:var(--chargee-blue-dark)}.devices-container{display:flex;flex-direction:column;gap:var(--chargee-space-lg)}.device-category{background:var(--chargee-gray-100);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-md)}.device-category h3{border-bottom:1px solid var(--chargee-gray-200);font-size:16px;font-weight:600;margin:0 0 var(--chargee-space-md) 0;padding-bottom:var(--chargee-space-sm)}.device-card{border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md)}.device-header{gap:var(--chargee-space-sm);margin-bottom:var(--chargee-space-sm)}.device-header>div{display:flex;flex:1 1;flex-direction:column}.device-brand{font-size:14px}.device-model{font-size:12px}.device-details{gap:var(--chargee-space-xs)}.detail-item .label,.detail-item .value{font-size:12px}.vehicle-card{border-left:4px solid var(--chargee-success)}.charger-card{border-left:4px solid var(--chargee-blue)}.solar-card{border-left:4px solid var(--chargee-warning)}.meter-card{border-left:4px solid var(--chargee-info)}.hvac-card{border-left:4px solid var(--chargee-error)}.battery-card{border-left:4px solid var(--chargee-green)}.grid-card{border-left:4px solid var(--chargee-gray-500)}.json-button{align-items:center;background:var(--chargee-gray-200);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:var(--chargee-space-xs) var(--chargee-space-sm)}.json-button:hover{background:var(--chargee-gray-300);transform:scale(1.05)}.json-button:active{transform:scale(.95)}.json-modal-overlay{background:#0009;padding:var(--chargee-space-lg)}.json-modal{max-width:90vw;overflow:hidden;width:800px}.json-modal-header h3{font-size:18px;font-weight:600}.json-modal-actions{align-items:center}.copy-json-button{background:var(--chargee-blue);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-white);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.copy-json-button:hover{background:var(--chargee-blue-dark);transform:translateY(-1px)}.close-json-button{align-items:center;background:var(--chargee-gray-200);border:none;border-radius:50%;color:var(--chargee-gray-700);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-json-button:hover{background:var(--chargee-gray-300);transform:scale(1.1)}.json-modal-content{flex:1 1}.json-display{background:var(--chargee-gray-100);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.json-display code{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre}.device-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.device-modal{background:var(--chargee-white);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.device-modal-header{align-items:center;background:var(--chargee-gray-50);border-bottom:1px solid var(--chargee-gray-200);display:flex;justify-content:space-between;padding:var(--chargee-space-lg)}.device-modal-header h3{color:var(--chargee-gray-900);font-size:24px;font-weight:700;margin:0}.close-device-modal-button{align-items:center;background:var(--chargee-gray-200);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-gray-700);cursor:pointer;display:flex;font-size:18px;font-weight:500;height:36px;justify-content:center;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease;width:36px}.close-device-modal-button:hover{background:var(--chargee-error);color:var(--chargee-white)}.device-modal-content{flex:1 1;overflow-y:auto;padding:var(--chargee-space-lg)}.device-modal-search-box{margin-bottom:var(--chargee-space-md)}.device-modal-search-input{border:2px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);font-family:var(--chargee-font-primary);font-size:14px;margin-bottom:var(--chargee-space-sm);padding:var(--chargee-space-md);transition:all .2s ease;width:100%}.device-modal-search-input:focus{border-color:var(--chargee-green);box-shadow:0 0 0 3px #00bfa51a;outline:none}.device-modal-search-input::placeholder{color:var(--chargee-gray-400)}.device-modal-search-count{color:var(--chargee-gray-600);font-size:13px;font-weight:500;padding:var(--chargee-space-xs) 0;text-align:right}.device-modal-empty,.device-modal-error,.device-modal-loading{color:var(--chargee-gray-600);font-size:16px;padding:var(--chargee-space-xl);text-align:center}.device-modal-error{color:var(--chargee-error)}.device-modal-note{background:#2196f31a;border:1px solid #2196f333;border-radius:var(--chargee-radius-md);color:var(--chargee-blue);font-size:13px;margin-bottom:var(--chargee-space-md);padding:var(--chargee-space-sm) var(--chargee-space-md);text-align:center}.device-modal-list{display:flex;flex-direction:column;gap:var(--chargee-space-md)}.device-modal-item{background:var(--chargee-gray-50);border:2px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-md);transition:all .2s ease}.device-modal-item:hover{border-color:var(--chargee-green);box-shadow:var(--chargee-shadow-sm);transform:translateY(-1px)}.device-modal-item-header{align-items:center;border-bottom:1px solid var(--chargee-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--chargee-space-sm);padding-bottom:var(--chargee-space-sm)}.device-modal-item-title{color:var(--chargee-gray-900);flex:1 1;font-size:16px;font-weight:600}.json-button-small{background:#0000;border:none;border-radius:var(--chargee-radius-sm);cursor:pointer;font-size:16px;padding:var(--chargee-space-xs);transition:all .2s ease}.json-button-small:hover{background:var(--chargee-gray-200)}.device-modal-item-details{grid-gap:var(--chargee-space-sm);display:grid;gap:var(--chargee-space-sm);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.device-modal-item-detail{display:flex;flex-direction:column;gap:var(--chargee-space-xs)}.device-modal-item-detail .label{color:var(--chargee-gray-600);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.device-modal-item-detail .value{color:var(--chargee-gray-900);font-size:14px;font-weight:600}.device-modal-item-detail .value.uuid{font-family:var(--chargee-font-mono);font-size:12px;word-break:break-all}.placeholder{font-style:italic}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:var(--chargee-space-md);height:auto;padding:var(--chargee-space-md) 0}.user-info{flex-direction:column;gap:var(--chargee-space-sm)}.user-details{align-items:center}.query-controls{flex-direction:column}.device-list{grid-template-columns:1fr}.device-header{align-items:flex-start;flex-direction:column;gap:var(--chargee-space-xs)}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-info{text-align:center}.json-modal{max-height:95vh;max-width:95vw;width:100%}.json-modal-header{align-items:flex-start;flex-direction:column;gap:var(--chargee-space-sm)}.json-modal-actions{justify-content:space-between;width:100%}}.energy-graph-container{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-xl);padding:var(--chargee-space-xl)}.graph-header{align-items:center;border-bottom:2px solid var(--chargee-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--chargee-space-lg);padding-bottom:var(--chargee-space-md)}.graph-title{display:flex;flex-direction:column;gap:var(--chargee-space-sm)}.graph-title h3{color:var(--chargee-gray-900);font-size:20px;font-weight:600;margin:0}.current-power{align-items:center;display:flex;gap:var(--chargee-space-sm)}.power-label{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.power-value{font-family:var(--chargee-font-mono);font-size:18px;font-weight:700}.power-value.positive{color:var(--chargee-green)}.power-value.negative{color:var(--chargee-blue)}.graph-controls{display:flex;gap:var(--chargee-space-sm)}.control-button{align-items:center;background:var(--chargee-gray-200);border:1px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);box-shadow:var(--chargee-shadow-sm);color:var(--chargee-gray-700);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--chargee-space-xs);padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.control-button:hover:not(:disabled){background:var(--chargee-gray-300);transform:translateY(-1px)}.control-button.start{background:var(--chargee-green);border:1px solid var(--chargee-green);color:var(--chargee-white)}.control-button.start:hover{background:var(--chargee-green-dark);border-color:var(--chargee-green-dark);box-shadow:0 2px 8px #00bfa54d}.control-button.stop{background:var(--chargee-error);border:1px solid var(--chargee-error);color:var(--chargee-white)}.control-button.stop:hover{background:#d32f2f;border-color:#d32f2f;box-shadow:0 2px 8px #f443364d}.control-button.clear{background:var(--chargee-warning);border:1px solid var(--chargee-warning);color:var(--chargee-white)}.control-button.clear:hover:not(:disabled){background:#f57c00;border-color:#f57c00;box-shadow:0 2px 8px #ffc1074d}.control-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.graph-error{background:#f443361a;border:1px solid #f4433633;border-radius:var(--chargee-radius-md);color:var(--chargee-error);margin-bottom:var(--chargee-space-md);padding:var(--chargee-space-md);text-align:center}.graph-content{margin-bottom:var(--chargee-space-lg);transform:translateZ(0);will-change:transform}.no-data{background:var(--chargee-gray-100);border-radius:var(--chargee-radius-md)}.custom-tooltip,.no-data{border:1px solid var(--chargee-gray-200)}.custom-tooltip{background:var(--chargee-white);border-radius:var(--chargee-radius-md);box-shadow:var(--chargee-shadow-md);padding:var(--chargee-space-md)}.tooltip-time{margin:0 0 var(--chargee-space-sm) 0}.tooltip-delivered,.tooltip-power,.tooltip-returned{display:flex;font-size:12px;justify-content:space-between;margin:var(--chargee-space-xs) 0}.tooltip-power .value{color:var(--chargee-green);font-weight:600}.tooltip-delivered .value{color:var(--chargee-blue);font-weight:600}.tooltip-returned .value{color:var(--chargee-green);font-weight:600}.graph-info{border-top:1px solid var(--chargee-gray-200);display:flex;justify-content:space-between;padding-top:var(--chargee-space-md)}.graph-legend{background:var(--chargee-gray-50);border-radius:var(--chargee-radius-md);display:flex;gap:var(--chargee-space-xl);justify-content:center;margin-top:var(--chargee-space-md);padding:var(--chargee-space-md)}.legend-item{align-items:center;display:flex;gap:var(--chargee-space-sm)}.legend-color{border:1px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-sm);height:16px;width:16px}.legend-label{color:var(--chargee-gray-700);font-size:var(--chargee-font-size-sm);font-weight:var(--chargee-font-weight-medium)}.info-item{align-items:center}.info-label{color:var(--chargee-gray-600);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--chargee-gray-900);font-family:var(--chargee-font-mono);font-size:14px;font-weight:600}.info-value.active{color:var(--chargee-green)}.info-value.inactive{color:var(--chargee-gray-500)}@media (max-width:768px){.energy-graph-container{padding:var(--chargee-space-lg)}.graph-header{align-items:stretch;flex-direction:column;gap:var(--chargee-space-md)}.graph-controls{justify-content:center}.graph-info{flex-direction:column;gap:var(--chargee-space-md)}.info-item{flex-direction:row;justify-content:space-between}}.forecast-graph-container{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-xl);padding:var(--chargee-space-xl)}.forecast-graph-header{align-items:center;border-bottom:2px solid var(--chargee-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--chargee-space-lg);padding-bottom:var(--chargee-space-md)}.forecast-graph-header h3{color:var(--chargee-gray-900);font-size:20px;font-weight:600;margin:0}.forecast-date{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.forecast-graph-content{margin-bottom:var(--chargee-space-lg);transform:translateZ(0);will-change:transform}.no-forecast-data{background:var(--chargee-gray-100);border-radius:var(--chargee-radius-md);color:var(--chargee-gray-500);font-style:italic;padding:var(--chargee-space-xl);text-align:center}.forecast-tooltip,.no-forecast-data{border:1px solid var(--chargee-gray-200)}.forecast-tooltip{background:var(--chargee-white);border-radius:var(--chargee-radius-md);box-shadow:var(--chargee-shadow-md);padding:var(--chargee-space-md)}.tooltip-time{color:var(--chargee-gray-900);font-size:14px;font-weight:600;margin:0 0 var(--chargee-space-xs) 0}.tooltip-period{color:var(--chargee-gray-600);font-size:11px;font-style:italic;margin:0 0 var(--chargee-space-sm) 0}.tooltip-item{display:flex;font-size:12px;justify-content:space-between;margin:var(--chargee-space-xs) 0}.tooltip-label{color:var(--chargee-gray-600);margin-right:var(--chargee-space-sm)}.tooltip-value{font-family:var(--chargee-font-mono);font-weight:600}.forecast-graph-legend{background:var(--chargee-gray-50);border-radius:var(--chargee-radius-md);display:flex;gap:var(--chargee-space-xl);justify-content:center;margin-top:var(--chargee-space-md);padding:var(--chargee-space-md)}.forecast-graph-legend .legend-item{align-items:center;display:flex;gap:var(--chargee-space-sm)}.forecast-graph-legend .legend-color{border:1px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-sm);height:16px;width:16px}.forecast-graph-legend .legend-label{color:var(--chargee-gray-700);font-size:var(--chargee-font-size-sm);font-weight:var(--chargee-font-weight-medium)}.legend-line{border-style:solid dashed dashed;border-top:2px dashed;height:0;margin-left:4px;width:20px}.forecast-graph-info{border-top:1px solid var(--chargee-gray-200);display:flex;justify-content:space-around;padding-top:var(--chargee-space-md)}.forecast-graph-info .info-item{align-items:center;display:flex;flex-direction:column;gap:var(--chargee-space-xs)}.forecast-graph-info .info-label{color:var(--chargee-gray-600);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.forecast-graph-info .info-value{color:var(--chargee-gray-900);font-family:var(--chargee-font-mono);font-size:14px;font-weight:600}@media (max-width:768px){.forecast-graph-container{padding:var(--chargee-space-lg)}.forecast-graph-header{align-items:flex-start;flex-direction:column;gap:var(--chargee-space-sm)}.forecast-graph-info{flex-direction:column;gap:var(--chargee-space-md)}.forecast-graph-info .info-item{flex-direction:row;justify-content:space-between}}.sparky-details{background-color:var(--chargee-gray-100);min-height:100vh}.sparky-details,.sparky-header{padding:var(--chargee-space-xl)}.sparky-header{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-xl)}.header-content{align-items:center;display:flex;justify-content:space-between}.header-content h1{color:var(--chargee-gray-900);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.back-button{align-items:center;display:flex;gap:var(--chargee-space-xs)}.sparky-main{margin:0 auto;max-width:1400px}.sparky-info-section{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-xl);padding:var(--chargee-space-xl)}.sparky-info-section h2{border-bottom:2px solid var(--chargee-gray-200);color:var(--chargee-gray-900);font-size:24px;font-weight:600;margin:0 0 var(--chargee-space-lg) 0;padding-bottom:var(--chargee-space-md)}.data-sections{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-xl);padding:var(--chargee-space-xl)}.section-header{align-items:center;border-bottom:2px solid var(--chargee-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--chargee-space-lg);padding-bottom:var(--chargee-space-md)}.section-header h2{color:var(--chargee-gray-900);font-size:24px;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:var(--chargee-space-lg)}.date-picker{align-items:center;gap:var(--chargee-space-sm)}.date-picker label{font-size:14px;font-weight:500}.date-input:focus{box-shadow:0 0 0 3px #00bfa51a}.smart-meter-controls-group{background:var(--chargee-gray-50);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:0 1px 3px #0000000d;padding:var(--chargee-space-md);width:100%}.smart-meter-selector{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex-wrap:wrap;gap:var(--chargee-space-lg);padding:0}.date-picker{flex-direction:column;min-width:200px}.date-picker,.date-picker label{display:flex;gap:var(--chargee-space-xs)}.date-picker label{align-items:center;color:var(--chargee-gray-700);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.label-icon{font-size:16px;opacity:.8}.date-input{background:var(--chargee-white);border:2px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);box-shadow:0 1px 3px #0000000d;box-sizing:border-box;font-family:var(--chargee-font-primary);font-size:14px;height:42px;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.date-input:focus{border-color:var(--chargee-green);box-shadow:0 0 0 3px #00bfa51a,0 2px 8px #00bfa526;outline:none}.select-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--chargee-space-xs);min-width:280px}.button-wrapper,.toggle-wrapper{display:flex;flex-direction:column;gap:var(--chargee-space-xs)}.button-label-spacer{font-size:13px;font-weight:600;height:20px;line-height:1;visibility:hidden}.select-wrapper label{align-items:center;color:var(--chargee-gray-700);display:flex;font-size:13px;font-weight:600;gap:var(--chargee-space-xs);letter-spacing:.5px;text-transform:uppercase}.custom-select-container{display:inline-block;position:relative;width:100%}.smart-meter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--chargee-white);background-image:none;border:2px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:var(--chargee-gray-900);cursor:pointer;font-family:var(--chargee-font-primary);font-size:14px;height:42px;padding:var(--chargee-space-sm) var(--chargee-space-md);padding-right:40px;transition:all .2s ease;width:100%}.smart-meter-select:hover{border-color:var(--chargee-gray-400);box-shadow:0 2px 6px #0000001a}.smart-meter-select:focus{border-color:var(--chargee-green);box-shadow:0 0 0 3px #00bfa51a,0 2px 8px #00bfa526;outline:none}.smart-meter-select option{background:var(--chargee-white);color:var(--chargee-gray-900);padding:var(--chargee-space-sm)}.select-arrow{color:var(--chargee-gray-500);font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease,color .2s ease}.custom-select-container:hover .select-arrow{color:var(--chargee-green)}.custom-select-container:focus-within .select-arrow{color:var(--chargee-green);transform:translateY(-50%) rotate(180deg)}.refresh-button{align-items:center;background:var(--chargee-blue);border:none;border-radius:var(--chargee-radius-md);box-shadow:0 2px 4px #1976d233;box-sizing:border-box;color:var(--chargee-white);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--chargee-space-xs);height:42px;padding:var(--chargee-space-sm) var(--chargee-space-lg);transition:all .2s ease;white-space:nowrap}.refresh-button:hover:not(:disabled){background:var(--chargee-blue-dark);box-shadow:0 4px 8px #1976d24d;transform:translateY(-2px)}.refresh-button:active:not(:disabled){box-shadow:0 2px 4px #1976d233;transform:translateY(0)}.button-icon{display:inline-block;font-size:16px}.toggle-15min{align-items:center;background:var(--chargee-white);border:2px solid var(--chargee-gray-300);border-radius:var(--chargee-radius-md);box-shadow:0 1px 3px #0000000d;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--chargee-space-md);height:42px;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease;-webkit-user-select:none;user-select:none}.toggle-15min:hover{border-color:var(--chargee-green);box-shadow:0 2px 6px #00bfa526}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-switch{background-color:var(--chargee-gray-300);border-radius:13px;display:inline-block;flex-shrink:0;height:26px;position:relative;transition:background-color .3s ease;width:48px}.toggle-switch:before{background-color:var(--chargee-white);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease,box-shadow .3s ease;width:20px}.toggle-input:checked+.toggle-switch{background-color:var(--chargee-green)}.toggle-input:checked+.toggle-switch:before{transform:translateX(22px)}.toggle-input:focus+.toggle-switch{outline:2px solid var(--chargee-green);outline-offset:2px}.toggle-label{align-items:center;color:var(--chargee-gray-700);display:flex;font-size:14px;font-weight:500;gap:var(--chargee-space-xs)}.toggle-icon{font-size:16px;opacity:.9}.toggle-text{font-weight:500;letter-spacing:.2px}.data-grid{grid-gap:var(--chargee-space-lg);display:grid;gap:var(--chargee-space-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.data-section{background:var(--chargee-gray-100);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);padding:var(--chargee-space-lg)}.data-section h3{border-bottom:1px solid var(--chargee-gray-200);color:var(--chargee-gray-900);font-size:18px;font-weight:600;margin:0 0 var(--chargee-space-md) 0;padding-bottom:var(--chargee-space-sm)}.data-display{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-sm);color:var(--chargee-gray-700);font-family:var(--chargee-font-mono);font-size:12px;line-height:1.5;margin:0;max-height:300px;overflow-y:auto;padding:var(--chargee-space-md);white-space:pre-wrap;word-break:break-word}.loading,.no-data{font-style:italic}.no-data{color:var(--chargee-gray-500);text-align:center}.error-state,.no-data{padding:var(--chargee-space-xl)}.error-state{background:#f443361a;border:1px solid #f4433633;border-radius:var(--chargee-radius-md);color:var(--chargee-error)}.error-state h2{color:var(--chargee-error);font-weight:600;margin:0 0 var(--chargee-space-md) 0}.error-state p{margin:0 0 var(--chargee-space-lg) 0}@media (max-width:1200px){.data-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.sparky-details{padding:var(--chargee-space-md)}.header-content{align-items:flex-start}.header-content,.header-controls{flex-direction:column;gap:var(--chargee-space-md)}.header-controls{align-items:stretch}.data-grid{gap:var(--chargee-space-md)}.data-grid,.info-grid{grid-template-columns:1fr}.address-info-section,.data-sections,.sparky-info-section{padding:var(--chargee-space-lg)}}.devices-details{background-color:var(--chargee-gray-100);min-height:100vh}.devices-header{background:var(--chargee-white);border-bottom:1px solid var(--chargee-gray-200);box-shadow:var(--chargee-shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.devices-header .header-content{align-items:center;display:flex;gap:var(--chargee-space-lg);margin:0 auto;max-width:1400px;padding:var(--chargee-space-lg) var(--chargee-space-xl)}.devices-header h1{color:var(--chargee-gray-900);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.back-button{background:var(--chargee-gray-200);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-gray-700);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.back-button:hover{background:var(--chargee-gray-300);transform:translateY(-1px)}.devices-main{margin:0 auto;max-width:1400px;padding:var(--chargee-space-xl)}.error-banner{background:#f443361a;border:1px solid #f4433633;border-radius:var(--chargee-radius-md);color:var(--chargee-error);margin-bottom:var(--chargee-space-lg);padding:var(--chargee-space-md);text-align:center}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.error-state h2{color:var(--chargee-gray-900);font-size:24px;margin-bottom:var(--chargee-space-md)}.error-state p{color:var(--chargee-gray-600);margin-bottom:var(--chargee-space-lg)}.address-info-section{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);margin-bottom:var(--chargee-space-xl);padding:var(--chargee-space-xl)}.address-info-section h2{border-bottom:2px solid var(--chargee-gray-200);color:var(--chargee-gray-900);font-size:24px;font-weight:600;margin:0 0 var(--chargee-space-lg) 0;padding-bottom:var(--chargee-space-md)}.info-grid{grid-gap:var(--chargee-space-lg);display:grid;gap:var(--chargee-space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:var(--chargee-space-xs)}.info-item label{color:var(--chargee-gray-600);font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:var(--chargee-gray-900);font-size:16px;font-weight:600}.info-item .uuid{font-family:var(--chargee-font-mono);font-size:14px;word-break:break-all}.devices-container{background:var(--chargee-white);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-md);padding:var(--chargee-space-xl)}.device-error-message{background:#f443361a;border:1px solid #f4433633;border-radius:var(--chargee-radius-md);color:var(--chargee-error);font-size:14px;margin-bottom:var(--chargee-space-md);padding:var(--chargee-space-sm) var(--chargee-space-md)}.device-category{background:var(--chargee-white);border:2px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-sm);margin-bottom:var(--chargee-space-xl);padding:var(--chargee-space-lg);transition:all .3s ease}.device-category:hover{box-shadow:var(--chargee-shadow-md);transform:translateY(-2px)}.device-category:last-child{margin-bottom:0}.device-category h3{align-items:center;background:linear-gradient(135deg,var(--chargee-gray-50) 0,var(--chargee-gray-100) 100%);border-left:5px solid var(--chargee-gray-400);border-radius:var(--chargee-radius-md);color:var(--chargee-gray-900);display:flex;font-size:22px;font-weight:700;gap:var(--chargee-space-sm);margin:0 0 var(--chargee-space-lg) 0;padding:var(--chargee-space-md)}.device-category:has(.vehicle-card) h3{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-left-color:#2196f3;color:#1976d2}.device-category:has(.charger-card) h3{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-left-color:#4caf50;color:#388e3c}.device-category:has(.solar-card) h3{background:linear-gradient(135deg,#ffc10726,#ffc10714);border-left-color:#ffc107;color:#f57c00}.device-category:has(.meter-card) h3{background:linear-gradient(135deg,#9c27b01a,#9c27b00d);border-left-color:#9c27b0;color:#7b1fa2}.device-category:has(.hvac-card) h3{background:linear-gradient(135deg,#00bcd41a,#00bcd40d);border-left-color:#00bcd4;color:#0097a7}.device-category:has(.battery-card) h3{background:linear-gradient(135deg,#ff98001a,#ff98000d);border-left-color:#ff9800;color:#f57c00}.device-category:has(.grid-card) h3{background:linear-gradient(135deg,#3f51b51a,#3f51b50d);border-left-color:#3f51b5;color:#303f9f}.device-list{grid-gap:var(--chargee-space-md);display:grid;gap:var(--chargee-space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.device-card{background:var(--chargee-white);border:2px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-lg);overflow:hidden;padding:var(--chargee-space-md);position:relative;transition:all .2s ease}.device-card:before{background:var(--chargee-gray-300);content:"";height:100%;left:0;position:absolute;top:0;transition:width .2s ease;width:4px}.device-card:hover{border-color:var(--chargee-gray-300);box-shadow:var(--chargee-shadow-md);transform:translateY(-2px)}.device-card:hover:before{width:6px}.vehicle-card{border-left-color:#2196f3}.vehicle-card:before{background:#2196f3}.vehicle-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f333}.charger-card{border-left-color:#4caf50}.charger-card:before{background:#4caf50}.charger-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.solar-card{border-left-color:#ffc107}.solar-card:before{background:#ffc107}.solar-card:hover{border-color:#ffc107;box-shadow:0 4px 12px #ffc10733}.meter-card{border-left-color:#9c27b0}.meter-card:before{background:#9c27b0}.meter-card:hover{border-color:#9c27b0;box-shadow:0 4px 12px #9c27b033}.hvac-card{border-left-color:#00bcd4}.hvac-card:before{background:#00bcd4}.hvac-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px #00bcd433}.battery-card{border-left-color:#ff9800}.battery-card:before{background:#ff9800}.battery-card:hover{border-color:#ff9800;box-shadow:0 4px 12px #ff980033}.grid-card{border-left-color:#3f51b5}.grid-card:before{background:#3f51b5}.grid-card:hover{border-color:#3f51b5;box-shadow:0 4px 12px #3f51b533}.device-header{align-items:center;border-bottom:1px solid var(--chargee-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--chargee-space-md);padding-bottom:var(--chargee-space-sm)}.device-brand{color:var(--chargee-gray-900);font-weight:600;margin-right:var(--chargee-space-xs)}.device-model{color:var(--chargee-gray-600);font-size:14px}.json-button{background:#0000;border:none;border-radius:var(--chargee-radius-sm);cursor:pointer;font-size:18px;padding:var(--chargee-space-xs);transition:all .2s ease}.json-button:hover{background:var(--chargee-gray-200)}.device-details{display:flex;flex-direction:column;gap:var(--chargee-space-sm)}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-item .label{color:var(--chargee-gray-600);font-size:14px;font-weight:500}.detail-item .value{color:var(--chargee-gray-900);font-size:14px;font-weight:600}.placeholder{color:var(--chargee-gray-500)}.loading,.placeholder{font-size:16px;padding:var(--chargee-space-xl);text-align:center}.loading{color:var(--chargee-gray-600)}.json-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.json-modal{background:var(--chargee-white);border-radius:var(--chargee-radius-lg);box-shadow:var(--chargee-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.json-modal-header{align-items:center;border-bottom:1px solid var(--chargee-gray-200);display:flex;justify-content:space-between;padding:var(--chargee-space-lg)}.json-modal-header h3{color:var(--chargee-gray-900);font-size:20px;margin:0}.json-modal-actions{display:flex;gap:var(--chargee-space-sm)}.close-json-button,.copy-json-button{background:var(--chargee-gray-200);border:none;border-radius:var(--chargee-radius-md);color:var(--chargee-gray-700);cursor:pointer;font-size:14px;font-weight:500;padding:var(--chargee-space-sm) var(--chargee-space-md);transition:all .2s ease}.copy-json-button:hover{background:var(--chargee-green);color:var(--chargee-white)}.close-json-button:hover{background:var(--chargee-error);color:var(--chargee-white)}.json-modal-content{overflow:auto;padding:var(--chargee-space-lg)}.json-display{background:var(--chargee-gray-50);border:1px solid var(--chargee-gray-200);border-radius:var(--chargee-radius-md);font-family:var(--chargee-font-mono);font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:var(--chargee-space-md)}.json-display code{color:var(--chargee-gray-900)}:root{--chargee-green:#00bfa5;--chargee-green-dark:#00897b;--chargee-green-light:#4db6ac;--chargee-green-lighter:#b2dfdb;--chargee-blue:#1976d2;--chargee-blue-dark:#1565c0;--chargee-blue-light:#42a5f5;--chargee-blue-lighter:#bbdefb;--chargee-gray-900:#1a1a1a;--chargee-gray-800:#2d2d2d;--chargee-gray-700:#424242;--chargee-gray-600:#616161;--chargee-gray-500:#757575;--chargee-gray-400:#9e9e9e;--chargee-gray-300:#e0e0e0;--chargee-gray-200:#f5f5f5;--chargee-gray-100:#fafafa;--chargee-white:#fff;--chargee-success:#4caf50;--chargee-warning:#ff9800;--chargee-error:#f44336;--chargee-info:#2196f3;--chargee-font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--chargee-font-mono:"JetBrains Mono","Fira Code","Monaco",monospace;--chargee-space-xs:4px;--chargee-space-sm:8px;--chargee-space-md:16px;--chargee-space-lg:24px;--chargee-space-xl:32px;--chargee-space-2xl:48px;--chargee-radius-sm:4px;--chargee-radius-md:8px;--chargee-radius-lg:12px;--chargee-radius-xl:16px;--chargee-shadow-sm:0 1px 3px #0000001a;--chargee-shadow-md:0 4px 6px #0000001a;--chargee-shadow-lg:0 10px 15px #0000001a;--chargee-shadow-xl:0 20px 25px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--chargee-gray-100);color:#2d2d2d;color:var(--chargee-gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--chargee-font-primary);line-height:1.6}.App{min-height:100vh}code{font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-family:var(--chargee-font-mono)}
/*# sourceMappingURL=main.910696a0.css.map*/