.water-portal-dashboard[data-v-7726a147]{min-height:calc(100vh - 80px);background:#f1f5f9;padding:20px;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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.water-portal-dashboard .portal-header[data-v-7726a147]{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}.water-portal-dashboard .portal-header .title-section[data-v-7726a147]{text-align:center}.water-portal-dashboard .portal-header .title-section h1[data-v-7726a147]{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px 0}.water-portal-dashboard .portal-header .title-section .subtitle[data-v-7726a147]{font-size:13px;color:#64748b;margin:0}.water-portal-dashboard .portal-header .selector-section[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.water-portal-dashboard .portal-header .selector-section .school-selector[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.water-portal-dashboard .portal-header .selector-section .school-selector .selector-icon[data-v-7726a147]{color:#3b82f6;font-size:16px}.water-portal-dashboard .portal-header .time-section[data-v-7726a147]{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}.water-portal-dashboard .portal-header .time-section i[data-v-7726a147]{color:#3b82f6;font-size:15px}.water-portal-dashboard .stats-section[data-v-7726a147]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.water-portal-dashboard .stats-section .stat-card[data-v-7726a147]{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}.water-portal-dashboard .stats-section .stat-card[data-v-7726a147]: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)}.water-portal-dashboard .stats-section .stat-card:hover .card-bg-glow[data-v-7726a147]{opacity:1}.water-portal-dashboard .stats-section .stat-card .card-bg-glow[data-v-7726a147]{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}.water-portal-dashboard .stats-section .stat-card .stat-icon[data-v-7726a147]{width:54px;height:54px;border-radius:14px;font-size:24px;color:#fff;-ms-flex-negative:0;flex-shrink:0}.water-portal-dashboard .stats-section .stat-card .stat-icon[data-v-7726a147],.water-portal-dashboard .stats-section .stat-card .stat-icon i[data-v-7726a147]{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}.water-portal-dashboard .stats-section .stat-card .stat-icon i[data-v-7726a147]{width:100%;height:100%;line-height:1}.water-portal-dashboard .stats-section .stat-card .stat-content[data-v-7726a147]{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}.water-portal-dashboard .stats-section .stat-card .stat-content h3[data-v-7726a147]{font-size:13px;font-weight:500;color:#64748b;margin:0}.water-portal-dashboard .stats-section .stat-card .stat-content .stat-number[data-v-7726a147]{font-size:28px;font-weight:700;color:#0f172a;margin:0;line-height:1.1}.water-portal-dashboard .stats-section .stat-card .stat-content .stat-number .sub[data-v-7726a147]{font-size:12px;color:#64748b;margin-left:4px;font-weight:500}.water-portal-dashboard .stats-section .stat-card .stat-content .stat-change[data-v-7726a147]{font-size:11px;font-weight:600;margin:0}.water-portal-dashboard .stats-section .stat-card .stat-content .stat-change.positive[data-v-7726a147]{color:#10b981}.water-portal-dashboard .stats-section .card-sky .stat-icon[data-v-7726a147]{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)}.water-portal-dashboard .stats-section .card-emerald .stat-icon[data-v-7726a147]{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)}.water-portal-dashboard .stats-section .card-blue .stat-icon[data-v-7726a147]{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)}.water-portal-dashboard .stats-section .card-indigo .stat-icon[data-v-7726a147]{background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-box-shadow:0 4px 12px rgba(99,102,241,.2);box-shadow:0 4px 12px rgba(99,102,241,.2)}.water-portal-dashboard .breath-glow[data-v-7726a147]{-webkit-animation:breath-shadow-data-v-7726a147 2s infinite alternate;animation:breath-shadow-data-v-7726a147 2s infinite alternate}.water-portal-dashboard .quick-link-section[data-v-7726a147]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.water-portal-dashboard .quick-link-section .quick-card[data-v-7726a147]{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)}.water-portal-dashboard .quick-link-section .quick-card[data-v-7726a147]: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)}.water-portal-dashboard .quick-link-section .quick-card:hover .quick-action i[data-v-7726a147]{-webkit-transform:translateX(4px);transform:translateX(4px)}.water-portal-dashboard .quick-link-section .quick-card .quick-info[data-v-7726a147]{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}.water-portal-dashboard .quick-link-section .quick-card .quick-info h3[data-v-7726a147]{font-size:18px;font-weight:700;margin:0}.water-portal-dashboard .quick-link-section .quick-card .quick-info p[data-v-7726a147]{font-size:13px;opacity:.85;margin:0}.water-portal-dashboard .quick-link-section .quick-card .quick-action[data-v-7726a147]{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;position:relative;z-index:2;backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.12)}.water-portal-dashboard .quick-link-section .quick-card .quick-action i[data-v-7726a147]{-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}.water-portal-dashboard .quick-link-section .nav-device[data-v-7726a147]{background:linear-gradient(135deg,#0284c7,#0369a1)}.water-portal-dashboard .quick-link-section .nav-device[data-v-7726a147]: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%}.water-portal-dashboard .quick-link-section .nav-record[data-v-7726a147]{background:linear-gradient(135deg,#4f46e5,#4338ca)}.water-portal-dashboard .quick-link-section .nav-record[data-v-7726a147]: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%}.water-portal-dashboard .dashboard-details[data-v-7726a147]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.water-portal-dashboard .dashboard-details .detail-card[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .card-header[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .card-header h2[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .card-header h2 i[data-v-7726a147]{color:#3b82f6}.water-portal-dashboard .dashboard-details .detail-card .card-header .badge-danger[data-v-7726a147]{font-size:11px;font-weight:700;background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:4px}.water-portal-dashboard .dashboard-details .detail-card .card-header .btn-more[data-v-7726a147]{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:0}.water-portal-dashboard .dashboard-details .detail-card .card-header .btn-more[data-v-7726a147]:hover{text-decoration:underline}.water-portal-dashboard .dashboard-details .detail-card.status-donut-panel[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.water-portal-dashboard .dashboard-details .detail-card .donut-chart-wrap[data-v-7726a147]{padding:16px 0}.water-portal-dashboard .dashboard-details .detail-card .donut-chart-wrap[data-v-7726a147],.water-portal-dashboard .dashboard-details .detail-card .donut-ring[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .donut-ring[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .donut-ring[data-v-7726a147]: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)}.water-portal-dashboard .dashboard-details .detail-card .donut-ring:hover .donut-tooltip[data-v-7726a147]{opacity:1;visibility:visible;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip[data-v-7726a147]: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}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-title[data-v-7726a147]{font-weight:700;color:#94a3b8;border-bottom:1px solid hsla(0,0%,100%,.08);padding-bottom:6px;text-align:center}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item .tooltip-label-wrap[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item .tooltip-label-wrap .dot[data-v-7726a147]{width:6px;height:6px;border-radius:50%;display:inline-block}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item .val[data-v-7726a147]{font-weight:700;font-family:monospace}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item.tooltip-online .dot[data-v-7726a147]{background:#10b981;-webkit-box-shadow:0 0 6px rgba(16,185,129,.4);box-shadow:0 0 6px rgba(16,185,129,.4)}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item.tooltip-warning .dot[data-v-7726a147]{background:#f59e0b;-webkit-box-shadow:0 0 6px rgba(245,158,11,.4);box-shadow:0 0 6px rgba(245,158,11,.4)}.water-portal-dashboard .dashboard-details .detail-card .donut-ring .donut-tooltip .tooltip-item.tooltip-offline .dot[data-v-7726a147]{background:#cbd5e1}.water-portal-dashboard .dashboard-details .detail-card .donut-center[data-v-7726a147]{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)}.water-portal-dashboard .dashboard-details .detail-card .donut-center .donut-total[data-v-7726a147]{font-size:30px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:4px}.water-portal-dashboard .dashboard-details .detail-card .donut-center .donut-online-text[data-v-7726a147]{font-size:12px;color:#10b981;font-weight:700;margin-bottom:4px}.water-portal-dashboard .dashboard-details .detail-card .donut-center .donut-online-text b[data-v-7726a147]{font-size:13px}.water-portal-dashboard .dashboard-details .detail-card .donut-center .donut-label[data-v-7726a147]{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.water-portal-dashboard .dashboard-details .detail-card .donut-legend[data-v-7726a147]{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}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#475569}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item .legend-dot[data-v-7726a147]{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right-value:6px;margin-right:6px}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item .legend-name[data-v-7726a147]{margin-right:4px;font-weight:500}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item .legend-count[data-v-7726a147]{font-weight:700;font-family:monospace;color:#0f172a}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item.legend-online .legend-dot[data-v-7726a147]{background:#10b981;-webkit-box-shadow:0 0 6px rgba(16,185,129,.4);box-shadow:0 0 6px rgba(16,185,129,.4)}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item.legend-offline .legend-dot[data-v-7726a147]{background:#cbd5e1}.water-portal-dashboard .dashboard-details .detail-card .donut-legend .legend-item.legend-warning .legend-dot[data-v-7726a147]{background:#f59e0b;-webkit-box-shadow:0 0 6px rgba(245,158,11,.4);box-shadow:0 0 6px rgba(245,158,11,.4)}.water-portal-dashboard .dashboard-details .event-list[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.water-portal-dashboard .dashboard-details .event-list .event-item[data-v-7726a147]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease;border:1px dashed #e2e8f0}.water-portal-dashboard .dashboard-details .event-list .event-item[data-v-7726a147]:hover{background:#f8fafc;border-style:solid;border-color:#cbd5e1}.water-portal-dashboard .dashboard-details .event-list .event-item .event-avatar[data-v-7726a147]{font-size:22px;color:#64748b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.water-portal-dashboard .dashboard-details .event-list .event-item .event-info[data-v-7726a147]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.water-portal-dashboard .dashboard-details .event-list .event-item .event-info .event-msg[data-v-7726a147]{font-size:13px;color:#334155;margin:0}.water-portal-dashboard .dashboard-details .event-list .event-item .event-info .event-msg .user[data-v-7726a147]{font-weight:600;color:#0f172a}.water-portal-dashboard .dashboard-details .event-list .event-item .event-info .event-msg .dev[data-v-7726a147]{color:#0284c7;font-weight:500}.water-portal-dashboard .dashboard-details .event-list .event-item .event-info .event-msg .volume[data-v-7726a147]{font-weight:700;color:#475569}.water-portal-dashboard .dashboard-details .event-list .event-item .event-info .event-time[data-v-7726a147]{font-size:11px;color:#94a3b8;font-family:monospace}.water-portal-dashboard .dashboard-details .event-list .event-item .event-amount[data-v-7726a147]{font-size:14px;font-weight:700;color:#10b981}@media (max-width:900px){.water-portal-dashboard[data-v-7726a147]{padding:10px}.dashboard-details[data-v-7726a147],.quick-link-section[data-v-7726a147]{grid-template-columns:1fr}.portal-header[data-v-7726a147]{-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}}@-webkit-keyframes breath-shadow-data-v-7726a147{0%{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,.3);box-shadow:0 0 0 0 rgba(16,185,129,.3)}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-data-v-7726a147{0%{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,.3);box-shadow:0 0 0 0 rgba(16,185,129,.3)}to{-webkit-box-shadow:0 0 0 8px rgba(16,185,129,0);box-shadow:0 0 0 8px rgba(16,185,129,0)}}