.electric-portal-dashboard[data-v-a2f2102c]{min-height:calc(100vh - 80px);background:#f1f5f9;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.electric-portal-dashboard .portal-header[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:16px;padding:20px 24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.02);box-shadow:0 1px 3px rgba(0,0,0,.02);border:1px solid #e2e8f0;gap:20px;position:relative;z-index:2}.electric-portal-dashboard .portal-header .title-section[data-v-a2f2102c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;text-align:center}.electric-portal-dashboard .portal-header .title-section h1[data-v-a2f2102c]{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px 0}.electric-portal-dashboard .portal-header .title-section .subtitle[data-v-a2f2102c]{font-size:13px;color:#64748b;margin:0}.electric-portal-dashboard .portal-header .selector-section[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.electric-portal-dashboard .portal-header .school-selector[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.electric-portal-dashboard .portal-header .school-selector .selector-icon[data-v-a2f2102c]{color:#3b82f6;font-size:16px}.electric-portal-dashboard .portal-header .time-section[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;color:#475569;background:#f8fafc;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;font-family:monospace;min-width:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.electric-portal-dashboard .portal-header .time-section i[data-v-a2f2102c]{color:#3b82f6;font-size:15px}.stats-section[data-v-a2f2102c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stats-section .stat-card[data-v-a2f2102c]{position:relative;background:#fff;border-radius:16px;padding:24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(15,23,42,.04);box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(15,23,42,.04);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0}.stats-section .stat-card[data-v-a2f2102c]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 24px rgba(15,23,42,.08);box-shadow:0 12px 24px rgba(15,23,42,.08)}.stats-section .stat-card:hover .card-bg-glow[data-v-a2f2102c]{opacity:1}.stats-section .card-bg-glow[data-v-a2f2102c]{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(2,132,199,.04) 0,transparent 80%);opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.stats-section .stat-icon[data-v-a2f2102c]{width:54px;height:54px;border-radius:14px;font-size:24px;color:#fff;-ms-flex-negative:0;flex-shrink:0}.stats-section .stat-icon[data-v-a2f2102c],.stats-section .stat-icon i[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stats-section .stat-icon i[data-v-a2f2102c]{width:100%;height:100%;line-height:1}.stats-section .stat-content[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.stats-section .stat-content h3[data-v-a2f2102c]{font-size:13px;font-weight:500;color:#64748b;margin:0}.stats-section .stat-number[data-v-a2f2102c]{font-size:28px;font-weight:700;color:#0f172a;margin:0;line-height:1.1}.stats-section .stat-number .sub[data-v-a2f2102c]{font-size:12px;color:#64748b;margin-left:4px;font-weight:500}.stats-section .stat-change[data-v-a2f2102c]{font-size:11px;font-weight:600;margin:0;margin-top:2px}.stats-section .stat-change.positive[data-v-a2f2102c]{color:#10b981}.stats-section .stat-change.neutral[data-v-a2f2102c]{color:#f59e0b}.stats-section .card-sky .stat-icon[data-v-a2f2102c]{background:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-box-shadow:0 4px 12px rgba(2,132,199,.2);box-shadow:0 4px 12px rgba(2,132,199,.2)}.stats-section .card-emerald .stat-icon[data-v-a2f2102c]{background:linear-gradient(135deg,#10b981,#059669);-webkit-box-shadow:0 4px 12px rgba(16,185,129,.2);box-shadow:0 4px 12px rgba(16,185,129,.2)}.stats-section .card-amber .stat-icon[data-v-a2f2102c]{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-box-shadow:0 4px 12px rgba(245,158,11,.2);box-shadow:0 4px 12px rgba(245,158,11,.2)}.stats-section .card-blue .stat-icon[data-v-a2f2102c]{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-box-shadow:0 4px 12px rgba(59,130,246,.2);box-shadow:0 4px 12px rgba(59,130,246,.2)}.stats-section .card-indigo .stat-icon[data-v-a2f2102c]{background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-box-shadow:0 4px 12px rgba(139,92,246,.2);box-shadow:0 4px 12px rgba(139,92,246,.2)}.breath-glow[data-v-a2f2102c]{-webkit-animation:breath-shadow-anim-data-v-a2f2102c 2s infinite alternate;animation:breath-shadow-anim-data-v-a2f2102c 2s infinite alternate}@-webkit-keyframes breath-shadow-anim-data-v-a2f2102c{0%{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,.4);box-shadow:0 0 0 0 rgba(16,185,129,.4)}to{-webkit-box-shadow:0 0 0 8px rgba(16,185,129,0);box-shadow:0 0 0 8px rgba(16,185,129,0)}}@keyframes breath-shadow-anim-data-v-a2f2102c{0%{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,.4);box-shadow:0 0 0 0 rgba(16,185,129,.4)}to{-webkit-box-shadow:0 0 0 8px rgba(16,185,129,0);box-shadow:0 0 0 8px rgba(16,185,129,0)}}.quick-link-section[data-v-a2f2102c]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-card[data-v-a2f2102c]{position:relative;border-radius:16px;padding:24px;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(15,23,42,.05);box-shadow:0 4px 12px rgba(15,23,42,.05)}.quick-card[data-v-a2f2102c]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 12px 24px rgba(15,23,42,.12);box-shadow:0 12px 24px rgba(15,23,42,.12)}.quick-card:hover .quick-action i[data-v-a2f2102c]{-webkit-transform:translateX(4px);transform:translateX(4px)}.quick-info[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;position:relative;z-index:2;-webkit-box-flex:1;-ms-flex:1;flex:1}.quick-info h3[data-v-a2f2102c]{font-size:18px;font-weight:700;color:#fff!important;margin:0}.quick-info p[data-v-a2f2102c]{font-size:13px;opacity:.85;color:hsla(0,0%,100%,.85);margin-top:4px}.quick-action[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;background:hsla(0,0%,100%,.18);padding:8px 16px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;position:relative;z-index:2;backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.12);-ms-flex-negative:0;flex-shrink:0}.quick-action i[data-v-a2f2102c]{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;font-weight:700}.nav-device[data-v-a2f2102c]{background:linear-gradient(135deg,#0284c7,#0369a1)}.nav-device[data-v-a2f2102c]:before{content:"";position:absolute;right:-20px;bottom:-20px;width:120px;height:120px;background:radial-gradient(circle,hsla(0,0%,100%,.05) 0,transparent 70%);border-radius:50%}.nav-record[data-v-a2f2102c]{background:linear-gradient(135deg,#4f46e5,#4338ca)}.nav-record[data-v-a2f2102c]:before{content:"";position:absolute;right:-20px;bottom:-20px;width:120px;height:120px;background:radial-gradient(circle,hsla(0,0%,100%,.05) 0,transparent 70%);border-radius:50%}.dashboard-details[data-v-a2f2102c]{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}@media (max-width:992px){.dashboard-details[data-v-a2f2102c]{grid-template-columns:1fr}}.dashboard-details .detail-card[data-v-a2f2102c]{background:#fff;border-radius:16px;padding:24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(15,23,42,.02);box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(15,23,42,.02);border:1px solid #e2e8f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.dashboard-details .detail-card .card-header[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:14px}.dashboard-details .detail-card .card-header h2[data-v-a2f2102c]{font-size:16px;font-weight:700;color:#0f172a;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.dashboard-details .detail-card .card-header h2 i[data-v-a2f2102c]{color:#3b82f6}.dashboard-details .detail-card .card-header .btn-more[data-v-a2f2102c]{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:0;-webkit-transition:all .2s ease;transition:all .2s ease}.dashboard-details .detail-card .card-header .btn-more[data-v-a2f2102c]:hover{text-decoration:underline;color:#2563eb}.donut-chart-wrap[data-v-a2f2102c]{padding:16px 0}.donut-chart-wrap[data-v-a2f2102c],.donut-ring[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.donut-ring[data-v-a2f2102c]{position:relative;width:160px;height:160px;border-radius:50%;-webkit-box-shadow:0 4px 14px rgba(15,23,42,.08);box-shadow:0 4px 14px rgba(15,23,42,.08);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.donut-ring[data-v-a2f2102c]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 6px 20px rgba(15,23,42,.12);box-shadow:0 6px 20px rgba(15,23,42,.12)}.donut-ring:hover .donut-tooltip[data-v-a2f2102c]{opacity:1;visibility:visible;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}.donut-center[data-v-a2f2102c]{position:absolute;width:116px;height:116px;border-radius:50%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:inset 0 2px 8px rgba(15,23,42,.05),0 4px 10px rgba(15,23,42,.03);box-shadow:inset 0 2px 8px rgba(15,23,42,.05),0 4px 10px rgba(15,23,42,.03)}.donut-center .donut-total[data-v-a2f2102c]{font-size:30px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:4px}.donut-center .donut-online-text[data-v-a2f2102c]{font-size:12px;color:#10b981;font-weight:700;margin-bottom:4px}.donut-center .donut-online-text b[data-v-a2f2102c]{font-size:13px}.donut-center .donut-label[data-v-a2f2102c]{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.donut-tooltip[data-v-a2f2102c]{position:absolute;left:50%;bottom:100%;-webkit-transform:translate(-50%);transform:translate(-50%);background:rgba(15,23,42,.95);backdrop-filter:blur(8px);border-radius:10px;color:#fff;padding:12px 16px;font-size:12px;min-width:170px;-webkit-box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.12);opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.donut-tooltip[data-v-a2f2102c]:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-width:6px;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent transparent}.donut-tooltip .tooltip-title[data-v-a2f2102c]{font-weight:700;color:#94a3b8;border-bottom:1px solid hsla(0,0%,100%,.08);padding-bottom:6px;text-align:center}.donut-tooltip .tooltip-item[data-v-a2f2102c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.donut-tooltip .tooltip-item[data-v-a2f2102c],.donut-tooltip .tooltip-label-wrap[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.donut-tooltip .tooltip-label-wrap[data-v-a2f2102c]{gap:6px}.donut-tooltip .tooltip-label-wrap .dot[data-v-a2f2102c]{width:6px;height:6px;border-radius:50%;display:inline-block}.donut-tooltip .val[data-v-a2f2102c]{font-weight:700;font-family:monospace}.donut-tooltip .tooltip-closed .dot[data-v-a2f2102c]{background:#10b981;-webkit-box-shadow:0 0 6px rgba(16,185,129,.4);box-shadow:0 0 6px rgba(16,185,129,.4)}.donut-tooltip .tooltip-open .dot[data-v-a2f2102c]{background:#f59e0b;-webkit-box-shadow:0 0 6px rgba(245,158,11,.4);box-shadow:0 0 6px rgba(245,158,11,.4)}.donut-tooltip .tooltip-water .dot[data-v-a2f2102c]{background:#cbd5e1}.donut-legend[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px;width:100%;padding-top:16px;border-top:1px solid #f1f5f9}.donut-legend .legend-item[data-v-a2f2102c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#475569}.donut-legend .legend-dot[data-v-a2f2102c]{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.donut-legend .legend-name[data-v-a2f2102c]{margin-right:4px;font-weight:500}.donut-legend .legend-count[data-v-a2f2102c]{font-weight:700;font-family:monospace;color:#0f172a}.donut-legend .legend-closed .legend-dot[data-v-a2f2102c]{background:#10b981;-webkit-box-shadow:0 0 6px rgba(16,185,129,.4);box-shadow:0 0 6px rgba(16,185,129,.4)}.donut-legend .legend-open .legend-dot[data-v-a2f2102c]{background:#f59e0b;-webkit-box-shadow:0 0 6px rgba(245,158,11,.4);box-shadow:0 0 6px rgba(245,158,11,.4)}.donut-legend .legend-water .legend-dot[data-v-a2f2102c]{background:#cbd5e1}.donut-chart-empty[data-v-a2f2102c]{padding:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.device-preview-section[data-v-a2f2102c]{overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.preview-table[data-v-a2f2102c]{font-size:13px}.mono-text[data-v-a2f2102c]{font-family:Courier New,monospace;font-size:12px;color:#1d4ed8;font-weight:600;background:#eff6ff;padding:2px 7px;border-radius:5px}.relay-mini[data-v-a2f2102c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600}.relay-mini .dot[data-v-a2f2102c]{width:5px;height:5px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.relay-ok[data-v-a2f2102c]{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.relay-ok .dot[data-v-a2f2102c]{background:#10b981}.relay-off[data-v-a2f2102c]{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.relay-off .dot[data-v-a2f2102c]{background:#f59e0b}.preview-empty[data-v-a2f2102c]{padding:40px 0}@media (max-width:1200px){.electric-portal-dashboard[data-v-a2f2102c]{padding:10px}.electric-portal-dashboard .portal-header[data-v-a2f2102c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.electric-portal-dashboard .portal-header .selector-section[data-v-a2f2102c],.electric-portal-dashboard .portal-header .time-section[data-v-a2f2102c],.electric-portal-dashboard .portal-header .title-section[data-v-a2f2102c]{min-width:0;width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}.electric-portal-dashboard .portal-header .title-section[data-v-a2f2102c]{text-align:left}.dashboard-details[data-v-a2f2102c],.quick-link-section[data-v-a2f2102c]{grid-template-columns:1fr}}