h1,h2{color:#00008b;padding:10px;text-align:center}.guide-modal-overlay{background-color:#0000008c;box-sizing:border-box;height:100vh;padding:2rem;width:100vw;z-index:9999}.guide-modal{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;font-family:Segoe UI,sans-serif;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:100%}.guide-modal h2{align-items:center;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:8px;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem;padding:1rem}.guide-section{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem}.guide-section .material-icons{color:#2563eb;font-size:1.2rem}.submit-btn{background-color:#0a2a63;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;margin-left:auto;margin-right:auto;margin-top:2rem;padding:.75rem 1.5rem;transition:background-color .2s ease-in-out}.submit-btn:hover{background-color:#0d3a8b}:root{--color-success:#4caf50;--color-warning:#ff9800;--color-danger:#f44336;--color-info:#2196f3;--color-aux:#9c27b0;--color-neutral:#f5f5f5}.executive-dashboard{background:#f5f5f5;background:var(--color-neutral);font-family:Segoe UI,sans-serif;padding:2rem}.dashboard-heading{background:linear-gradient(90deg,#1e3a8a,#3b82f6);border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.timestamp{font-size:.9rem;margin-bottom:1.5rem}.kpis{gap:1rem;margin-bottom:2rem}.kpi-card{background:#fff;background-color:#fff;box-shadow:0 1px 5px #0000001a;color:#333;flex:1 1 200px;font-size:.9rem}.kpi-card strong{color:inherit;display:block;font-size:1.2rem;font-weight:600;margin-top:.25rem}.kpi-card.green{border-left:5px solid #4caf50;border-left:5px solid var(--color-success)}.kpi-card.red{border-left:5px solid #f44336;border-left:5px solid var(--color-danger)}.kpi-card.orange{border-left:5px solid #ff9800;border-left:5px solid var(--color-warning)}.kpi-card.blue{border-left:5px solid #2196f3;border-left:5px solid var(--color-info)}.kpi-card.purple{background-color:#f3e8fa;border-left:5px solid #9c27b0;border-left:5px solid var(--color-aux);color:#3d1068}.kpi-card.comfort-low{background-color:#fff5f5;border-left:5px solid #f44336;border-left:5px solid var(--color-danger);color:#7c0000}.alert-scroll{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto}.alert-card{background:#fff3cd;box-shadow:0 1px 4px #0000001a;min-width:200px;padding:1rem}.alert-card.high{border-left:5px solid #f44336;border-left:5px solid var(--color-danger)}.alert-card.medium{border-left:5px solid var(--color-warning)}.alert-card.low{border-left:5px solid var(--color-success)}.badge{background:#333;font-size:.7rem;position:absolute;right:12px;top:8px}.trend-card{box-shadow:0 1px 5px #0000001a;margin-top:2rem;padding:1.5rem}.toast-message{background:#4caf50;background:var(--color-success);border-radius:5px;margin-bottom:1rem;padding:.5rem 1rem}.legend{display:flex;font-size:.85rem;gap:1rem;margin-top:1rem}.ai-tips{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;list-style:disc inside;margin-bottom:2rem;padding:1rem 1.5rem}.help-icon{color:#0a2a63;font-size:28px}.guide-fab{background-color:#036;margin-left:1rem}.guide-fab:hover{background-color:#05a}body,html{background-color:#f3f4f6;font-family:Segoe UI,sans-serif;margin:0;padding:0;width:100%}.header{padding:12px 24px}.logo{font-size:18px}.logo:hover{text-decoration:underline}.tabs button{font-size:14px;margin:0 10px}.tabs button.active{border-bottom:2px solid #ffea00;font-weight:700}.main-container{box-sizing:border-box;margin:0 auto;max-width:100%;padding:1.5rem 2rem;width:100%}.kpis{gap:20px;margin-bottom:20px}.kpi-card{box-shadow:0 3px 6px #0000001a;font-size:14px;padding:16px}.kpi-card.orange{background-color:#ff9800}.room{background:#f5f5f5;padding:12px;text-align:center}.room:hover{transform:scale(1.02)}.room.red{background-color:#ffebee;border:1px solid #f44336}.room.yellow{background-color:#fff8e1;border:1px solid #ff9800}.room.green{background-color:#e8f5e9;border:1px solid #4caf50}.room.highlight{box-shadow:0 0 10px #00e676}.alert-card{background:#f9f9f9;box-shadow:0 1px 3px #0000001a;font-size:13px;min-width:220px;transition:all .3s ease-in-out}.alert-card.high{border-left:5px solid #d32f2f}.alert-card.medium{border-left:5px solid #ff9800}.alert-card.low{border-left:5px solid #4caf50}.alert-card.highlight{box-shadow:0 0 10px #00e676}.badge{background-color:#d32f2f;font-size:10px;margin-left:8px;vertical-align:middle}.alert-card.medium .badge{background-color:#ff9800}.alert-card.low .badge{background-color:#4caf50}.insight{border-left:4px solid #0074d9;margin:14px 0;padding:12px}.toast-message{border-radius:4px}.trend-card{border-radius:8px;box-shadow:0 1px 4px #00000014;margin-bottom:20px}.header{background:#036;padding:14px 28px}.logo{font-size:20px;font-weight:700}.tabs button{margin:0 8px;padding:6px 12px}.kpis{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.kpi-card{border-radius:10px;box-shadow:0 3px 8px #0000001a;flex:1 1;font-size:15px;min-width:160px;padding:18px}.kpi-card.green{background-color:#2ecc71}.kpi-card.blue{background-color:#3498db}.kpi-card.red{background-color:#e74c3c}.kpi-card.orange{background-color:#f39c12}.live-tag{font-size:13px;margin-left:10px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filters select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 10px}.room-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.room{border-radius:8px;box-shadow:0 1px 4px #00000014;font-size:13px;padding:14px;transition:all .3s ease-in-out}.room.green{background:#eafaf1;border-left:4px solid #27ae60}.room.yellow{background:#fffbea;border-left:4px solid #f1c40f}.room.red{background:#fdecea;border-left:4px solid #e74c3c}.room.highlight{animation:pulseHighlight 1s ease-in-out;border:2px solid #00e676;box-shadow:0 0 12px #00e676}.alert-card{border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px;padding:14px;transition:all .3s ease}.alert-card.high{border-left:5px solid #c0392b}.alert-card.low{border-left:5px solid #27ae60}.alert-card.highlight{animation:pulseHighlight 1s ease-in-out;border:2px solid #00e676;box-shadow:0 0 12px #00e676}.badge{background:#34495e;border-radius:4px;color:#fff;font-size:11px;font-weight:700;margin-left:6px;padding:2px 6px}.alert-card.medium .badge{background:#f39c12}.alert-card.low .badge{background:#27ae60}.alert-card.high .badge{background:#e74c3c}.trends-grid,.trends-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.trend-card{padding:20px;transition:all .3s ease}.trend-card h4{color:#222;font-weight:600}.trends-section canvas{margin:20px 0;max-width:100%}.executive-dashboard{margin:auto;max-width:100%;padding:24px}.timestamp{color:#555;font-size:13px;margin-bottom:12px}.toast-message{animation:fadeInOut 3s ease-in-out;background-color:#323232;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;font-size:13px;padding:12px 16px;position:fixed;right:20px;top:10px;z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes pulseHighlight{0%{box-shadow:0 0 0 #00e67666}50%{box-shadow:0 0 20px #00e676e6}to{box-shadow:0 0 0 #00e67666}}.alerts .filters{gap:12px}.alert-card{box-shadow:0 2px 6px #0000001a;position:relative;transition:transform .2s}.alert-card.high{border-left:4px solid #e74c3c}.alert-card.medium{border-left:4px solid #f39c12}.alert-card.low{border-left:4px solid #2ecc71}.alert-card h3{margin-bottom:6px}.alert-card .note.insight{background:#eef7fb;border-left:4px solid #0074d9;border-radius:4px;padding:8px}.toast-static{background:#333;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;display:inline-block;font-size:13px;margin-bottom:10px;padding:10px 14px;position:static}.footer{background:#f1f1f1;border-top:1px solid #ddd;color:#555;font-size:13px;margin-top:40px;padding:12px 24px;text-align:center}.header{background-color:#024;color:#fff;justify-content:space-between;padding:10px 24px}.header,.logo{align-items:center;display:flex}.logo{cursor:pointer}.logo img{background:#fff;border-radius:6px;height:42px;margin-right:12px;padding:4px}.logo span{font-size:18px;font-weight:700}.tabs button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:15px;margin-left:14px;position:relative}.tabs button.active:after{background-color:#ffea00;border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;right:0}.trends{padding:20px}.trends .kpis{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.trends .kpi-card{border-radius:8px;box-shadow:0 2px 8px #00000014;color:#fff;flex:1 1 160px;padding:16px;text-align:center}.trends-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.trend-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:16px}.trend-card h4{font-size:16px;margin-bottom:10px}.trend-card canvas{max-width:100%}.trend-card button{background:#0074d9;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:6px 12px}.trend-card button:hover{background:#005fa3}.trend-card .legend{display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:12px}.trend-card .legend span{display:inline-block;font-weight:500}.insight{background:#eef7fb;border-left:4px solid #3498db;border-radius:4px;font-size:13px;margin:12px 0;padding:10px}.alerts{padding:20px}.alerts .filters{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.alerts .filters label{font-size:14px}.alerts .filters select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 10px}.alert-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.alert-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;font-size:14px;padding:16px;transition:transform .2s ease}.alert-card:hover{transform:scale(1.01)}.alert-card.high{border-left:5px solid #e74c3c}.alert-card.medium{border-left:5px solid #f39c12}.alert-card.low{border-left:5px solid #2ecc71}.alert-card h3{font-size:16px;margin-bottom:8px}.alert-card .note{font-size:13px;margin:4px 0}.alert-card .insight{background:#eef7fb;border-left:4px solid #0074d9;border-radius:4px;padding:8px}.logo-box{background:#fff;border-radius:.5rem;padding:.5rem 1rem}.btn-primary{background-color:#2563eb;border:none;border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem}.btn-primary:hover{background-color:#1d4ed8}.link{color:#2563eb;font-size:.875rem;text-decoration:none}.link:hover{text-decoration:underline}header{background-color:#00274d;color:#fff;padding:1rem}nav a{margin:0 1rem}nav a.active{color:#ff0;text-decoration:underline}footer{background-color:#00274d;color:#fff;font-size:.875rem;padding:1rem;text-align:center}.kpi-cards{margin-top:1rem}.simulation-context{color:#333;font-size:.95rem;margin-bottom:1rem}.simulation-context .label{color:#1976d2;font-weight:600}.timestamp{color:#777;font-size:.8rem}.kpi-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:1.5rem}.kpi-card{border-radius:8px;box-shadow:0 4px 10px #00000014;color:#fff;font-size:1rem;font-weight:600;padding:1rem;text-align:center}.kpi-card h4{font-size:.9rem;font-weight:400;margin-bottom:.5rem}.kpi-card.green{background-color:#4caf50}.kpi-card.blue{background-color:#2196f3}.kpi-card.red{background-color:#f44336}.kpi-card.orange{background-color:#fb8c00}.ai-tip{background-color:#e3f2fd;border-left:4px solid #0288d1;color:#333;font-size:.95rem;margin:2rem 0;padding:1rem}.alerts-section h3{color:#00274d;font-size:1.1rem;margin-bottom:1rem}.alert-card{background-color:#fff;border-left:5px solid #f44336;border-radius:6px;box-shadow:0 2px 6px #0000000d;font-size:.9rem;margin-bottom:.75rem;padding:.75rem 1rem}nav a{color:#fff;text-decoration:none}nav a.active,nav a:hover{color:#facc15}nav a.active{border-bottom:2px solid #facc15}.overview-heading{background:linear-gradient(90deg,#6b21a8,#4f46e5)}.alert-message{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.75rem;white-space:normal}.warning{background:#ffe4e6;border-left:4px solid #dc2626;color:#b91c1c}.info{background:#eff6ff;border-left:4px solid #2563eb;color:#1d4ed8}.success{background:#ecfdf5;border-left:4px solid #10b981;color:#047857}.room{background-color:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 6px #0000000f;cursor:pointer;padding:1rem;transition:transform .2s}.room:hover{transform:translateY(-2px)}.room-id{margin-bottom:4px}.room-kwh,.room-occupancy{font-size:.95rem;margin-bottom:4px}.room-tip{border-radius:6px;font-size:.9rem;font-weight:500;margin-top:6px;padding:.4rem}.alert-danger{background-color:#ffe4e6;border-left:4px solid #dc2626;color:#b91c1c}.alert-warning{background-color:#fff7ed;border-left:4px solid #f97316;color:#92400e}.alert-success{background-color:#ecfdf5;border-left:4px solid #10b981;color:#065f46}.filters-container{background-color:#f5f7fa;border-radius:10px;box-shadow:0 1px 5px #0000000d;margin:1rem 0;padding:.5rem 1rem}.filter-group,.filters-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-group{align-items:center}.filter-group label{align-items:center;color:#333;display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.filter-group select{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:.9rem;min-width:120px;padding:6px 10px;transition:border-color .2s ease-in-out}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.alerts-container{margin:auto;max-width:100%;padding:1.5rem}.alerts-heading{background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;box-shadow:0 3px 10px #0000001a;color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;padding:1rem 1.5rem;position:relative;text-align:center}.live-tag{color:#fff;font-size:.9rem;font-weight:400;margin-left:8px}.live-tag:before{animation:pulse 1.2s ease-in-out infinite;content:"🟢";margin-right:5px}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.guide-fab{align-items:center;background-color:#0f766e;border:none;border-radius:50%;box-shadow:0 2px 8px #00000040;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background-color .2s ease-in-out;width:36px}.guide-fab:hover{background-color:#115e59}.trends-container{padding:1rem}.page-title{background:linear-gradient(90deg,#0013ac,#b6ff00);border-radius:10px;box-shadow:0 2px 8px #00000014;color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.live-tag{background-color:#15803d;border-radius:.5rem;color:#dcfce7;font-size:1rem;font-weight:500;margin-left:12px;padding:.25rem .6rem}.login-wrapper{display:flex;flex-direction:row;font-family:Segoe UI,sans-serif;height:100vh}.login-left{flex:1 1;overflow:hidden}.login-left img{height:100%;object-fit:cover;width:100%}.login-right{align-items:center;background-color:#f3f4f6;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-content{max-width:450px;text-align:center;width:100%}.login-logo{background:#fff;border-radius:8px;height:60px;margin-bottom:1rem;padding:4px 10px}.highlight-header{background-color:#42a5f5;border-radius:6px;color:#fff;font-size:1.6rem;font-weight:700;margin:.5rem 0;padding:.5rem 1rem}.highlight-header span{color:#ffd600}.sub-header{color:#333;font-size:1rem;margin:.5rem 0 1.5rem}.login-box{background:#fff;border-radius:10px;box-shadow:0 6px 20px #0000001a;padding:2rem;text-align:left}.login-box h2{color:#00274d;margin-bottom:1rem}.login-box label{display:block;font-weight:500;margin-bottom:.3rem;margin-top:1rem}.login-box input{border:1px solid #ccc;border-radius:5px;padding:.5rem;width:100%}.login-box button{background-color:#00274d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1.2rem;padding:.6rem;width:100%}.login-box button:hover{background-color:#001a33}.login-links{font-size:.9rem;margin-top:1rem;text-align:center}.login-links a{color:#0043aa;text-decoration:none}.login-links a:hover{text-decoration:underline}.login-taglines{color:#444;font-size:.85rem;margin-top:2rem}.global-footer{background-color:#00274d;color:#fff;font-size:.85rem;padding:1rem;text-align:center}@media (max-width:960px){.login-wrapper{flex-direction:column}.login-left{height:200px}.login-left img{height:100%;object-fit:cover}.login-content{padding:1rem}.highlight-header{font-size:1.3rem;padding:.4rem .8rem}}.simulation-page{background-color:#f8fafc;font-family:Inter,sans-serif;padding:1rem}.sticky-summary{background:linear-gradient(90deg,#1e3a8a,#3b82f6);border-radius:.5rem;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.sticky-summary,.sticky-summary h1{align-items:center;color:#f8fafc;display:flex}.sticky-summary h1{font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.simulation-column:first-child .panel-box{align-items:stretch;display:flex;flex-direction:column;gap:0}.simulation-column:first-child .panel-title{margin-bottom:1rem}.simulation-column:first-child .panel-toggle{margin-bottom:1rem;margin-top:0}.simulation-column:first-child .simulation-panel{border-top:none;margin-top:0;padding-top:0}.panel-toggle{display:flex;gap:.5rem;justify-content:center;margin:1rem auto}.panel-toggle button{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease-in-out}.panel-toggle button.active,.panel-toggle button:hover{background:#1e3a8a;border-color:#1e3a8a;color:#fff}.simulation-main{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 1.5rem}.simulation-column{flex:1 1 320px;max-width:480px}.panel-box,.simulation-column{display:flex;flex-direction:column;gap:1rem}.panel-box{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000d;padding:1.2rem 1.5rem}.panel-title{align-items:center;background:linear-gradient(90deg,#1e3a8a,#3b82f6);border-radius:8px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-align:center;width:100%}.whatif-grid{gap:1rem}.whatif-card,.whatif-grid{display:flex;flex-direction:column}.whatif-card{background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;gap:.25rem;padding:.75rem 1rem}.whatif-card h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.whatif-card p{color:#475569;font-size:.85rem;margin:0}.whatif-card button{align-self:start;background:#1e3a8a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.4rem .8rem}.whatif-card button:hover{background:#0f172a}.simulation-panel label{color:#334155;display:block;font-size:.9rem;font-weight:500;margin-top:1rem}.simulation-panel input[type=range],.simulation-panel select{border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;margin-bottom:.75rem;margin-top:.25rem;padding:.4rem;width:100%}.simulation-panel input[type=range]{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:4px;height:4px;outline:none}.simulation-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;border-radius:50%;cursor:pointer;height:14px;-webkit-transition:background .2s;transition:background .2s;width:14px}.simulation-panel input[type=range]::-moz-range-thumb{background:#2563eb;border-radius:50%;cursor:pointer;height:14px;width:14px}.optimize-button{background:#1e3a8a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem;transition:background .3s ease;width:100%}.optimize-button:hover{background:#0f172a}.result-card{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem;padding:.6rem 1rem}.result-card span{color:#0f172a;font-weight:600}.sim-message{background:#fff5f5;border-left:4px solid #f87171;border-radius:6px;color:#b91c1c;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}.sim-message strong{color:#7f1d1d;display:block;margin-bottom:.25rem}.load-curve-chart{margin-top:1rem}@media (max-width:900px){.simulation-main{flex-direction:column;padding:1rem}.panel-title{text-align:left}.simulation-column{max-width:100%}}.simulation-panel ul{list-style-type:none;padding-left:0}.simulation-panel li{margin-bottom:.25rem}.floorplan-wrapper{margin:0;max-width:none;padding:1.5px}.floorplan-header{align-items:center;background:linear-gradient(90deg,#040942,#1780f2);border-radius:12px;color:#fff;display:flex;font-family:Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:1.5rem;padding:1.2rem}.floorplan-header .material-icons{font-size:1.8rem}.floorplan-header .live-badge{color:#bbf7d0;font-size:.9rem;font-weight:500;margin-left:auto}.floorplan-grid{grid-gap:1.4rem;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));width:100%}.room-card{border-radius:12px;box-shadow:0 4px 10px #00000014;color:#fff;font-family:Segoe UI,sans-serif;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.room-card:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-4px)}.room-card.green{background-color:#10b981}.room-card.blue{background-color:#3b82f6}.room-card.red{background-color:#ef4444}.room-card.orange{background-color:#f97316}.room-id{font-weight:700;margin-bottom:.25rem}.room-floor{align-items:center;display:flex;font-size:.85rem;gap:6px;margin-bottom:.4rem}.room-floor .material-icons{color:#facc15;font-size:1rem}.room-type{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.room-details{font-size:.8rem;line-height:1.4}@media (min-width:1440px){.floorplan-wrapper{padding:1rem .5rem}}.room-header{color:#fff;font-size:1rem;font-weight:700;justify-content:space-between;margin-bottom:.5rem}.room-header,.room-id{align-items:center;display:flex}.room-id{font-size:1.1rem;gap:5px}.floor-badge{align-items:center;background-color:#00000040;border-radius:16px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:4px;padding:4px 10px}.floor-icon{font-size:1rem;margin-right:4px}.floorplan-title-text{font-size:1.2rem;font-weight:600;margin-left:8px}.predictive-load-wrapper{background-color:#f9fafb;box-sizing:border-box;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.predictive-header{align-items:center;background:linear-gradient(90deg,#4f46e5,#1780f2);border-radius:12px;color:#fff;display:flex;font-family:Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;gap:10px;margin-bottom:1.5rem;padding:1.2rem}.predictive-header .material-icons{color:#fff;font-size:1.8rem}.simulation-form{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem}.simulation-form label{color:#1e293b;font-weight:600;margin-bottom:.25rem}.simulation-form input[type=range],.simulation-form select{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem;width:100%}.simulation-form .range-label{color:#334155;font-size:.9rem;margin-bottom:.25rem;margin-top:-.5rem}.simulation-form .submit-btn{background-color:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:background .2s ease-in-out;width:100%}.simulation-form .submit-btn:hover{background-color:#1e293b}.forecast-status{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-weight:500;gap:8px;margin:1rem 0;padding:1rem}.forecast-status .material-icons{color:green}.forecast-output-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;margin-top:2rem;padding:1.5rem}.forecast-output-section h3{align-items:center;color:#0f172a;display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin-bottom:.75rem}.forecast-output-section h3 .material-icons{color:#10b981;font-size:1.3rem}.forecast-output-section .description{color:#334155;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.chart-container{margin-top:2rem}.guide-icon{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;margin-left:auto}.guide-modal-overlay{background-color:#00000073;bottom:0;right:0}.guide-modal,.guide-modal-overlay{align-items:center;display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.guide-modal{background-color:#00000080;height:100vh;width:100vw}.guide-content{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 0 25px #0000004d;max-width:600px;padding:2rem;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-header{background:#2563eb;border-radius:6px 6px 0 0;color:#fff;font-size:1.2rem;font-weight:700;padding:12px 20px}.guide-content h4,.guide-header{align-items:center;display:flex;gap:10px}.guide-content h4{font-size:1.1rem;font-weight:600;margin-bottom:10px;margin-top:20px}.guide-content ul{color:#111;font-size:.95rem;margin:0;padding-left:20px}.guide-content ul li{margin-bottom:6px}.guide-content ul li strong{color:#1d4ed8}.guide-content p{color:#333;font-size:.95rem;line-height:1.6;margin-bottom:16px}.guide-content .submit-btn{background-color:#036;border:none;border-radius:8px;box-shadow:0 3px 6px #00000026;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:30px auto 0;padding:12px 24px;text-align:center;transition:background .3s}.guide-content .submit-btn:hover{background-color:#048}.vertex-twin-container{background-color:#f4f7fb;min-height:100vh;padding:2rem}.vt-header{align-items:center;background-color:#eef5ff;border-left:6px solid #00274d;border-radius:8px;box-shadow:0 3px 10px #0000000d;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.vt-header h2{color:#00274d;font-size:1.6rem;margin:0}.vt-icon{color:#1976d2;font-size:2rem}.vt-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.vt-label{color:#00274d;font-weight:500}.vt-dropdown{border:1px solid #bbb;border-radius:4px;font-size:1rem;padding:.4rem .8rem}.vt-floor-label{color:#00274d;font-size:1rem;font-weight:700;margin-top:1rem}.vt-legend{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem;margin-top:1.5rem}.legend-box{border-radius:3px;display:inline-block;height:16px;margin-right:6px;width:16px}.legend-box.green{background-color:#4caf50}.legend-box.orange{background-color:#ffa000}.legend-box.red{background-color:#ef5350}.legend-box.gray{background-color:#bdbdbd}.vt-zone-grid{grid-gap:1.5rem;background:#fff;border-radius:10px;box-shadow:0 6px 15px #0000000d;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:2rem 0;min-height:400px;padding:1.5rem}.vt-zone-box{border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:700;justify-content:center;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.vt-zone-box:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-3px)}.vt-green{background:#4caf50;color:#fff}.vt-orange{background:#ffa000;color:#fff}.vt-red{background:#ef5350;color:#fff}.vt-gray{background:#bdbdbd;color:#000}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#fff;border-radius:10px;box-shadow:0 8px 30px #0003;padding:2rem;width:340px}.modal-content h3{color:#00274d;margin-top:0}.modal-content p{font-size:.95rem;margin:.5rem 0}.modal-content button{background:#00274d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.6rem 1.2rem;transition:background .3s}.modal-content button:hover{background:#013164}.svg-container-wrapper{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 6px 12px #0000000d;display:flex;height:600px;justify-content:center;overflow:auto;padding:1rem}.svg-object{border:none;display:block;height:100%;max-height:100%;max-width:100%;width:100%}.floorplan-wrapper{margin:0 auto;max-width:100%;position:relative;width:100%}.floorplan-bg{border-radius:10px;box-shadow:0 4px 12px #0000001a;display:block;width:100%}.zone-overlay{align-items:center;border:1px solid #0003;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;justify-content:center;opacity:.95;padding:2px;position:absolute;text-shadow:0 1px 2px #0000004d;transition:transform .2s ease;z-index:10}.zone-overlay:hover{box-shadow:0 0 6px #ff0;transform:scale(1.05)}.header-bar{background-color:#00274d;box-shadow:0 4px 6px #0000001a;color:#fff;padding:.6rem 1rem}.header-container{justify-content:space-between;margin:0 auto;max-width:100%}.header-container,.header-left{align-items:center;display:flex}.vertex-logo{background-color:#fff;border-radius:6px;height:48px;margin-right:1rem;padding:4px}.main-nav{gap:1.2rem}.main-nav,.nav-link{align-items:center;display:flex}.nav-link{color:#fff;font-size:.95rem;font-weight:500;gap:4px;text-decoration:none;transition:color .2s ease}.active-nav,.nav-link:hover{color:#fcd34d}.active-nav{font-size:2.05rem;font-weight:500;text-decoration:underline;text-underline-offset:4px}.active-nav svg{font-size:3.3rem!important}.logout-section{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;transition:opacity .3s}.logout-section:hover{opacity:.85}.logout-text{margin-left:6px}
/*# sourceMappingURL=main.fe99c9c3.css.map*/