:root{--primary-color: #4CAF50;--primary-dark: #45a049;--error-color: #f44336;--success-color: #4CAF50;--text-color: #333;--bg-color: #f4f4f4;--card-bg: #fff;--border-color: #ddd}.form-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700}input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-size:16px}button{cursor:pointer;border:none;border-radius:4px;font-size:16px;transition:background-color .3s}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin-bottom:20px}.error-message{color:var(--error-color);margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:4px}.success-message{color:var(--success-color);margin-bottom:15px;padding:10px;background-color:#e8f5e9;border-radius:4px}@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),url(/assets/primeicons-WjwUDZjB.woff) format("woff"),url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media (prefers-reduced-motion: reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.app-title{margin:0}main{padding:20px}.login-form[data-v-3257cce1]{text-align:left}.form-group[data-v-3257cce1]{margin-bottom:15px}label[data-v-3257cce1]{display:block;margin-bottom:5px;font-weight:700}input[data-v-3257cce1]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.submit-btn[data-v-3257cce1]{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px}.submit-btn[data-v-3257cce1]:hover{background-color:#45a049}.submit-btn[data-v-3257cce1]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-3257cce1]{color:#f44336;margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:4px}.register-form[data-v-3d09a384]{text-align:left}.form-group[data-v-3d09a384]{margin-bottom:15px}label[data-v-3d09a384]{display:block;margin-bottom:5px;font-weight:700}input[data-v-3d09a384]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.submit-btn[data-v-3d09a384]{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:10px}.submit-btn[data-v-3d09a384]:hover{background-color:#45a049}.submit-btn[data-v-3d09a384]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-3d09a384]{color:#f44336;margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:4px}.success-message[data-v-3d09a384]{color:#4caf50;margin-bottom:15px;padding:10px;background-color:#e8f5e9;border-radius:4px}.home[data-v-974db62b]{min-height:100vh;margin:-20px;padding:40px 20px;text-align:center;background-image:url(/login.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.home h1[data-v-974db62b]{max-width:800px;margin-bottom:24px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.75)}.auth-container[data-v-974db62b]{max-width:400px;width:100%;margin:0 auto;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 20px #00000040}.auth-tabs[data-v-974db62b]{display:flex}.auth-tabs button[data-v-974db62b]{flex:1;padding:15px;border:none;background:#f5f5f5;cursor:pointer;font-size:16px;transition:background-color .3s}.auth-tabs button.active[data-v-974db62b]{background:#4caf50;color:#fff}.auth-content[data-v-974db62b]{padding:20px}.dashboard[data-v-974db62b]{margin-top:40px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.logout-btn[data-v-974db62b]{margin-top:20px;padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.logout-btn[data-v-974db62b]:hover{background-color:#d32f2f}.devices-view[data-v-d1a77515]{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.devices-view[data-v-d1a77515]:before{content:"";position:fixed;inset:0;background-image:url(/dashboard.jpg);background-size:cover;background-position:center;opacity:.3;z-index:-1}.devices-header[data-v-d1a77515]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.devices-header h1[data-v-d1a77515]{color:#333;margin:0}.user-info[data-v-d1a77515]{display:flex;align-items:center;gap:15px}.user-info span[data-v-d1a77515]{color:#666;font-weight:500}.logout-btn[data-v-d1a77515]{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.logout-btn[data-v-d1a77515]:hover{background-color:#d32f2f}.loading[data-v-d1a77515]{text-align:center;padding:40px;color:#666}.error-message[data-v-d1a77515]{color:#f44336;background-color:#ffebee;padding:15px;border-radius:4px;margin-bottom:20px;text-align:center}.no-devices[data-v-d1a77515]{text-align:center;padding:60px 20px;color:#666}.no-devices p[data-v-d1a77515]{margin:10px 0;font-size:16px}.devices-grid[data-v-d1a77515]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.device-card[data-v-d1a77515]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.device-card[data-v-d1a77515]:hover{box-shadow:0 4px 8px #00000026}.device-header[data-v-d1a77515]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.device-header h3[data-v-d1a77515]{margin:0;color:#333;font-size:18px}.device-id[data-v-d1a77515]{background-color:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.device-info[data-v-d1a77515]{margin-bottom:20px}.info-item[data-v-d1a77515]{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.info-item label[data-v-d1a77515]{font-weight:600;color:#555;flex:0 0 120px}.info-item span[data-v-d1a77515]{color:#333;text-align:right;flex:1;word-break:break-word}.device-actions[data-v-d1a77515]{display:flex;gap:10px}.action-btn[data-v-d1a77515]{flex:1;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.action-btn.primary[data-v-d1a77515]{background-color:#4caf50;color:#fff}.action-btn.primary[data-v-d1a77515]:hover{background-color:#45a049}.action-btn.secondary[data-v-d1a77515]{background-color:#2196f3;color:#fff}.action-btn.secondary[data-v-d1a77515]:hover{background-color:#1976d2}@media (max-width: 768px){.devices-header[data-v-d1a77515]{flex-direction:column;align-items:flex-start;gap:15px}.user-info[data-v-d1a77515]{width:100%;justify-content:space-between}.devices-grid[data-v-d1a77515]{grid-template-columns:1fr}.device-actions[data-v-d1a77515]{flex-direction:column}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.energy-chart[data-v-5477abf7]{padding:1rem}.controls-row[data-v-5477abf7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;gap:1rem}.date-picker-container[data-v-5477abf7]{display:flex;align-items:center;gap:.5rem}.date-picker-container label[data-v-5477abf7]{font-weight:500;color:#2c3e50}.month-picker[data-v-5477abf7]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.download-btn[data-v-5477abf7]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#42a5f5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.download-btn[data-v-5477abf7]:hover{background:#1e88e5}.two-column-layout[data-v-5477abf7]{display:flex;gap:2rem;margin-bottom:2rem;align-items:stretch}.summary-column[data-v-5477abf7]{flex:1;display:flex;flex-direction:column;gap:1.5rem;height:100%}.pie-chart-column[data-v-5477abf7]{flex:1;display:flex;align-items:center}.summary-item[data-v-5477abf7]{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px;flex:1;min-height:120px;display:flex;flex-direction:column;justify-content:center}.summary-column .summary-item[data-v-5477abf7]:first-child{background:#42a5f5;color:#fff}.summary-column .summary-item[data-v-5477abf7]:last-child{background:#ff7043;color:#fff}.summary-item h5[data-v-5477abf7]{margin:0 0 .5rem;color:#fff;font-weight:500}.summary-item .value[data-v-5477abf7]{font-size:1.5rem;font-weight:700;color:#fff}.pie-chart-container[data-v-5477abf7]{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;width:100%;height:100%;display:flex;flex-direction:column;min-height:300px}.pie-chart-container h5[data-v-5477abf7]{margin:0 0 1rem;color:#2c3e50;font-weight:500}.pie-chart[data-v-5477abf7]{height:200px;position:relative;flex:1;display:flex;align-items:center;justify-content:center}.chart-section[data-v-5477abf7]{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.chart-section h4[data-v-5477abf7]{margin:0 0 1rem;text-align:center;color:#2c3e50}.chart-container[data-v-5477abf7]{height:400px;position:relative}.no-data-message[data-v-5477abf7]{display:flex;justify-content:center;align-items:center;height:100%;color:#7f8c8d;font-style:italic}@media (max-width: 768px){.controls-row[data-v-5477abf7]{flex-direction:column;align-items:stretch;gap:1rem}.date-picker-container[data-v-5477abf7],.download-btn[data-v-5477abf7]{justify-content:center}.two-column-layout[data-v-5477abf7]{flex-direction:column;gap:1rem}.summary-column[data-v-5477abf7]{gap:.5rem}.summary-item[data-v-5477abf7]{min-width:auto}.pie-chart-container[data-v-5477abf7]{min-width:auto;min-height:250px}.pie-chart[data-v-5477abf7]{height:150px}.chart-container[data-v-5477abf7]{height:300px}}.energy-chart[data-v-af75e7d3]{padding:1rem}.controls-row[data-v-af75e7d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;gap:1rem}.date-picker-container[data-v-af75e7d3]{display:flex;align-items:center;gap:.5rem}.date-picker-container label[data-v-af75e7d3]{font-weight:500;color:#2c3e50}.year-picker[data-v-af75e7d3]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:80px}.download-btn[data-v-af75e7d3]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#42a5f5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.download-btn[data-v-af75e7d3]:hover{background:#1e88e5}.two-column-layout[data-v-af75e7d3]{display:flex;gap:2rem;margin-bottom:2rem;align-items:stretch}.summary-column[data-v-af75e7d3]{flex:1;display:flex;flex-direction:column;gap:1.5rem;height:100%}.pie-chart-column[data-v-af75e7d3]{flex:1;display:flex;align-items:center}.summary-item[data-v-af75e7d3]{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px;flex:1;min-height:120px;display:flex;flex-direction:column;justify-content:center}.summary-column .summary-item[data-v-af75e7d3]:first-child{background:#42a5f5;color:#fff}.summary-column .summary-item[data-v-af75e7d3]:last-child{background:#ff7043;color:#fff}.summary-item h5[data-v-af75e7d3]{margin:0 0 .5rem;color:#fff;font-weight:500}.summary-item .value[data-v-af75e7d3]{font-size:1.5rem;font-weight:700;color:#fff}.pie-chart-container[data-v-af75e7d3]{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;width:100%;height:100%;display:flex;flex-direction:column;min-height:300px}.pie-chart-container h5[data-v-af75e7d3]{margin:0 0 1rem;color:#2c3e50;font-weight:500}.pie-chart[data-v-af75e7d3]{height:200px;position:relative;flex:1;display:flex;align-items:center;justify-content:center}.chart-section[data-v-af75e7d3]{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.chart-section h4[data-v-af75e7d3]{margin:0 0 1rem;text-align:center;color:#2c3e50}.chart-container[data-v-af75e7d3]{height:400px;position:relative}.no-data-message[data-v-af75e7d3]{display:flex;justify-content:center;align-items:center;height:100%;color:#7f8c8d;font-style:italic}@media (max-width: 768px){.controls-row[data-v-af75e7d3]{flex-direction:column;align-items:stretch;gap:1rem}.date-picker-container[data-v-af75e7d3],.download-btn[data-v-af75e7d3]{justify-content:center}.two-column-layout[data-v-af75e7d3]{flex-direction:column;gap:1rem}.summary-column[data-v-af75e7d3]{gap:.5rem}.summary-item[data-v-af75e7d3]{min-width:auto}.pie-chart-container[data-v-af75e7d3]{min-width:auto;min-height:250px}.pie-chart[data-v-af75e7d3]{height:150px}.chart-container[data-v-af75e7d3]{height:300px}}.dashboard-container[data-v-f6d44dcb]{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh}.dashboard-container[data-v-f6d44dcb]:before{content:"";position:fixed;inset:0;background-image:url(/dashboard.jpg);background-size:cover;background-position:center;opacity:.3;z-index:-1}.dashboard-header[data-v-f6d44dcb]{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;min-height:60px}.header-left h1[data-v-f6d44dcb]{color:#2c3e50;font-size:2.5rem;font-weight:600;margin:0}.header-center[data-v-f6d44dcb]{flex:1;display:flex;justify-content:center}.header-right[data-v-f6d44dcb]{display:flex;align-items:center}.device-info-section[data-v-f6d44dcb]{display:flex;align-items:center;background:#f8f9fa;padding:12px 16px;border-radius:8px;border:1px solid #e9ecef}.device-name-container[data-v-f6d44dcb],.device-name-display[data-v-f6d44dcb]{display:flex;align-items:center;gap:8px}.device-name[data-v-f6d44dcb]{font-weight:600;color:#2c3e50;font-size:2rem}.device-id[data-v-f6d44dcb]{color:#6c757d;font-size:.9rem;font-family:monospace}.device-name-edit[data-v-f6d44dcb]{display:flex;align-items:center;gap:8px}.device-name-input[data-v-f6d44dcb]{min-width:250px}.edit-btn[data-v-f6d44dcb],.save-btn[data-v-f6d44dcb],.cancel-btn[data-v-f6d44dcb]{padding:4px 8px!important;min-width:auto!important}.account-section[data-v-f6d44dcb]{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef}.user-info[data-v-f6d44dcb]{display:flex;align-items:center;gap:4px}.user-email[data-v-f6d44dcb]{font-weight:500;color:#2c3e50;font-size:.9rem}.logout-btn[data-v-f6d44dcb]{padding:4px 8px!important;min-width:auto!important;color:#dc3545!important}.logout-btn[data-v-f6d44dcb]:hover{background-color:#dc3545!important;color:#fff!important}@media (max-width: 768px){.dashboard-header[data-v-f6d44dcb]{flex-direction:column;align-items:flex-start}.header-center[data-v-f6d44dcb]{order:2;width:100%;justify-content:flex-start}.header-right[data-v-f6d44dcb]{order:1;align-self:flex-end}.device-info-section[data-v-f6d44dcb]{width:100%}.device-name-input[data-v-f6d44dcb]{min-width:150px}.user-email[data-v-f6d44dcb]{display:none}.account-section[data-v-f6d44dcb]{padding:6px 8px}}.connection-status[data-v-f6d44dcb]{margin-bottom:20px}.status-card[data-v-f6d44dcb]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.status-card i[data-v-f6d44dcb]{font-size:1.2rem}.status-card .control-btn[data-v-f6d44dcb]{margin-left:auto;padding:6px 12px;font-size:.85rem;border-radius:6px;min-width:100px}.data-cards-grid[data-v-f6d44dcb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.data-card[data-v-f6d44dcb]{border-radius:12px;box-shadow:0 2px 8px #0000001a}.voltage-card[data-v-f6d44dcb]{border-left:4px solid #4CAF50}.current-card[data-v-f6d44dcb]{border-left:4px solid #2196F3}.power-card[data-v-f6d44dcb]{border-left:4px solid #FF9800}.pf-card[data-v-f6d44dcb]{border-left:4px solid #9C27B0}.phase-data[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:10px}.phase-item[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.phase-item[data-v-f6d44dcb]:last-child{border-bottom:none}.phase-label[data-v-f6d44dcb]{font-weight:500;color:#666}.phase-value[data-v-f6d44dcb]{font-weight:600;color:#2c3e50;font-size:1.1rem;display:flex;flex-direction:column;align-items:center;gap:10px}.knob-label[data-v-f6d44dcb]{text-align:center;font-weight:600;color:#2c3e50}.knob-label .value[data-v-f6d44dcb]{font-size:1.2rem;display:block}.knob-label .unit[data-v-f6d44dcb]{font-size:.9rem;color:#666;margin-left:4px}[data-v-f6d44dcb] .p-knob-text{font-size:13px!important;font-weight:700}[data-v-f6d44dcb] .p-knob svg text{font-size:13px!important;font-weight:700}.total-power[data-v-f6d44dcb]{margin-top:10px;padding-top:10px;border-top:2px solid #FF9800;text-align:center}.energy-co2-section[data-v-f6d44dcb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.energy-card[data-v-f6d44dcb]{border-left:4px solid #00BCD4}.co2-card[data-v-f6d44dcb]{border-left:4px solid #F44336}.energy-data[data-v-f6d44dcb],.co2-data[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:12px}.energy-item[data-v-f6d44dcb],.co2-item[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.energy-item[data-v-f6d44dcb]:last-child,.co2-item[data-v-f6d44dcb]:last-child{border-bottom:none}.energy-label[data-v-f6d44dcb],.co2-label[data-v-f6d44dcb]{font-weight:500;color:#666}.today-energy-card[data-v-f6d44dcb]{background:linear-gradient(135deg,#2d661f,#3b860f,#4a9d12);border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 10px 40px #2d661f4d,0 4px 12px #0000001a;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.today-energy-card[data-v-f6d44dcb]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.today-energy-card[data-v-f6d44dcb]:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px #2d661f66,0 8px 20px #00000026}.energy-card-header[data-v-f6d44dcb]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.15);position:relative}.energy-card-header i[data-v-f6d44dcb]{font-size:28px;padding:8px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse-f6d44dcb 2s infinite}@keyframes pulse-f6d44dcb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.energy-card-header h3[data-v-f6d44dcb]{margin:0;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.5px}.energy-card-content[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.energy-value[data-v-f6d44dcb]{display:flex;align-items:baseline;gap:10px;position:relative}.energy-value .value[data-v-f6d44dcb]{font-size:42px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.5px}.energy-value .unit[data-v-f6d44dcb]{font-size:16px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.energy-details[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:8px}.detail-item[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:180px}.detail-item .label[data-v-f6d44dcb]{font-size:14px;font-weight:500;color:#ffffffb3}.detail-item .value[data-v-f6d44dcb]{font-size:14px;font-weight:600;color:#fff}@media (max-width: 768px){.energy-card-content[data-v-f6d44dcb]{flex-direction:column;align-items:flex-start}.energy-details[data-v-f6d44dcb]{width:100%}}.realtime-power-section[data-v-f6d44dcb]{margin-bottom:24px}.power-section-header[data-v-f6d44dcb]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 0}.power-section-header i[data-v-f6d44dcb]{font-size:24px}.power-section-header h3[data-v-f6d44dcb]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.power-phases-grid[data-v-f6d44dcb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.phase-card[data-v-f6d44dcb]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #3498db;transition:transform .3s ease,box-shadow .3s ease}.phase-card[data-v-f6d44dcb]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.phase-card.phase-a[data-v-f6d44dcb]{border-left-color:#e74c3c}.phase-card.phase-b[data-v-f6d44dcb]{border-left-color:#f39c12}.phase-card.phase-c[data-v-f6d44dcb]{border-left-color:#0ea5e9}.phase-card.total-power[data-v-f6d44dcb]{border-left-color:#8e44ad;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.phase-header[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.phase-label[data-v-f6d44dcb]{font-size:16px;font-weight:600;color:#2c3e50}.phase-indicator[data-v-f6d44dcb]{font-size:12px}.phase-card.phase-a .phase-indicator[data-v-f6d44dcb]{color:#e74c3c}.phase-card.phase-b .phase-indicator[data-v-f6d44dcb]{color:#f39c12}.phase-card.phase-c .phase-indicator[data-v-f6d44dcb]{color:#0ea5e9}.phase-card.total-power .phase-indicator[data-v-f6d44dcb]{color:#8e44ad}.phase-value[data-v-f6d44dcb]{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.phase-value .value[data-v-f6d44dcb]{font-size:28px;font-weight:700;color:#2c3e50;line-height:1}.phase-value.total .value[data-v-f6d44dcb]{font-size:32px;color:#8e44ad}.phase-value .unit[data-v-f6d44dcb]{font-size:16px;font-weight:500;color:#7f8c8d}.phase-details[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:8px}.detail[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center}.detail .label[data-v-f6d44dcb]{font-size:13px;font-weight:500;color:#7f8c8d}.detail .value[data-v-f6d44dcb]{font-size:13px;font-weight:600;color:#2c3e50}@media (max-width: 768px){.power-phases-grid[data-v-f6d44dcb]{grid-template-columns:1fr}.phase-card[data-v-f6d44dcb]{padding:16px}.phase-value .value[data-v-f6d44dcb]{font-size:24px}.phase-value.total .value[data-v-f6d44dcb]{font-size:28px}}.power-chart-section[data-v-f6d44dcb]{margin-bottom:24px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #3498db}.chart-header[data-v-f6d44dcb]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.chart-header i[data-v-f6d44dcb]{font-size:24px}.chart-header h3[data-v-f6d44dcb]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.power-chart-container[data-v-f6d44dcb]{position:relative;height:400px;width:100%}.power-chart-container canvas[data-v-f6d44dcb]{max-width:100%;max-height:100%}@media (max-width: 768px){.power-chart-container[data-v-f6d44dcb]{height:300px}.power-chart-section[data-v-f6d44dcb]{padding:16px}}.energy-value[data-v-f6d44dcb],.co2-value[data-v-f6d44dcb]{font-weight:600;color:#2c3e50;font-size:1.1rem}.co2-highlight[data-v-f6d44dcb]{color:#f44336;font-size:1.3rem;font-weight:700}.chart-card[data-v-f6d44dcb]{margin-bottom:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #673AB7}.chart-container[data-v-f6d44dcb]{height:400px;position:relative}.no-data-message[data-v-f6d44dcb]{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:1.1rem}.historical-data-card[data-v-f6d44dcb]{border-radius:12px;box-shadow:0 2px 8px #0000001a}.overview-content[data-v-f6d44dcb]{animation:fadeIn-f6d44dcb .5s ease-in}.history-content[data-v-f6d44dcb]{padding:24px;background:transparent;min-height:100vh}[data-v-f6d44dcb] .p-tabview-panels{background:transparent}.history-controls[data-v-f6d44dcb]{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.date-range-section h3[data-v-f6d44dcb]{margin-bottom:24px;color:#2c3e50;font-weight:700;font-size:1.4rem;display:flex;align-items:center;gap:12px}.date-range-section h3[data-v-f6d44dcb]:before{content:"📅";font-size:1.2rem}.date-controls[data-v-f6d44dcb]{display:flex;flex-direction:row;gap:24px;align-items:flex-end;flex-wrap:wrap}.preset-dropdown[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;flex:0 0 auto}.preset-dropdown label[data-v-f6d44dcb]{font-weight:600;color:#495057;font-size:.9rem}.preset-selector[data-v-f6d44dcb]{min-width:200px}.chart-type-dropdown[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.chart-type-dropdown label[data-v-f6d44dcb]{font-weight:600;color:#495057;font-size:.9rem}.chart-type-selector[data-v-f6d44dcb]{min-width:250px}.date-pickers[data-v-f6d44dcb]{display:flex;justify-content:center;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;flex:1 1 auto}.date-picker-group[data-v-f6d44dcb]{display:flex;flex-direction:column;gap:8px;min-width:300px;max-width:400px;width:100%}.date-picker-group label[data-v-f6d44dcb]{font-weight:600;color:#2c3e50;font-size:.95rem;display:flex;align-items:center;gap:6px}.date-picker-group label[data-v-f6d44dcb]:before{content:"🗓️";font-size:.9rem}.action-buttons[data-v-f6d44dcb]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:flex-end;flex:0 0 auto}.action-buttons .p-button[data-v-f6d44dcb]{padding:12px 24px;border-radius:25px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 3px 12px #0000001f}.action-buttons .p-button[data-v-f6d44dcb]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.action-buttons .p-button-success[data-v-f6d44dcb]{background:linear-gradient(135deg,#4caf50,#66bb6a);border:none}.action-buttons .p-button[data-v-f6d44dcb]:not(.p-button-success){background:linear-gradient(135deg,#2196f3,#42a5f5);border:none}.loading-section[data-v-f6d44dcb]{display:flex;justify-content:center;align-items:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px 0}.loading-content[data-v-f6d44dcb]{text-align:center;color:#666}.loading-content .pi-spinner[data-v-f6d44dcb]{color:#2196f3;margin-bottom:16px;animation:pulse-f6d44dcb 2s infinite}.loading-content p[data-v-f6d44dcb]{margin-top:16px;font-size:1.2rem;font-weight:500;color:#2c3e50}@keyframes pulse-f6d44dcb{0%,to{opacity:1}50%{opacity:.5}}.history-results[data-v-f6d44dcb]{margin-top:32px;animation:slideInUp-f6d44dcb .6s ease-out}@keyframes slideInUp-f6d44dcb{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.data-summary[data-v-f6d44dcb]{margin-bottom:32px}.data-summary .p-card[data-v-f6d44dcb]{border-radius:16px;box-shadow:0 6px 25px #0000001a;border:1px solid rgba(0,0,0,.05);overflow:hidden}.data-summary .p-card-title[data-v-f6d44dcb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:-1.25rem -1.25rem 1.25rem;padding:20px 24px;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:12px}.data-summary .p-card-title[data-v-f6d44dcb]:before{content:"📊";font-size:1.4rem}.summary-grid[data-v-f6d44dcb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.summary-item[data-v-f6d44dcb]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #2196f3;transition:all .3s ease}.summary-item[data-v-f6d44dcb]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-left-color:#1976d2}.summary-label[data-v-f6d44dcb]{font-weight:600;color:#495057;font-size:.95rem;display:flex;align-items:center;gap:8px}.summary-label[data-v-f6d44dcb]:before{content:"▶";color:#2196f3;font-size:.8rem}.summary-value[data-v-f6d44dcb]{font-weight:700;color:#2c3e50;font-size:1.2rem;text-align:right}.chart-section[data-v-f6d44dcb]{margin-bottom:32px}.chart-section .p-card[data-v-f6d44dcb]{border-radius:16px;box-shadow:0 6px 25px #0000001a;border:1px solid rgba(0,0,0,.05);overflow:hidden}.chart-section .p-card-title[data-v-f6d44dcb]{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;margin:-1.25rem -1.25rem 1.25rem;padding:20px 24px;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:12px}.chart-section .p-card-title[data-v-f6d44dcb]:before{content:"📈";font-size:1.4rem}.uplot-container[data-v-f6d44dcb]{width:100%;height:450px;margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d;position:relative}.chart-loading[data-v-f6d44dcb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666}.chart-loading p[data-v-f6d44dcb]{margin-top:10px;font-size:14px}.no-data-section[data-v-f6d44dcb]{margin-top:32px}.no-data-section .p-card[data-v-f6d44dcb]{border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px dashed #dee2e6;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.no-data-content[data-v-f6d44dcb]{text-align:center;padding:60px 20px;color:#6c757d}.no-data-content .pi-info-circle[data-v-f6d44dcb]{color:#17a2b8!important;margin-bottom:20px;animation:bounce-f6d44dcb 2s infinite}@keyframes bounce-f6d44dcb{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.no-data-content h3[data-v-f6d44dcb]{margin:20px 0 16px;color:#2c3e50;font-size:1.4rem;font-weight:600}.no-data-content p[data-v-f6d44dcb]{font-size:1.1rem;margin:0;color:#6c757d;line-height:1.6}@keyframes fadeIn-f6d44dcb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-container[data-v-f6d44dcb]{padding:10px}.data-cards-grid[data-v-f6d44dcb],.energy-co2-section[data-v-f6d44dcb]{grid-template-columns:1fr}.dashboard-header h1[data-v-f6d44dcb]{font-size:2rem}.history-content[data-v-f6d44dcb]{padding:16px}.history-controls[data-v-f6d44dcb]{padding:20px;margin-bottom:24px}.date-range-section h3[data-v-f6d44dcb]{font-size:1.2rem;text-align:center}.preset-dropdown[data-v-f6d44dcb]{padding:12px}.preset-selector[data-v-f6d44dcb]{min-width:100%}.chart-type-dropdown[data-v-f6d44dcb]{padding:12px}.chart-type-selector[data-v-f6d44dcb]{min-width:100%}.date-pickers[data-v-f6d44dcb]{padding:16px}.date-picker-group[data-v-f6d44dcb]{min-width:100%;max-width:100%}.action-buttons[data-v-f6d44dcb]{flex-direction:column;gap:12px}.action-buttons .p-button[data-v-f6d44dcb]{width:100%;justify-content:center}.summary-grid[data-v-f6d44dcb]{grid-template-columns:1fr;gap:16px}.summary-item[data-v-f6d44dcb]{padding:12px 16px}.summary-label[data-v-f6d44dcb]{font-size:.9rem}.summary-value[data-v-f6d44dcb]{font-size:1.1rem}.uplot-container[data-v-f6d44dcb]{height:300px}.data-summary .p-card-title[data-v-f6d44dcb],.chart-section .p-card-title[data-v-f6d44dcb]{font-size:1.1rem;padding:16px 20px}.loading-section[data-v-f6d44dcb],.no-data-content[data-v-f6d44dcb]{padding:40px 16px}}@media (max-width: 480px){.history-content[data-v-f6d44dcb]{padding:12px}.history-controls[data-v-f6d44dcb]{padding:16px}.date-range-section h3[data-v-f6d44dcb]{font-size:1.1rem}.preset-selector[data-v-f6d44dcb],.chart-type-selector[data-v-f6d44dcb]{font-size:.9rem}.summary-item[data-v-f6d44dcb]{flex-direction:column;text-align:center;gap:8px}.summary-value[data-v-f6d44dcb]{text-align:center}.uplot-container[data-v-f6d44dcb]{height:250px}}[data-v-f6d44dcb] .p-inputtext{border:2px solid #dee2e6;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s ease;background:#fff}[data-v-f6d44dcb] .p-inputtext:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}[data-v-f6d44dcb] .p-inputtext:hover{border-color:#90caf9}[data-v-f6d44dcb] .p-datepicker-trigger{color:#6c757d;margin-left:8px;transition:color .3s ease}[data-v-f6d44dcb] .p-datepicker-trigger:hover{color:#2196f3}.last-update-time[data-v-f6d44dcb]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6c757d;margin-top:4px}.last-update-time i[data-v-f6d44dcb]{font-size:.8rem}.last-update-time span[data-v-f6d44dcb]{font-weight:500}.energy-charts-container[data-v-f6d44dcb]{display:grid;grid-template-columns:1fr;gap:15px;margin-top:20px;width:100%;box-sizing:border-box}@media (min-width: 768px){.energy-charts-container[data-v-f6d44dcb]{gap:20px}}@media (min-width: 1024px){.energy-charts-container[data-v-f6d44dcb]{grid-template-columns:1fr 1fr;gap:25px}}@media (min-width: 1440px){.energy-charts-container[data-v-f6d44dcb]{gap:30px}}.chart-column[data-v-f6d44dcb]{width:100%;min-width:0;box-sizing:border-box}.chart-column[data-v-f6d44dcb] .energy-chart{width:100%;max-width:100%;box-sizing:border-box}.chart-column[data-v-f6d44dcb] .chart-container{width:100%;max-width:100%;overflow:hidden}.chart-column[data-v-f6d44dcb] .chart-section{width:100%;max-width:100%}.chart-column[data-v-f6d44dcb] canvas{max-width:100%;height:auto!important}.energy-co2-chart[data-v-f6d44dcb]{margin-top:15px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.pie-chart[data-v-f6d44dcb]{max-height:200px;width:100%}.energy-co2-chart canvas[data-v-f6d44dcb]{max-height:200px!important}.three-card-layout[data-v-f6d44dcb]{display:flex;gap:16px;align-items:stretch}.card-item[data-v-f6d44dcb]{flex:1;border-radius:12px;padding:0;text-align:center;color:#fff;min-height:120px;display:flex;flex-direction:column;justify-content:center}.card-item.blue[data-v-f6d44dcb]{background:linear-gradient(135deg,#4a90e2,#357abd)}.card-item.orange[data-v-f6d44dcb]{background:linear-gradient(135deg,#ff6b35,#e55a2b)}.card-item.chart[data-v-f6d44dcb]{background:#f8f9fa;color:#333}.card-item h5[data-v-f6d44dcb]{margin:0 0 12px;font-size:14px;font-weight:600;opacity:.9}.card-item .value[data-v-f6d44dcb]{font-size:24px;font-weight:700;margin:0}.chart-wrapper[data-v-f6d44dcb]{display:flex;justify-content:center;align-items:center;height:80px;margin-top:8px}.chart-wrapper canvas[data-v-f6d44dcb]{max-height:70px!important;max-width:70px!important}@media (max-width: 768px){.three-card-layout[data-v-f6d44dcb]{flex-direction:column;gap:12px}.card-item[data-v-f6d44dcb]{min-height:100px;padding:16px}.card-item .value[data-v-f6d44dcb]{font-size:20px}.chart-wrapper[data-v-f6d44dcb]{height:60px}.chart-wrapper canvas[data-v-f6d44dcb]{max-height:50px!important;max-width:50px!important}}.two-column-layout[data-v-f6d44dcb]{display:flex;gap:20px;align-items:stretch;width:100%}.left-column[data-v-f6d44dcb]{flex:1;display:flex;flex-direction:column;gap:16px}.right-column[data-v-f6d44dcb]{flex:1;display:flex;align-items:center;justify-content:center}.right-column .card-item.chart[data-v-f6d44dcb]{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.right-column .chart-wrapper[data-v-f6d44dcb]{height:250px;width:250px}.right-column .chart-wrapper canvas[data-v-f6d44dcb]{max-height:250px!important;max-width:250px!important}@media (max-width: 768px){.two-column-layout[data-v-f6d44dcb]{flex-direction:column;gap:16px}.right-column .chart-wrapper[data-v-f6d44dcb]{height:250px;width:180px}.right-column .chart-wrapper canvas[data-v-f6d44dcb]{max-height:250px!important;max-width:250px!important}}.device-control-section[data-v-f6d44dcb]{margin-top:15px;display:flex;justify-content:center}.control-btn[data-v-f6d44dcb]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:140px}.control-btn.online[data-v-f6d44dcb]{background-color:#f44336;color:#fff}.control-btn.online[data-v-f6d44dcb]:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-1px)}.control-btn.offline[data-v-f6d44dcb]{background-color:#2196f3;color:#fff}.control-btn.offline[data-v-f6d44dcb]:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.control-btn[data-v-f6d44dcb]:disabled{opacity:.6;cursor:not-allowed;transform:none}.control-btn i[data-v-f6d44dcb]{font-size:16px}@media (max-width: 768px){.device-control-section[data-v-f6d44dcb]{margin-top:10px}.control-btn[data-v-f6d44dcb]{padding:10px 20px;font-size:13px;min-width:120px}}.back-to-devices-link[data-v-f6d44dcb]{text-decoration:none;color:inherit;margin-right:10px;display:flex;align-items:center}.back-to-devices-link i[data-v-f6d44dcb]{font-size:1.5rem}.detail .label[data-v-f6d44dcb],.detail .value[data-v-f6d44dcb]{font-size:1.2rem}