*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f7fa;--sidebar:#0d1117;--card:#fff;--card-hover:#f8fafc;--border:#e2e8f0;--text:#1e293b;--text-dim:#475569;--accent:#2563eb;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--cyan:#0891b2;--purple:#9333ea;--orange:#ea580c;--sidebar-w:230px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{height:100%}.app{height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:10;background:#0d1117;flex-direction:column;flex-shrink:0;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 18px 16px;display:flex}.sidebar-brand .logo{color:var(--accent);font-size:24px}.sidebar-brand h1{letter-spacing:.5px;color:#e6edf3;font-size:16px;font-weight:700}.sidebar-brand small{color:#8b949e;margin-top:1px;font-size:11px;font-weight:400;display:block}.nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);padding:16px 8px 6px;font-size:10px}.nav-item{cursor:pointer;color:var(--text-dim);letter-spacing:.3px;border-radius:10px;align-items:center;gap:8px;margin-bottom:2px;padding:11px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#e6edf3;background:#ffffff14}.nav-item.active{color:#58a6ff;background:#2563eb26;font-weight:600}.nav-item.expanded{color:#e6edf3;background:#ffffff0a;font-weight:600}.nav-sub{border-left:2px solid #0000;padding:8px 12px 8px 32px!important;font-size:15px!important;font-weight:400!important}.nav-sub:hover{border-left-color:#ffffff1a}.nav-sub.active{border-left-color:#3b82f6;background:#2563eb1a!important;font-weight:600!important}.floor-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-badge{margin-left:auto;font-size:11px}.status-badge.online{color:var(--green)}.status-badge.offline{color:var(--red)}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-dim);padding:14px 16px;font-size:12px}.sidebar-user{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sidebar-user-icon{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.sidebar-user-name{color:#e6edf3;font-size:13px;font-weight:600}.sidebar-user-role{color:#8b949e;font-size:10px}.sidebar-logout-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.sidebar-logout-btn:hover{background:#ef444440;border-color:#ef444466}.main{flex-direction:column;flex:1;display:flex;overflow:visible}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex;position:relative}.topbar-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.topbar-brand{color:var(--text);flex-shrink:0;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.topbar-brand i{color:var(--accent);font-size:16px}.topbar-nav{scrollbar-width:none;flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav-item{color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.topbar-nav-item:hover{color:var(--text);background:#0000000d}.topbar-nav-item.active{color:var(--text);background:#2563eb1f}.topbar-nav-item.floor .floor-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.topbar-nav-item.floor .status-badge{margin-left:2px;font-size:8px}.topbar-nav-item.floor .status-badge.online{color:#22c55e}.topbar-nav-item.floor .status-badge.offline{color:#ef4444}.topbar-nav-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.topbar-right{color:var(--text-dim);flex-shrink:0;align-items:center;gap:12px;font-size:13px;display:flex}.topbar-clock{font-size:12px}.topbar-refresh{cursor:pointer;font-size:13px;transition:color .2s}.topbar-refresh:hover{color:var(--text)}.topbar-conn-status{font-size:12px}.topbar-conn-status.online{color:#22c55e}.content{flex:1;padding:24px 28px;overflow-y:auto}.page-content{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floor-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:20px;transition:all .2s}.floor-card:hover{background:var(--card-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.floor-card-header{justify-content:space-between;align-items:center;display:flex}.floor-card-title{font-size:16px;font-weight:600}.status-indicator{margin-left:6px;font-size:11px}.status-indicator.online{color:var(--green)}.status-indicator.offline{color:var(--red)}.overview-item{text-align:center;background:#ffffff05;border-radius:8px;padding:8px 4px}.overview-icon{margin-bottom:4px;font-size:16px}.overview-value{font-size:16px;font-weight:700}.overview-label{color:var(--text-dim);margin-top:2px;font-size:10px}.floor-detail-header{background:var(--card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 16px;display:flex}.floor-detail-header-top{justify-content:space-between;align-items:center;display:flex}.floor-detail-header h2{font-size:15px}.floor-detail-header h2 small{color:var(--text-dim);margin-left:8px;font-size:11px;font-weight:400}.floor-meta{align-items:center;gap:12px;display:flex}.panel-title{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.compare-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:14px}.compare-label{color:var(--text-dim);margin-bottom:4px;font-size:12px}.compare-value{font-size:24px;font-weight:700}.compare-unit{color:var(--text-dim);margin-top:2px;font-size:11px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;transition:all .2s;position:relative;overflow:visible}.metric-card:hover{background:var(--card-hover);transform:translateY(-1px)}.metric-card .label{color:var(--text-dim);margin-bottom:2px;font-size:12px}.metric-card .value{letter-spacing:-.5px;font-size:28px;font-weight:700}.metric-card .unit{color:var(--text-dim);margin-left:4px;font-size:14px;font-weight:400}.metric-card .icon-circle{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;position:absolute;top:16px;right:16px}.metric-card .sub{color:var(--text-dim);margin-top:4px;font-size:12px;display:flex}.bg-accent{color:var(--accent);background:#3b82f626}.bg-green{color:var(--green);background:#22c55e26}.bg-yellow{color:var(--yellow);background:#eab30826}.bg-red{color:var(--red);background:#ef444426}.bg-cyan{color:var(--cyan);background:#06b6d426}.bg-purple{color:var(--purple);background:#a855f726}.bg-orange{color:var(--orange);background:#f9731626}.gauge-wrap{margin-top:8px}.gauge-bar{background:var(--border);border-radius:3px;height:6px;overflow:visible}.gauge-fill{border-radius:3px;height:100%;transition:width .6s}.chart-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.chart-box .chart-header{align-items:center;margin-bottom:8px;display:flex}.chart-box .chart-header h3{font-size:14px;font-weight:600}.query-bar .field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.query-bar select,.query-bar input{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.query-bar select:focus,.query-bar input:focus{border-color:#2563eb}.query-bar select:hover,.query-bar input:hover{border-color:#cbd5e1}.query-bar button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:16px 28px;font-size:13px}.query-bar button:hover{opacity:.85}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:11px;font-weight:500}.data-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.data-table tr:hover td{background:#f1f5f9}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.floor-stats{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.floor-stat{text-align:center;background:#f8fafc;border-radius:8px;flex:1;min-width:70px;padding:8px 4px}.floor-stat i{margin-bottom:2px;font-size:16px;display:block}.floor-stat-val{font-size:22px;font-weight:800;display:block}.floor-stat-label{color:var(--text-dim);margin-top:1px;font-size:10px;display:block}.floor-mgmt{color:var(--text-dim);font-size:10px}.station-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.station-card{z-index:5;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;transition:all .2s;position:relative;overflow:visible}.station-card:hover{background:var(--card-hover)}.station-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.station-title{font-size:14px;font-weight:600}.station-status{color:var(--green);margin-left:8px;font-size:11px}.station-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.station-metric{text-align:center;background:#f8fafc;border-radius:8px;padding:8px}.sm-label{margin-bottom:2px;font-size:10px;font-weight:600}.sm-value{font-size:18px;font-weight:700;line-height:1.2}.sm-unit{color:var(--text-dim);font-size:10px}.mini-gauge{background:var(--border);border-radius:2px;height:3px;margin-top:4px;overflow:visible}.mini-gauge-fill{border-radius:2px;height:100%;transition:width .6s}.station-card-footer{text-align:center;margin-top:8px}.expand-btn{color:var(--accent);cursor:pointer;align-items:center;gap:4px;font-size:11px;display:inline-flex}.expand-btn:hover{text-decoration:underline}.meter-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.meter-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;transition:all .2s}.meter-card:hover{background:var(--card-hover)}.meter-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.meter-title{font-size:14px;font-weight:600}.meter-kwh{margin-left:6px;font-size:22px;font-weight:700}.meter-kwh small{color:var(--text-dim);margin-left:3px;font-size:12px;font-weight:400}.meter-toggle{color:var(--accent);cursor:pointer;align-items:center;gap:6px;padding:6px 0;font-size:12px;display:flex}.meter-toggle:hover{text-decoration:underline}.meter-detail{border-top:1px solid var(--border);gap:14px;margin-top:10px;padding-top:12px;display:grid}.meter-detail-label small{color:var(--text-dim);font-weight:400}.phase-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.phase-item{text-align:center;background:#f8fafc;border-radius:8px;padding:10px}.phase-label{color:var(--text-dim);font-size:11px;font-weight:600;display:block}.phase-value{font-size:20px;font-weight:700;display:block}.btn-refresh{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .2s;display:inline-flex}.btn-refresh:hover{color:var(--text);background:#e2e8f0}.btn-refresh i{font-size:11px}.btn-sm{margin-top:6px;padding:4px 10px;font-size:11px}.btn-query{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .15s}.btn-query:hover{background:#1d4ed8}.btn-query:disabled{opacity:.5;cursor:not-allowed}.station-empty{text-align:center;color:var(--text-dim);padding:20px 0}.station-empty i{opacity:.4;margin-bottom:8px;font-size:24px;display:block}.station-empty p{margin:0;font-size:13px}.station-error{color:var(--red);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:12px}.station-error i{margin-right:6px}.station-status.nodata{color:var(--text-dim)}.meter-kwh.nodata{color:var(--text-dim);font-size:18px}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.phase-bars-container{padding:8px 14px 4px}.phase-bar-item{align-items:center;gap:8px;margin-bottom:4px;display:flex}.phase-bar-label{text-align:right;flex-shrink:0;width:20px;font-size:12px;font-weight:700}.phase-bar-track{background:#ffffff0f;border-radius:5px;flex:1;height:10px;overflow:visible}.phase-bar-fill{border-radius:5px;min-width:4px;height:100%;transition:width .5s}.phase-bar-value{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:55px;font-size:13px;font-weight:600}.phase-bar-value small{color:var(--text-dim);margin-left:2px;font-size:10px;font-weight:400}.volt-summary{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 14px 8px;display:flex}.volt-chip{font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.meter-card-footer{align-items:center;gap:8px;padding:4px 14px 8px;display:flex}.meter-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:11px;display:flex}.meter-toggle:hover{color:#2563eb}.meter-detail{border-top:1px solid #e2e8f0;gap:20px;padding:10px 14px;display:flex}.meter-detail-section{flex:1;min-width:0}.meter-detail-label{color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:600}.phase-grid{gap:6px;display:flex}.phase-item{text-align:center;background:#ffffff08;border-radius:6px;flex:1;padding:6px 4px}.phase-label{margin-bottom:2px;font-size:10px;font-weight:700;display:block}.phase-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.phase-unit{color:var(--text-dim);font-size:10px}.btn-sm{border-radius:4px!important;padding:3px 8px!important;font-size:10px!important}.meter-detail-expanded{border-top:1px solid var(--border);padding:0}.detail-phase-block{padding:12px 14px 6px}.detail-phase-block+.detail-phase-block{border-top:1px solid #e2e8f0;padding-top:10px}.detail-phase-title{align-items:center;gap:5px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.detail-phase-title i{font-size:11px}.detail-phase-row{gap:10px;display:flex}.detail-phase-cell{text-align:center;background:#fff;border-radius:10px;flex:1;min-width:0;padding:10px 8px}.detail-phase-cell-label{letter-spacing:.5px;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.detail-phase-cell-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.2;display:block}.detail-phase-cell-unit{color:var(--text-dim);margin-top:1px;font-size:10px;display:block}.detail-balance-row{justify-content:space-between;align-items:center;padding:4px 14px 8px;display:flex}.balance-badge{border:1px solid;border-radius:12px;padding:3px 10px;font-size:11px}.curr-trend-section{border-top:1px solid #e2e8f0;padding:10px 14px 14px}.curr-trend-header{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.curr-trend-header i{margin-right:6px}.trend-loading{color:var(--accent);font-size:11px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.trend-empty{text-align:center;color:var(--text-dim);padding:16px 0;font-size:12px}.trend-legend{align-items:center;gap:4px;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:2px;display:inline-block}.mini-chart-wrap{height:100px;margin:0 -4px}.query-bar{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.query-bar .field{flex-direction:column;gap:4px;display:flex}.query-bar .field label{color:var(--text-dim);font-size:11px;font-weight:600}.query-bar .field select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:100px;padding:7px 12px;font-size:13px}.query-bar .field select:hover{border-color:#cbd5e1}.query-bar .field select:focus{border-color:var(--accent)}.query-bar .field select:focus .btn-pdf{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin-left:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.query-bar .field select:focus .btn-pdf:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.query-bar .field select:focus .btn-pdf:disabled{opacity:.5;cursor:not-allowed}.query-bar .field select:focus .btn-pdf i{color:#dc2626;font-size:13px}.esg-section{margin-top:16px}.detail-three-col-wide{align-items:flex-start;gap:20px;display:flex}.detail-three-col-wide .detail-col-left{flex:1;width:auto;max-height:calc(100vh - 260px)}.detail-three-col-wide .detail-col-map{flex-shrink:0}.detail-three-col-wide .detail-col-right{flex:1;width:auto}@media (width<=1300px){.detail-three-col-wide{flex-direction:column}}.detail-three-col{align-items:flex-start;gap:20px;margin-top:20px;display:flex}.detail-col-left{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;flex-direction:column;flex:1;gap:16px;width:0;min-width:0;max-height:calc(100vh - 300px);display:flex;overflow-y:auto}.detail-col-center{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.detail-col-right{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;flex-direction:column;flex:1;gap:16px;width:0;min-width:0;max-height:calc(100vh - 300px);display:flex;overflow-y:auto}@media (width<=1300px){.detail-three-col{flex-direction:column;align-items:center}.detail-col-left,.detail-col-right{width:100%;max-height:none}}.detail-col-left::-webkit-scrollbar{width:4px}.detail-col-right::-webkit-scrollbar{width:4px}.detail-col-left::-webkit-scrollbar-track{background:0 0}.detail-col-right::-webkit-scrollbar-track{background:0 0}.detail-col-left::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.detail-col-right::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.floor-map-container{width:640px;max-width:100%}.floor-map-label{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.floor-map-wrapper{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:640px;max-width:100%;transition:opacity .3s;display:inline-block;position:relative;overflow:visible}.floor-map-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.floor-map-marker{cursor:pointer;z-index:2;position:absolute;transform:translate(-50%,-50%)}.marker-dot{background:#f9731640;border:2px solid #f9731680;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.marker-dot.has-data{background:#f9731666;border-color:#f97316}.marker-dot.active{background:#f9731699;border-color:#f97316;transform:scale(1.3);box-shadow:0 0 16px #f9731680}.marker-dot-inner{color:#fff;background:#f97316;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.marker-tooltip-below{top:calc(100% + 12px);bottom:auto!important}.marker-tooltip-below .marker-tooltip-header{border-top:1px solid #f9731626;border-bottom:none;margin-top:4px;margin-bottom:0;padding-top:6px;padding-bottom:0}.marker-tooltip{z-index:10;pointer-events:none;background:#fff;border:1px solid #fed7aa;border-radius:10px;min-width:160px;padding:10px 14px;animation:.15s fadeIn;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.marker-tooltip-header{color:#f97316;border-bottom:1px solid #f9731626;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:600;display:flex}.marker-tooltip-body{flex-direction:column;gap:4px;display:flex}.marker-tooltip-row{justify-content:space-between;gap:16px;font-size:12px;display:flex}.marker-tooltip-label{color:#64748b}.marker-tooltip-value{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.marker-tooltip-empty{color:var(--text-dim);text-align:center;padding:8px 0;font-size:12px}.marker-tooltip-empty i{margin-right:4px}.floor-map-legend{border:1px solid var(--border);color:var(--text-dim);z-index:3;background:#0f172ae6;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:12px;right:12px}.floor-map-legend-item{align-items:center;gap:6px;display:flex}.legend-marker-dot{background:#f973164d;border:1.5px solid #f9731680;border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-marker-dot.has-data{background:#f97316;border-color:#f97316}.map-drag-hint{color:var(--text-dim);align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:400;display:flex}.floor-map-marker.dragging{z-index:9999;cursor:grabbing!important}.floor-map-marker.dragging .marker-dot{transform:scale(1.4);box-shadow:0 0 20px #f9731699}.esg-card{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.esg-overall{flex-shrink:0;align-items:center;gap:8px;display:flex}.esg-overall-circle{border:2.5px solid;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:40px;height:40px;display:flex}.esg-overall-label{font-size:14px;font-weight:800;line-height:1}.esg-overall-text{color:var(--text-dim);font-size:7px;font-weight:500;line-height:1}.esg-overall-info,.esg-overall-title,.esg-overall-sub{display:none}.esg-overall-score{font-size:18px;font-weight:700;line-height:1}.esg-overall-score small{opacity:.6;font-size:10px;font-weight:400}.esg-gauges{border:none;flex-shrink:0;gap:10px;margin:0;padding:0;display:flex}.esg-gauge{flex-direction:column;align-items:center;gap:2px;display:flex}.esg-gauge-label{color:var(--text-dim);font-size:9px;font-weight:600}.esg-gauge-unit{color:#5a6478;font-size:7px}.esg-details{flex:1;gap:8px;min-width:200px;display:flex}.esg-detail-col{background:#f1f5f9;border-radius:6px;flex:1;min-width:0;padding:6px 10px}.esg-detail-title{align-items:center;gap:4px;margin-bottom:4px;font-size:9px;font-weight:700;display:flex}.esg-stat-row{align-items:center;gap:3px;padding:1px 0;font-size:10px;display:flex}.esg-stat-row+.esg-stat-row{border-top:1px solid #e2e8f0}.esg-stat-label{color:var(--text-dim);flex:1;font-size:9px}.esg-stat-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.esg-stat-unit{color:#5a6478;text-align:right;width:24px;font-size:8px}.esg-empty{color:var(--text-dim);text-align:center;padding:6px 0;font-size:10px}@media (width<=900px){.esg-card{flex-direction:column;align-items:stretch}.esg-details{flex-direction:column}}.floor-esg-row{background:#f1f5f9;border-radius:8px;align-items:center;gap:10px;margin:0 14px 10px;padding:8px 14px;display:flex}.floor-esg-grade{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex}.floor-esg-item{align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.floor-esg-item:after{content:"";background:#ffffff26;border-radius:50%;width:3px;height:3px;margin-left:6px}.floor-esg-item:last-child:after{display:none}.floor-esg-total{align-items:baseline;gap:2px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.floor-esg-total small{opacity:.6;font-size:9px;font-weight:400}.marquee-bar{background:#f1f5f9;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:200px;max-width:420px;padding:4px 10px;display:flex;overflow:visible}.marquee-icon{color:#2563eb;flex-shrink:0;font-size:11px}.marquee-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.marquee-content{color:#475569;white-space:nowrap;gap:60px;width:max-content;font-size:11px;animation:20s linear infinite marqueeScroll;display:flex}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.esg-section .panel-title{display:none}.alert-bell{align-items:center;display:inline-flex;position:relative}.alert-bell-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:color .2s;position:relative}.alert-bell-btn:hover{color:var(--text)}.alert-badge{color:#000;background:#eab308;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:0}.alert-badge.danger{color:#fff;background:#ef4444}@keyframes bellShake{0%,to{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-8deg)}}.alert-bell.has-alerts .alert-bell-btn i{color:#eab308;animation:.6s ease-in-out infinite bellShake}.alert-bell.has-alerts-danger .alert-bell-btn i{color:#ef4444}@keyframes alertPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.alert-badge.has-alerts{animation:1.2s ease-in-out infinite alertPulse}.alert-badge.danger.has-alerts{animation:.8s ease-in-out infinite alertPulse;box-shadow:0 0 6px #ef444480}.alert-dropdown{z-index:9999;border:1px solid var(--border);background:#fff;border-radius:12px;width:360px;max-height:400px;animation:.15s fadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:visible;box-shadow:0 8px 32px #00000080}.alert-dropdown-header{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.alert-dropdown-header i{color:#eab308}.alert-dropdown-header small{color:var(--text-dim);margin-left:auto;font-size:11px;font-weight:400}.alert-dropdown-body{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;max-height:340px;overflow-y:auto}.alert-dropdown-body::-webkit-scrollbar{width:4px}.alert-dropdown-body::-webkit-scrollbar-track{background:0 0}.alert-dropdown-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.alert-empty{text-align:center;color:var(--text-dim);padding:32px 16px}.alert-empty i{margin-bottom:8px;font-size:28px;display:block}.alert-empty p{margin:0;font-size:13px}.alert-item{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:#f1f5f9}.alert-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.alert-warning .alert-item-icon{color:#eab308;background:#eab30826}.alert-danger .alert-item-icon{color:#ef4444;background:#ef444426}.alert-item-body{flex:1;min-width:0}.alert-item-title{color:var(--text);font-size:12px;font-weight:600}.alert-item-msg{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:visible}.alert-item-val{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:700}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(at 20%,#3b82f61f 0%,#0000 50%),radial-gradient(at 80% 20%,#06b6d414 0%,#0000 50%),radial-gradient(at 50% 80%,#a855f714 0%,#0000 50%);position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:420px;padding:20px;position:relative}.login-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:48px 36px 36px;box-shadow:0 4px 24px #00000014}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;color:var(--accent);background:#3b82f626;border-radius:18px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.login-header h1{letter-spacing:.5px;font-size:24px;font-weight:800}.login-header p{color:var(--text-dim);margin-top:6px;font-size:13px}.login-form{flex-direction:column;gap:18px;display:flex}.login-error{color:#dc2626;text-align:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:10px 14px;font-size:13px}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-dim);letter-spacing:.5px;font-size:12px}.login-field label i{text-align:center;width:14px;margin-right:6px}.login-field input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.login-field input:focus{border-color:var(--accent)}.login-field input::placeholder{color:#94a3b8}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:6px;padding:13px;font-size:15px;font-weight:600;transition:all .2s}.login-btn:hover{opacity:.88;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn i{margin-right:8px}.login-footer{text-align:center;color:#94a3b8;margin-top:24px;font-size:11px}.topbar-user{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:flex;position:relative}.topbar-user:hover{background:#ffffff0d}.topbar-avatar{width:28px;height:28px;color:var(--accent);background:#3b82f633;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.topbar-username{color:var(--text);font-size:12px;font-weight:500}.topbar-user-menu{background:var(--card);border:1px solid var(--border);z-index:2000;border-radius:12px;min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0006}.topbar-user-menu-item{color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.topbar-user-menu-item:hover{background:#ffffff0d}.topbar-user-menu-item.logout{color:#dc2626}.topbar-user-menu-item.logout:hover{background:#ef44441a}.topbar-user-menu-item i{text-align:center;width:16px}.topbar-user-menu-divider{background:var(--border);height:1px;margin:4px 8px}.meter-title{align-items:center;gap:6px;display:flex}.meter-rename-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;opacity:.4;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:inline-flex}.meter-card-header:hover .meter-rename-btn{opacity:1}.meter-rename-btn:hover{color:var(--accent);background:#3b82f633}.meter-rename-inline{align-items:center;gap:6px;display:flex}.meter-rename-input{background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:6px;outline:none;width:140px;padding:4px 10px;font-size:13px}.meter-rename-input::placeholder{color:#94a3b8}.btn-rename-save,.btn-rename-cancel{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .15s;display:inline-flex}.btn-rename-save{color:#22c55e;background:#22c55e33}.btn-rename-save:hover{background:#22c55e59}.btn-rename-save:disabled{opacity:.5;cursor:not-allowed}.btn-rename-cancel{color:#dc2626;background:#ef444426}.btn-rename-cancel:hover{background:#ef44444d}.energy-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=900px){.energy-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.energy-summary{grid-template-columns:1fr}}.energy-summary-card{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.energy-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.energy-summary-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.energy-summary-card.total .energy-summary-icon{color:#2563eb;background:#3b82f626}.energy-summary-card.power .energy-summary-icon{color:#ef4444;background:#ef444426}.energy-summary-card.light .energy-summary-icon{color:#22c55e;background:#22c55e26}.energy-summary-card.ratio .energy-summary-icon{color:#a855f7;background:#a855f726}.energy-summary-info{flex:1;min-width:0}.energy-summary-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:11px}.energy-summary-value{font-size:22px;font-weight:800}.energy-summary-value small{color:var(--text-dim);margin-left:2px;font-size:12px;font-weight:400}.energy-summary-sub{color:var(--text-dim);margin-top:1px;font-size:12px}.energy-toolbar{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.energy-toolbar-label{color:var(--text-dim);margin-right:8px;font-size:12px}.energy-sort-btn{color:var(--text-dim);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-block}.energy-sort-btn:hover{color:var(--text);background:#ffffff0d}.energy-sort-btn.active{color:var(--accent);background:#3b82f626}.energy-view-btn{color:var(--text-dim);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-block}.energy-view-btn:hover{color:var(--text);background:#ffffff0d}.energy-view-btn.active{color:var(--accent);background:#3b82f626}.energy-view-btn i{margin-right:4px}.energy-toolbar-right{gap:4px;display:flex}.energy-pie-section{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:20px}.energy-pie-title{margin-bottom:16px;font-size:14px;font-weight:600}.energy-pie-wrap{align-items:center;gap:40px;display:flex}.energy-pie-chart{flex-shrink:0;width:160px;height:160px;position:relative}.energy-pie-svg{width:100%;height:100%}.energy-pie-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.energy-pie-center-value{font-size:26px;font-weight:800;line-height:1}.energy-pie-center-label{color:var(--text-dim);margin-top:2px;font-size:11px}.energy-pie-legend{flex-direction:column;gap:10px;display:flex}.energy-pie-legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.energy-pie-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.energy-pie-num{margin-left:auto;font-weight:600}.energy-pie-pct{color:var(--text-dim);text-align:right;min-width:45px;font-size:11px}.energy-chart-section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.energy-chart-title{margin-bottom:16px;font-size:14px;font-weight:600}.energy-chart-wrap{flex-direction:column;gap:10px;display:flex}.energy-bar-row{align-items:center;gap:12px;display:flex}.energy-bar-label{flex-shrink:0;align-items:center;gap:6px;min-width:100px;font-size:13px;display:flex}.energy-bar-floor-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.energy-bar-status{margin-left:2px;font-size:8px}.energy-bar-status.online{color:#22c55e}.energy-bar-status.offline{color:#ef4444}.energy-bar-track{background:#e2e8f0;border-radius:6px;flex:1;height:28px;overflow:hidden}.energy-bar-stacked{border-radius:6px;height:100%;display:flex;overflow:hidden}.energy-bar-segment{min-width:2px;height:100%;transition:width .6s}.energy-bar-segment.power{background:#ef4444}.energy-bar-segment.light{background:#22c55e}.energy-bar-value{text-align:right;flex-shrink:0;min-width:80px;font-size:14px;font-weight:700}.energy-bar-value small{color:var(--text-dim);margin-left:2px;font-size:11px;font-weight:400}.energy-chart-legend{color:var(--text-dim);justify-content:center;align-items:center;margin-top:14px;font-size:12px;display:flex}.energy-detail-section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.energy-detail-title{margin-bottom:12px;font-size:14px;font-weight:600}.energy-detail-table-wrap{overflow-x:auto}.energy-detail-table{border-collapse:collapse;width:100%;font-size:13px}.energy-detail-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;font-size:11px;font-weight:500}.energy-detail-table td{border-bottom:1px solid #e2e8f0;padding:10px 14px}.energy-floor-total-row td{align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.energy-floor-sum{color:var(--text);margin-left:auto;font-size:12px;font-weight:400}.energy-floor-pct{margin-left:10px;font-size:11px}.energy-meter-row:hover td{background:#ffffff05}.energy-type-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.energy-type-badge.power{color:#ef4444;background:#ef444426}.energy-type-badge.lighting{color:#22c55e;background:#22c55e26}.energy-type-badge i{font-size:10px}.energy-kwh-cell{font-family:JetBrains Mono,SF Mono,monospace;font-weight:600}.meter-type-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:inline-flex}.meter-type-badge.power{color:#ef4444;background:#f9731626}.meter-type-badge.lighting{color:#22c55e;background:#eab30826}.energy-meter-cell{font-family:JetBrains Mono,SF Mono,monospace;font-weight:500}.energy-meter-name{color:var(--text);font-weight:500}.energy-meter-id{color:var(--text-dim);margin-left:6px;font-family:JetBrains Mono,SF Mono,monospace;font-size:11px}.energy-insights-section{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-top:16px;padding:20px}.energy-insights-header{justify-content:space-between;align-items:center;display:flex}.energy-insights-title{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.energy-insights-title i{font-size:18px}.energy-insights-score{border-radius:20px;padding:3px 12px;font-size:13px;font-weight:700}.energy-insights-actions{gap:8px;display:flex}.insights-toggle{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:8px 14px;font-size:12px;transition:all .15s}.insights-toggle:hover{color:var(--text);background:#ffffff14}.insights-toggle i{margin-right:6px}.btn-export-pdf{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-export-pdf:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.btn-export-pdf:disabled{opacity:.5;cursor:not-allowed}.btn-export-pdf i{color:#dc2626;margin-right:6px}.energy-insights-body{margin-top:16px;animation:.3s fadeIn}.insights-summary-bar{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=600px){.insights-summary-bar{grid-template-columns:repeat(2,1fr)}}.insights-summary-item{border:1px solid var(--border);text-align:center;background:#ffffff05;border-radius:10px;padding:14px}.insights-summary-num{font-size:28px;font-weight:800;display:block}.insights-summary-label{color:var(--text-dim);margin-top:2px;font-size:11px;display:block}.insights-floor-block{border:1px solid var(--border);background:#ffffff05;border-left:3px solid #3b82f6;border-radius:10px;margin-bottom:12px;padding:16px}.insights-floor-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.insights-floor-name{font-size:14px;font-weight:600}.insights-floor-energy{color:var(--text-dim);font-size:13px}.insights-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin-bottom:10px;display:grid}.insight-card{border:1px solid var(--border);background:#ffffff08;border-radius:10px;gap:10px;padding:12px;transition:all .15s;display:flex}.insight-card:hover{background:#ffffff0d}.insight-card.warning{background:#ef44440a;border-color:#ef444433}.insight-card.info{background:#06b6d40a;border-color:#06b6d426}.insight-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.insight-card.warning .insight-icon{color:#ef4444;background:#ef44441f}.insight-card.info .insight-icon{color:#06b6d4;background:#06b6d41f}.insight-card.normal .insight-icon{color:#22c55e;background:#22c55e1f}.insight-title{margin-bottom:2px;font-size:12px;font-weight:600}.insight-text{color:var(--text-dim);font-size:12px;line-height:1.5}.recommendations-list{flex-direction:column;gap:6px;display:flex}.recommendation-item{color:var(--text-dim);background:#ffffff05;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.recommendation-item.warning{color:#dc2626;background:#ef44440a}.recommendation-item i{text-align:center;flex-shrink:0;width:14px;margin-top:2px}.recommendation-item.warning i{color:#ef4444}.recommendation-item.info i{color:#06b6d4}.insights-empty{text-align:center;color:var(--text-dim);padding:20px;font-size:13px}.insights-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.maint-summary{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=700px){.maint-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=450px){.maint-summary{grid-template-columns:repeat(2,1fr)}}.maint-summary-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:16px 12px;transition:all .2s}.maint-summary-card:hover{transform:translateY(-2px)}.maint-summary-num{font-size:32px;font-weight:800;line-height:1.1}.maint-summary-card.critical .maint-summary-num{color:#ef4444}.maint-summary-card.high .maint-summary-num{color:#f97316}.maint-summary-card.medium .maint-summary-num{color:#eab308}.maint-summary-card.low .maint-summary-num{color:#2563eb}.maint-summary-card.total .maint-summary-num{color:var(--text)}.maint-summary-label{color:var(--text-dim);margin-top:2px;font-size:11px}.maint-toolbar{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex;overflow-x:auto}.maint-toolbar-label{color:var(--text-dim);flex-shrink:0;margin-right:8px;font-size:12px}.maint-filter-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-flex}.maint-filter-btn:hover{color:var(--text);background:#ffffff0d}.maint-filter-btn.active{color:var(--accent);background:#3b82f626}.maint-filter-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.maint-toolbar-left{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.maint-toolbar-right{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.maint-floor-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:5px 10px;font-size:12px}.maint-floor-select:hover{border-color:#cbd5e1}.maint-floor-select:focus{border-color:#2563eb}.maint-empty{text-align:center;color:var(--text-dim);padding:60px 20px}.maint-empty p{margin-top:12px;font-size:15px}.maint-list{flex-direction:column;gap:10px;display:flex}.maint-item{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.maint-item:hover{background:var(--card-hover)}.maint-item:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.maint-item.critical:before{background:#ef4444}.maint-item.high:before{background:#f97316}.maint-item.medium:before{background:#eab308}.maint-item.low:before{background:#3b82f6}.maint-item-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.maint-item-left{align-items:center;gap:8px;display:flex}.maint-item-level{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.maint-item-level i{font-size:10px}.maint-item-type{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.maint-item-type i{font-size:11px}.maint-item-right{align-items:center;gap:10px;display:flex}.maint-item-floor{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.maint-item-score{color:var(--text);font-size:13px;font-weight:700}.maint-item-title{margin-bottom:6px;font-size:14px;line-height:1.5}.maint-item-metrics{gap:6px;margin-bottom:4px;display:flex}.maint-metric-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.maint-metric-val{font-weight:700}.maint-metric-unit{opacity:.7;font-size:10px}.maint-item-detail{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;animation:.2s fadeIn;display:flex}.maint-detail-block{color:var(--text-dim);gap:6px;font-size:13px;line-height:1.6;display:flex}.maint-detail-block i{text-align:center;flex-shrink:0;width:16px;margin-top:2px}.maint-detail-block.action{color:var(--text);font-weight:500}.maint-detail-block.action i{color:#22c55e}.maint-item-expand{color:var(--text-dim);align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.maint-item-expand i{font-size:10px}.time-analysis-section{border:1px solid var(--border);background:#ffffff05;border-radius:12px;margin-bottom:20px;padding:16px}.time-analysis-title{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.time-analysis-title i{font-size:16px}.time-analysis-note{color:var(--text-dim);margin-left:auto;font-size:11px;font-weight:400}.time-analysis-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}@media (width<=700px){.time-analysis-grid{grid-template-columns:repeat(2,1fr)}}.time-analysis-card{border:1px solid var(--border);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:12px;transition:all .15s;display:flex}.time-analysis-card:hover{background:#ffffff0f}.time-analysis-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.time-analysis-card:first-child .time-analysis-card-icon{color:#fbbf24;background:#fbbf2426}.time-analysis-card:nth-child(2) .time-analysis-card-icon{color:#6366f1;background:#6366f126}.time-analysis-card:nth-child(3) .time-analysis-card-icon{color:#22c55e;background:#22c55e26}.time-analysis-card:nth-child(4) .time-analysis-card-icon{color:#f97316;background:#f9731626}.time-analysis-card-body{flex:1;min-width:0}.time-analysis-card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.time-analysis-card-val{font-size:18px;font-weight:700}.time-analysis-card-val small{color:var(--text-dim);font-size:11px;font-weight:400}.time-analysis-card-sub{color:var(--text-dim);margin-top:1px;font-size:10px}.time-current-status{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:10px;display:flex}.time-status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.time-status-text{color:var(--text-dim);font-size:12px}.alert-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.alert-dropdown-header-left{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.alert-dropdown-header-left i{color:#eab308}.alert-dropdown-header-left small{color:var(--text-dim);font-size:11px;font-weight:400}.alert-dismiss-all-btn{color:#22c55e;cursor:pointer;white-space:nowrap;background:#22c55e1f;border:1px solid #22c55e33;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.alert-dismiss-all-btn:hover{background:#22c55e33}.alert-dismiss-all-btn i{font-size:11px}.alert-dismiss-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:all .15s;display:flex}.alert-item:hover .alert-dismiss-btn{opacity:1}.alert-dismiss-btn:hover{color:#dc2626;background:#ef444426}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:70px;right:20px}.toast{cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:10px;max-width:380px;padding:12px 18px;font-size:13px;font-weight:500;animation:.3s toastIn;display:flex;box-shadow:0 8px 24px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-error{color:#fff;background:#ef4444f2;border:1px solid #ef444480}.toast-success{color:#fff;background:#22c55ef2;border:1px solid #22c55e80}.toast-info{color:#fff;background:#3b82f6f2;border:1px solid #3b82f680}.toast i{flex-shrink:0;font-size:16px}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.page-loader p{color:var(--text-dim);font-size:14px}.topbar-last-update{color:#64748b;white-space:nowrap;background:#2a345080;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.btn-fullscreen-map{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px;transition:all .2s}.btn-fullscreen-map:hover{color:#1d4ed8;background:#2563eb1a}.floor-map-fullscreen-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.floor-map-fullscreen-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:92vw;height:92vh;display:flex;overflow:hidden}.floor-map-fullscreen-header{color:#e2e8f0;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;display:flex}.btn-fullscreen-close{color:#dc2626;cursor:pointer;background:#ef444426;border:none;border-radius:6px;padding:6px 14px;font-size:14px}.btn-fullscreen-close:hover{background:#ef44444d}.floor-map-fullscreen-body{flex:1;padding:16px;position:relative}.floor-map-fullscreen-body .floor-map-wrapper{height:100%}.btn-csv{box-shadow:0 1px 2px #0000000a;color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important}.btn-csv:hover:not(:disabled){color:#1e293b!important;background:#f8fafc!important;border-color:#cbd5e1!important}.btn-csv:disabled{opacity:.4;cursor:not-allowed}.btn-rate{color:#93c5fd;cursor:pointer;background:#3b82f61f;border:1px solid #3b82f640;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.btn-rate:hover{background:#3b82f633}.energy-summary-card-cost{color:#22c55e;margin-top:4px;font-size:20px;font-weight:700}.energy-floor-cost{color:#22c55e;margin-top:2px;font-size:12px;font-weight:600;display:block}.maint-item-actions{gap:8px;margin-top:4px;padding:0 16px;display:flex}.maint-resolve-btn{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;transition:all .2s;display:flex}.maint-resolve-btn:hover{color:#22c55e;background:#22c55e1a}.maint-resolve-btn.resolved{color:#22c55e;background:#22c55e1f}@media (width<=768px){.app{flex-direction:column}.sidebar{display:none}.main{margin-left:0}.content{padding:12px}.topbar-nav,.topbar-clock,.topbar-last-update,.topbar-username{display:none}.detail-three-col{gap:12px;grid-template-columns:1fr!important}.detail-col-right{display:block!important}.meter-grid,.station-grid{grid-template-columns:1fr}.query-bar{flex-direction:column;align-items:stretch}.query-bar .field{margin-bottom:8px}.energy-floor-grid{grid-template-columns:1fr}.maint-summary{flex-wrap:wrap}.maint-summary-card{min-width:calc(50% - 8px)}.energy-summary-cards{grid-template-columns:1fr}.chart-box{padding:12px}h2{font-size:18px}.floor-overview-grid{grid-template-columns:1fr}.floor-overview-header{flex-direction:column;align-items:flex-start;gap:8px}}.energy-summary-cost{color:#22c55e;margin-top:2px;font-size:16px;font-weight:700}.energy-bar-cost{color:#22c55e;margin-top:1px;font-size:11px;font-weight:600}.maint-staff-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;display:flex}.maint-staff-label{color:var(--text-dim);white-space:nowrap;font-size:13px;font-weight:600}.maint-staff-tag{color:#2563eb;background:#2563eb14;border:1px solid #2563eb26;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.maint-staff-remove{cursor:pointer;color:#64748b;padding:0 2px;font-size:10px}.maint-staff-remove:hover{color:#ef4444}.maint-staff-input-wrap{align-items:center;gap:4px;display:inline-flex}.maint-staff-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:120px;padding:4px 8px;font-size:12px}.maint-staff-input:focus{border-color:#2563eb}.maint-staff-input::placeholder{color:#94a3b8}.maint-staff-add-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#2563eb1a;border:1px solid #2563eb33;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s}.maint-staff-add-btn:hover{background:#2563eb2e}.maint-staff-add-btn.cancel{color:#dc2626;background:#ef44441a;border-color:#ef444433}.maint-staff-add-btn.cancel:hover{background:#ef44442e}.maint-assign-section{padding:6px 16px}.maint-assign-info{background:#22c55e14;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.maint-assign-staff{color:#22c55e;font-weight:600}.maint-assign-time{color:#64748b;font-size:11px}.maint-assign-unassign,.maint-assign-dl{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.maint-assign-unassign:hover{color:#f97316;background:#f973161f}.maint-assign-dl:hover{color:#60a5fa;background:#3b82f61f}.maint-assign-placeholder{position:relative}.maint-assign-btn{color:#c4b5fd;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:6px;padding:3px 10px;font-size:11px;transition:all .2s}.maint-assign-btn:hover{background:#8b5cf633}.maint-assign-picker{z-index:100;background:#1e293b;border:1px solid #334155;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.maint-assign-option{cursor:pointer;color:#e2e8f0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .15s;display:flex}.maint-assign-option:hover{background:#2563eb1a}.maint-assign-empty-hint{color:#64748b;padding:4px 0;font-size:11px}.maint-upload-section{padding:6px 16px}.maint-upload-info{color:#22c55e;background:#22c55e14;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.maint-upload-time{color:#64748b;margin-left:auto;font-size:11px}.maint-upload-label{color:#93c5fd;cursor:pointer;background:#3b82f61f;border:1px dashed #3b82f659;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;transition:all .2s;display:inline-flex}.maint-upload-label:hover{background:#3b82f633;border-color:#3b82f680}.device-update-time{color:#64748b;white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:11px;display:flex}.device-update-time i{font-size:10px}.map-update-time{color:#64748b;text-align:center;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:4px 0;font-size:11px;display:flex}.map-update-time i{font-size:10px}.review-stats{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.review-stat-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;flex:1;min-width:90px;padding:12px 18px}.review-stat-num{color:var(--text);font-size:24px;font-weight:700}.review-stat-label{color:var(--text-dim);margin-top:2px;font-size:11px}.review-toolbar{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.review-toolbar-left{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.review-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.review-toolbar-label{color:var(--text-dim);flex-shrink:0;font-size:12px}.review-filter-btn{color:var(--text-dim);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .15s}.review-filter-btn:hover{color:var(--text);background:#ffffff0d}.review-filter-btn.active{color:var(--accent);background:#3b82f626}.review-search{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:200px;padding:6px 12px;font-size:12px}.review-search:focus{border-color:#2563eb}.review-search::placeholder{color:#94a3b8}.btn-review-refresh{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-review-refresh:hover{opacity:.8}.btn-review-refresh:disabled{opacity:.5;cursor:not-allowed}.review-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:10px;margin-bottom:10px;padding:14px 16px;transition:all .15s}.review-card.approved{border-left-color:#22c55e}.review-card.rejected{border-left-color:#ef4444}.review-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.review-card-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-card-right{align-items:center;gap:6px;display:flex}.review-id{color:var(--text);font-size:14px;font-weight:700}.review-level-badge{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.review-floor-tag{color:#2563eb;background:#3b82f61a;border-radius:4px;padding:2px 8px;font-size:10px}.review-status-badge{border-radius:5px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.review-status-badge.pending{color:#eab308;background:#eab3081f}.review-status-badge.approved{color:#22c55e;background:#22c55e1f}.review-status-badge.rejected{color:#ef4444;background:#ef44441f}.review-card-summary{color:var(--text-dim);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:12px;display:flex}.review-card-summary span{align-items:center;gap:4px;display:inline-flex}.review-card-detail{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.review-detail-row{gap:8px;margin-bottom:8px;font-size:12px;line-height:1.6;display:flex}.review-detail-label{color:var(--text-dim);flex-shrink:0;width:70px}.review-detail-val{color:var(--text);flex:1}.review-file-link{color:#2563eb;cursor:pointer;background:#3b82f61a;border-radius:5px;align-items:center;gap:4px;margin-bottom:4px;margin-right:4px;padding:3px 10px;font-size:11px;display:inline-flex}.review-file-link:hover{background:#3b82f633}.review-actions{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.review-action-form{flex-direction:column;gap:8px;display:flex}.review-action-btns{gap:8px;display:flex}.review-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;transition:all .15s;display:inline-flex}.review-btn:hover{opacity:.8}.review-btn.confirm{background:var(--accent);color:#fff;border-color:var(--accent)}.review-btn.cancel{color:var(--text-dim)}.review-btn.review{color:#2563eb;background:#3b82f61a;border-color:#0000}.review-comment-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:6px;outline:none;padding:8px 10px;font-size:12px}.review-comment-input:focus{border-color:#ef4444}.review-action-submit{gap:8px;display:flex}