@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.chatbot-container{position:fixed;bottom:20px;right:20px;width:380px;height:500px;background:#1a1a2e;border:1px solid #00ffff;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0ff3;z-index:1000;font-family:system-ui,-apple-system,sans-serif}.chatbot-minimized{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#1a1a2e;border:2px solid #00ffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #00ffff4d;z-index:1000;transition:all .3s ease}.chatbot-minimized:hover{transform:scale(1.1);box-shadow:0 6px 24px #0ff6}.chatbot-minimized-content{display:flex;flex-direction:column;align-items:center;gap:2px}.chatbot-icon{font-size:24px}.chatbot-status{font-size:8px;color:#22c55e;font-weight:700}.chatbot-header{padding:15px;background:#00ffff1a;border-bottom:1px solid rgba(0,255,255,.3);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.chatbot-title{display:flex;align-items:center;gap:10px}.chatbot-title h3{margin:0;color:#0ff;font-size:16px;font-weight:600}.status-indicator{font-size:11px;font-weight:500}.status-indicator.online{color:#22c55e}.status-indicator.offline{color:#ef4444}.chatbot-controls{display:flex;align-items:center;gap:10px}.model-selector{background:#1a1a2ecc;border:1px solid rgba(0,255,255,.3);color:#0ff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.model-selector:disabled{opacity:.5;cursor:not-allowed}.minimize-button{background:transparent;border:1px solid #00ffff;color:#0ff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.minimize-button:hover{background:#00ffff1a}.chatbot-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#1a1a2e4d}.chatbot-messages::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#00ffff80}.message{display:flex;max-width:85%}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{padding:10px 14px;border-radius:12px;position:relative}.message.user .message-content{background:linear-gradient(135deg,#0ff,#08f);color:#000;border-bottom-right-radius:4px}.message.assistant .message-content{background:#1a1a2ecc;color:#cbd5f5;border:1px solid rgba(0,255,255,.2);border-bottom-left-radius:4px}.message-content p{margin:0;line-height:1.4;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.message-time{font-size:10px;opacity:.7;margin-top:4px;display:block}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:#0ff;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chatbot-error{padding:12px 15px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);margin:0 15px;border-radius:8px}.chatbot-error p{margin:0;color:#f87171;font-size:13px;line-height:1.4}.chatbot-error code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.chatbot-input{padding:15px;border-top:1px solid rgba(0,255,255,.3);border-radius:0 0 12px 12px}.input-container{display:flex;gap:8px}.message-input{flex:1;background:#1a1a2ecc;border:1px solid rgba(0,255,255,.3);color:#cbd5f5;padding:10px 12px;border-radius:8px;font-size:14px;outline:none;transition:all .2s}.message-input:focus{border-color:#0ff;box-shadow:0 0 0 2px #0ff3}.message-input:disabled{opacity:.5;cursor:not-allowed}.message-input::placeholder{color:#64748b}.send-button{background:linear-gradient(135deg,#0ff,#08f);border:none;color:#000;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00ffff4d}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.chatbot-container{width:calc(100vw - 40px);right:20px;left:20px;height:450px}.chatbot-minimized{right:20px;bottom:20px}}:root{--primary-color: #1a2b4a;--accent-color: #ff6b35;--bg-light: #f5f5f5;--bg-white: #ffffff;--text-dark: #333333;--text-light: #ffffff;--overlay-dark: rgba(26, 43, 74, .85);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .25);--transition-base: .3s ease;--font-primary: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--primary-color: #000000;--bg-light: #1f1f1f;--bg-white: #2a2a2a;--text-dark: #ffffff;--overlay-dark: rgba(0, 0, 0, .85);--glass-bg: rgba(31, 31, 31, .8);--glass-border: rgba(255, 255, 255, .1)}.homepage{width:100%;min-height:100vh;font-family:var(--font-primary)}.hero-section{position:relative;width:100%;min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2b4a,#2d4368,#1a2b4a);background-image:linear-gradient(to bottom,#1a2b4a26,#1a2b4a40),url(https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow:hidden}@supports not (background-attachment: fixed){.hero-section{background-attachment:scroll}}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#1a2b4a33;z-index:1}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#1a2b4a40,#1a2b4a73);z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-headline{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;color:var(--text-light);text-align:center;letter-spacing:-1.5px;line-height:1.2;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:fadeInUp .8s ease .2s both}.building-type-tabs,.property-type-tabs{display:flex;gap:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.building-type-tab,.property-type-tab{padding:.75rem 2rem;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:var(--text-light);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.building-type-tab:before,.property-type-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-color);transition:left var(--transition-base);z-index:-1}.building-type-tab:hover,.property-type-tab:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.building-type-tab.active,.property-type-tab.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 15px #ff6b3566}.building-type-tab.active:before,.property-type-tab.active:before{left:0}.search-panel{width:100%;max-width:1100px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0003;animation:fadeInUp .8s ease .4s both}.search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:end}.search-field{display:flex;flex-direction:column;gap:.5rem}.search-field label{color:var(--text-light);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-field input,.search-field select{padding:1rem;background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:var(--text-dark);font-size:1rem;font-family:var(--font-primary);transition:all var(--transition-base);width:100%}.search-field input:focus,.search-field select:focus{outline:none;border-color:var(--accent-color);background:var(--bg-white);box-shadow:0 0 0 4px #ff6b351a}.search-field input::placeholder{color:#999}.location-input-wrapper{position:relative}.location-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;pointer-events:none}.location-input-wrapper input{padding-right:3rem}.more-filters-btn{padding:1rem 1.5rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:var(--text-light);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.more-filters-btn:hover{background:#ffffff4d;border-color:var(--accent-color);transform:translateY(-2px)}.more-filters-btn span{font-size:.8rem;transition:transform var(--transition-base)}.more-filters-btn:hover span{transform:translateY(2px)}.search-btn{padding:1rem 2rem;background:var(--accent-color);border:none;border-radius:10px;color:var(--text-light);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;box-shadow:0 4px 15px #ff6b3566}.search-btn:hover{background:#ff5722;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}.search-btn:active{transform:translateY(0)}.search-icon{font-size:1.2rem}.more-filters-panel{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-light);font-size:.9rem;font-weight:600}.price-range{display:flex;align-items:center;gap:.5rem}.price-range input{flex:1;padding:.75rem;background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:var(--text-dark);font-size:.95rem}.price-range span{color:var(--text-light);font-weight:600}.filter-group select{padding:.75rem;background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:var(--text-dark);font-size:.95rem;cursor:pointer}.quick-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease .6s both}.quick-action-btn{padding:.75rem 2rem;background:#1a2b4a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50px;color:var(--text-light);text-decoration:none;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-base);white-space:nowrap}.quick-action-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #ff6b3566}.quick-action-btn span{font-size:1.2rem;transition:transform var(--transition-base)}.quick-action-btn:hover span{transform:translate(5px)}.secondary-nav-section{padding:4rem 2rem;background:var(--bg-light);min-height:50vh}.secondary-nav-container{max-width:1200px;margin:0 auto}.secondary-nav-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:3rem;letter-spacing:-1px}.secondary-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.nav-card{background:var(--bg-white);border:2px solid rgba(255,107,53,.2);border-radius:16px;padding:2.5rem 2rem;text-decoration:none;color:var(--text-dark);transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 15px #0000001a}.nav-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 12px 30px #ff6b354d}.nav-card-icon{font-size:3rem;margin-bottom:1rem;transition:transform var(--transition-base)}.nav-card:hover .nav-card-icon{transform:scale(1.2) rotate(5deg)}.nav-card h3{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 .75rem}.nav-card p{font-size:1rem;color:#666;line-height:1.6;margin:0}[data-theme=dark] .nav-card p{color:#ccc}@media(max-width:1024px){.hero-section{min-height:80vh;background-attachment:scroll}.search-form,.more-filters-panel{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{min-height:70vh}.hero-content{padding:1.5rem;gap:1.5rem}.hero-headline{font-size:2rem}.building-type-tabs,.property-type-tabs{flex-wrap:wrap;justify-content:center}.building-type-tab,.property-type-tab{padding:.6rem 1.5rem;font-size:.9rem}.search-panel{padding:1.5rem;border-radius:16px}.search-form{grid-template-columns:1fr;gap:1rem}.more-filters-panel{grid-template-columns:1fr}.quick-actions{flex-direction:column;width:100%}.quick-action-btn{width:100%;justify-content:center}.secondary-nav-section{padding:3rem 1.5rem}.secondary-nav-grid{grid-template-columns:1fr;gap:1.5rem}.nav-card{padding:2rem 1.5rem}}@media(max-width:480px){.hero-section{min-height:60vh}.hero-headline{font-size:1.75rem}.building-type-tabs,.property-type-tabs{flex-direction:column;width:100%}.building-type-tab,.property-type-tab{width:100%}.search-panel{padding:1rem}.search-field input,.search-field select,.more-filters-btn,.search-btn{padding:.875rem;font-size:.95rem}.secondary-nav-title{font-size:1.75rem;margin-bottom:2rem}.nav-card{padding:1.5rem 1rem}.nav-card-icon{font-size:2.5rem}.nav-card h3{font-size:1.25rem}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}.building-info-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.building-info-container.loading,.building-info-container.error{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px)}.loading{font-size:1.2rem;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}.error{color:var(--error-color, #e74c3c);padding:2rem;background:var(--error-bg, rgba(231, 76, 60, .1));border-radius:8px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.overview-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.overview-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.overview-header .subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.building-overview{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease}.info-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.card-icon{font-size:2.5rem;flex-shrink:0}.card-content{flex:1}.card-content h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-item .label{color:var(--text-secondary);font-weight:500;font-size:.9rem}.info-item .value{color:var(--text-primary);font-weight:600;font-size:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.status-item:last-child{border-bottom:none}.status-label{color:var(--text-secondary);font-weight:500}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.active{background:#2ecc7133;color:#27ae60}.overview-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.overview-section h2{margin-top:0;margin-bottom:1rem;font-size:1.5rem;color:var(--text-primary)}.overview-section p{color:var(--text-secondary);line-height:1.6;margin:.5rem 0}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.capability{background:linear-gradient(135deg,var(--primary-color)20 0%,transparent 100%);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.capability:hover{transform:translateY(-5px);border-color:var(--primary-color)}.capability-icon{font-size:2.5rem;margin-bottom:1rem}.capability h4{margin:.5rem 0;color:var(--text-primary);font-size:1.1rem}.capability p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.zones-and-floors{animation:fadeIn .3s ease-in}.floor-selector{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.floor-btn{padding:.75rem 1.5rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.floor-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.floor-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.floor-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.summary-icon{font-size:2rem;flex-shrink:0}.summary-info{display:flex;flex-direction:column}.summary-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.summary-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-top:.25rem}.zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.zone-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.zone-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.zone-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.zone-header h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-primary)}.zone-id{display:inline-block;background:var(--primary-color)20;color:var(--primary-color);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.zone-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-weight:500;font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:600}.zone-environment{background:var(--primary-color)10;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;gap:1rem}.env-item{flex:1;display:flex;gap:.75rem;align-items:center}.env-icon{font-size:1.5rem}.env-info{display:flex;flex-direction:column}.env-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.env-value{font-size:1rem;color:var(--text-primary);font-weight:700}.zone-neighbors{padding-top:1rem;border-top:1px solid var(--border-color)}.neighbors-label{display:block;color:var(--text-secondary);font-weight:500;font-size:.9rem;margin-bottom:.5rem}.neighbors-list{display:flex;flex-wrap:wrap;gap:.5rem}.neighbor-badge{background:var(--primary-color)20;color:var(--primary-color);padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.zones-overview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.zones-overview h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.zones-table-container{overflow-x:auto}.zones-table{width:100%;border-collapse:collapse;font-size:.95rem}.zones-table thead{background:var(--primary-color)10}.zones-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.zones-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.zones-table tr:hover{background:var(--primary-color)5}.zone-id-cell{font-weight:600;color:var(--primary-color)}.building-systems{animation:fadeIn .3s ease-in}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.system-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.system-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #3498db26;transform:translateY(-3px)}.system-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.system-title{display:flex;gap:1rem;flex:1}.system-icon{font-size:2.5rem;flex-shrink:0}.system-title h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.system-description{margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}.system-status{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0}.status-operational{background:#2ecc7133;color:#27ae60}.status-monitoring{background:#f1c40f33;color:#f39c12}.status-standby{background:#3498db33;color:#3498db}.status-warning{background:#e74c3c33;color:#e74c3c}.system-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.component-item{background:var(--primary-color)10;border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.component-item:hover{background:var(--primary-color)20;transform:scale(1.05)}.component-icon{font-size:1.8rem;margin-bottom:.5rem}.component-info{display:flex;flex-direction:column}.component-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.component-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.subsystems{border-top:1px solid var(--border-color);padding-top:1rem}.subsystems h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.subsystem-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.subsystem-item{display:flex;gap:.75rem;align-items:center;padding:.75rem;background:var(--primary-color)5;border-radius:6px;transition:all .3s ease}.subsystem-item:hover{background:var(--primary-color)10}.subsystem-indicator{width:8px;height:8px;border-radius:50%;background:#27ae60;flex-shrink:0}.subsystem-info{flex:1;display:flex;flex-direction:column}.subsystem-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.subsystem-location{font-size:.8rem;color:var(--text-secondary)}.subsystem-status{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.system-health{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.system-health h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.health-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.health-stat{background:var(--primary-color)10;border-radius:8px;padding:1.5rem;display:flex;gap:1rem;align-items:center}.stat-icon{font-size:2rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.maintenance-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.maintenance-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.alert-info{background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:8px;padding:1.5rem}.alert-item{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.alert-item:last-child{margin-bottom:0}.alert-icon{font-size:1.5rem;flex-shrink:0}.alert-text{color:var(--text-primary);font-weight:500}.alert-item.no-alerts .alert-icon{color:#27ae60}.alert-note{margin-top:1rem;padding:1rem;background:var(--card-bg);border-radius:6px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media(max-width:1024px){.info-grid,.zones-grid,.systems-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.zone-environment{flex-direction:column}.system-components{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.building-info-container{padding:1rem}.overview-header h1{font-size:1.8rem}.info-grid,.capabilities-grid,.zones-grid,.systems-grid,.health-stats{grid-template-columns:1fr}.floor-selector{flex-direction:column}.floor-btn{width:100%}.system-header{flex-direction:column}.system-status{width:100%;text-align:center}.zones-table{font-size:.8rem}.zones-table th,.zones-table td{padding:.5rem}}@media(max-width:480px){.overview-header h1{font-size:1.5rem}.card-icon,.system-icon{font-size:2rem}.system-components{grid-template-columns:1fr}}.contact-page{width:100%;min-height:100vh}.contact-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color)dd 100%);color:#fff;padding:4rem 2rem;text-align:center;margin-bottom:3rem}.hero-content{max-width:800px;margin:0 auto}.contact-hero h1{font-size:2.8rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.contact-hero p{font-size:1.2rem;opacity:.95;margin:0}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.section-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.contact-methods{margin-bottom:4rem}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.method-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.method-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.method-card:hover:before{transform:scaleX(1)}.method-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #3498db26;transform:translateY(-5px)}.method-icon{font-size:2.8rem;margin-bottom:1rem;display:inline-block}.method-card h3{font-size:1.3rem;margin:0 0 .5rem;color:var(--text-primary)}.method-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.method-value{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.method-arrow{display:inline-block;opacity:0;transition:all .3s ease;font-size:1.5rem}.method-card:hover .method-arrow{opacity:1;transform:translate(5px)}.contact-form-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:3rem;margin-bottom:4rem;box-shadow:0 2px 8px #0000000d}.form-container{max-width:700px;margin:0 auto}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{font-size:2rem;margin:0 0 .5rem;color:var(--text-primary)}.form-header p{color:var(--text-secondary);margin:0}.success-message{background:#2ecc711a;border:2px solid #27ae60;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;animation:slideDown .3s ease}.success-icon{font-size:2rem;color:#27ae60;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#2ecc7133;border-radius:50%}.success-content h3{margin:0 0 .25rem;color:#27ae60;font-size:1.1rem}.success-content p{margin:0;color:var(--text-secondary);font-size:.9rem}form.hidden{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row.full{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.85rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg, var(--card-bg));color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}.form-group textarea{resize:vertical;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color)dd 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3498db4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{transition:transform .3s ease}.submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(3px)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.integrations-section{margin-bottom:4rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.integration-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.integration-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3498db1a;transform:translateY(-3px)}.integration-icon{font-size:2.5rem;margin-bottom:1rem}.integration-card h4{margin:0 0 .5rem;font-size:1.05rem;color:var(--text-primary)}.integration-card p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.4}.faq-section{margin-bottom:4rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.faq-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3498db1a}.faq-item h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary);line-height:1.4}.faq-item p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.support-section{margin-bottom:3rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.resource-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--primary-color)05 100%);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column}.resource-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #3498db26;transform:translateY(-5px)}.resource-icon{font-size:3rem;margin-bottom:1rem}.resource-card h3{margin:0 0 .75rem;font-size:1.2rem;color:var(--text-primary)}.resource-card p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.6;flex-grow:1}.resource-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .3s ease}.resource-link:hover{color:var(--primary-color)dd;transform:translate(3px)}@media(max-width:1024px){.contact-container{padding:0 1.5rem 2rem}.contact-form-section{padding:2rem}.faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.contact-hero{padding:2.5rem 1rem;margin-bottom:2rem}.contact-hero h1{font-size:2rem}.contact-hero p{font-size:1rem}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.methods-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.contact-form-section{border-radius:12px}.integrations-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.integration-card{padding:1rem}.integration-icon{font-size:2rem;margin-bottom:.5rem}.faq-grid{grid-template-columns:1fr;gap:1.5rem}.faq-item{padding:1.25rem}.resources-grid{grid-template-columns:1fr;gap:1.5rem}.resource-card{padding:1.5rem}.resource-icon{font-size:2.5rem}}@media(max-width:480px){.contact-hero{padding:2rem 1rem;margin-bottom:1.5rem}.contact-hero h1{font-size:1.6rem}.contact-hero p{font-size:.95rem}.contact-container{padding:0 1rem 1.5rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.contact-form-section{padding:1.5rem;border-radius:12px}.method-card{padding:1.5rem}.method-icon{font-size:2.2rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:.75rem}.submit-btn{padding:.875rem;font-size:.95rem}.faq-item h3{font-size:1rem}.faq-item p{font-size:.9rem}}:root{--primary-color: #1a2b4a;--accent-color: #ff6b35;--bg-light: #f5f5f5;--text-dark: #333;--text-light: #ffffff;--overlay-dark: rgba(26, 43, 74, .8);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--transition-base: .3s ease}[data-theme=dark]{--primary-color: #000000;--bg-light: #1f1f1f;--text-dark: #ffffff;--overlay-dark: rgba(0, 0, 0, .8);--glass-bg: rgba(31, 31, 31, .8);--glass-border: rgba(255, 255, 255, .1)}.main-header{position:sticky;top:0;z-index:1000;background:var(--primary-color);transition:all var(--transition-base);box-shadow:0 2px 10px #0000001a}.main-header.scrolled{box-shadow:0 4px 20px #0003;background:var(--primary-color)}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-light);transition:transform var(--transition-base)}.logo:hover{transform:scale(1.02)}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);background:#ff6b351a;border-radius:8px;padding:8px}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-main{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-light)}.logo-sub{font-size:.7rem;font-weight:400;color:#fffc;letter-spacing:.5px}.main-nav{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.nav-item-wrapper{position:relative}.nav-link{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;color:var(--text-light);text-decoration:none;font-size:1rem;font-weight:500;background:none;border:none;cursor:pointer;transition:all var(--transition-base);border-radius:6px;position:relative}.nav-link:hover{background:#ffffff1a;color:var(--accent-color)}.nav-link.active{color:var(--accent-color)}.dropdown-chevron{font-size:.7rem;transition:transform var(--transition-base)}.nav-link:hover .dropdown-chevron,.nav-item-wrapper:hover .dropdown-chevron{transform:translateY(2px)}.dropdown-menu{position:absolute;top:calc(100% + .25rem);left:0;background:var(--primary-color);border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:220px;box-shadow:0 8px 24px #0000004d;animation:slideDown .2s ease;overflow:hidden;z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:.85rem 1rem;color:var(--text-light);text-decoration:none;font-size:.95rem;transition:all var(--transition-base);position:relative}.dropdown-item:hover{background:#ff6b351a;color:var(--accent-color);padding-left:1.25rem}.header-actions{display:flex;align-items:center;gap:1rem}.header-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-light);cursor:pointer;transition:all var(--transition-base);font-size:1.2rem}.header-icon-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.header-icon-btn .badge{position:absolute;top:-4px;right:-4px;background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-color)}.dark-mode-toggle .icon{font-size:1.1rem}.add-properties-btn,.view-3d-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid var(--accent-color);border-radius:8px;color:var(--text-light);text-decoration:none;font-size:.95rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap}.add-properties-btn:hover,.view-3d-btn:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-icon{font-size:1rem}@media(max-width:1024px){.main-nav{display:none}.header-container{padding:1rem}}@media(max-width:768px){.logo-sub{display:none}.logo-icon{width:32px;height:32px}.logo-main{font-size:1.2rem}.add-properties-btn{padding:.4rem .75rem;font-size:.85rem}.add-properties-btn .btn-icon{display:none}.header-actions{gap:.5rem}.header-icon-btn{width:36px;height:36px;font-size:1rem}}@media(max-width:480px){.header-container{padding:.75rem 1rem}.logo-main{font-size:1rem}.add-properties-btn span:not(.btn-icon){display:none}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:radial-gradient(circle at top left,#1f2937,#020617);border-bottom:1px solid rgba(148,163,184,.3)}.logo{font-weight:600;letter-spacing:.04em;color:#e5e7eb}.nav-links{display:flex;gap:1rem}.nav-links a{padding:.35rem .75rem;border-radius:999px;font-size:.9rem;color:#cbd5f5;transition:all .2s}.nav-links a:hover{background:#94a3b81a}.nav-links a.active{background:linear-gradient(135deg,#4f46e5,#22c55e);color:#fff}.app-main{flex:1;width:100%;margin:0;padding:0}.app-main>.homepage{width:100%}.app-main>section:not(.homepage),.app-main>div:not(.homepage){padding:1.5rem;max-width:1080px;width:100%;margin:0 auto}.app-footer{padding:1rem 2rem;display:flex;justify-content:center;align-items:center;font-size:.85rem;border-top:1px solid rgba(148,163,184,.2);background:var(--primary-color, #1a2b4a);color:#ffffffb3;margin-top:auto}[data-theme=dark] .app-footer{background:#000}.app-footer a{color:#cbd5f5;text-decoration:underline}.app-footer a:hover{color:#22c55e}section{padding:1rem 0}section h1{font-size:1.8rem;margin-bottom:.5rem;color:#e5e7eb}section h2{font-size:1.5rem;margin-bottom:1rem;color:#e5e7eb}section p{margin-bottom:1rem;line-height:1.6;color:#cbd5f5}.twin-view .layout-summary,.simulation-summary{margin-top:1rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1rem}.analytics-section{margin-bottom:2rem}.metric-selector{margin-bottom:1.5rem;padding:1rem;background:#1f2937;border-radius:8px}.metric-selector label{display:block;margin-bottom:.5rem;color:#cbd5f5;font-weight:500}.metric-selector select{padding:.5rem 1rem;background:#111827;border:1px solid rgba(148,163,184,.3);border-radius:6px;color:#e5e7eb;font-size:1rem;cursor:pointer}.metric-selector select:hover{border-color:#4f46e5}.metric-selector select:focus{outline:none;border-color:#22c55e}.no-suggestions{padding:2rem;text-align:center;color:#9ca3af;font-style:italic}.anomaly-display{padding:1.5rem;background:#1f2937;border-radius:8px}.anomaly-display h2{margin-bottom:1.5rem}.suggestions{padding:1.5rem;background:#1f2937;border-radius:8px}.suggestions h2{margin-bottom:1.5rem}.layout-3d.loading{text-align:center;padding:3rem;color:#9ca3af}.layout-info{margin-bottom:1.5rem}.layout-info p{margin-bottom:.5rem}.zones-list{margin-top:2rem}.zones-list ul{list-style:none;padding:0}.zones-list li{padding:.75rem;background:#111827;border-radius:6px;margin-bottom:.5rem}.neighbors{color:#9ca3af;font-size:.9rem}.dashboard{width:100%}.dashboard-charts{margin-top:2rem}@media(max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1rem}.nav-links{width:100%;justify-content:center}.app-main{padding:1rem}.app-footer{flex-direction:column;gap:.5rem;text-align:center}}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{padding:1.5rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(148,163,184,.2);border-radius:8px}.metric-card h3{font-size:.9rem;color:#9ca3af;margin:0 0 .5rem}.metric-value{font-size:1.8rem;font-weight:600;color:#e5e7eb}.simulation-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#1f2937;border-radius:8px}.control-group label{display:block;margin-bottom:.5rem;color:#cbd5f5;font-size:.9rem}.control-group input,.control-group select{width:100%;padding:.5rem;background:#111827;border:1px solid rgba(148,163,184,.3);border-radius:4px;color:#e5e7eb}.run-button{grid-column:1 / -1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#22c55e);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.run-button:hover:not(:disabled){opacity:.9}.run-button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:4px;color:#ef4444;margin-bottom:1rem}.anomaly-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.9rem;color:#9ca3af}.stat-value{font-size:1.5rem;font-weight:600;color:#e5e7eb}.anomaly-count{color:#ef4444}.anomaly-list{margin-top:2rem}.anomaly-item{display:flex;gap:1rem;padding:.75rem;background:#1f2937;border-left:3px solid #ef4444;margin-bottom:.5rem;border-radius:4px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.suggestion-card{padding:1.5rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(148,163,184,.2);border-radius:8px}.suggestion-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.suggestion-icon{font-size:1.5rem}.suggestion-type{text-transform:capitalize;font-weight:600;color:#cbd5f5}.suggestion-description{margin-bottom:1rem;color:#e5e7eb;line-height:1.6}.suggestion-metrics{display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.metric{display:flex;flex-direction:column}.metric-label{font-size:.8rem;color:#9ca3af}.metric-value{font-weight:600}.savings{color:#22c55e}.suggestion-actions{display:flex;gap:.5rem}.action-button{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.action-button.primary{background:linear-gradient(135deg,#4f46e5,#22c55e);color:#fff}.action-button.secondary{background:#374151;color:#e5e7eb}.action-button:hover{opacity:.9}.total-savings{margin-top:2rem;padding:1rem;background:#1f2937;border-radius:8px;text-align:center;font-size:1.1rem;color:#22c55e}.layout-3d{padding:1.5rem;background:#1f2937;border-radius:8px}.layout-3d-container{display:grid;grid-template-columns:1fr 300px 250px;gap:1rem;height:600px}.layout-3d-canvas{width:100%;height:100%;background:#0f172a;border-radius:8px;overflow:hidden;border:1px solid rgba(148,163,184,.2)}.controls-3d{padding:1rem;background:#1f2937;border-radius:8px;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.controls-header h3{margin:0 0 .5rem;color:#e5e7eb;font-size:1.1rem}.controls-section{display:flex;flex-direction:column;gap:.5rem}.controls-section label{color:#94a3b8;font-size:.9rem;font-weight:500}.metric-buttons{display:flex;flex-direction:column;gap:.5rem}.metric-button{padding:.5rem 1rem;border:2px solid;border-radius:6px;background:transparent;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.metric-button:hover{opacity:.8;transform:translateY(-1px)}.metric-button.active{font-weight:600}.zone-details-panel{padding:1rem;background:#111827;border-radius:6px;border:1px solid rgba(148,163,184,.2)}.zone-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.zone-details-header h4{margin:0;color:#e5e7eb;font-size:1rem}.close-button{background:transparent;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:#94a3b81a;color:#e5e7eb}.zone-details-content{display:flex;flex-direction:column;gap:.5rem;color:#cbd5f5;font-size:.9rem}.zone-details-content p{margin:0}.controls-help{padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.controls-help p{margin:.25rem 0;color:#94a3b8;font-size:.85rem}.resize-handle{width:12px;background:linear-gradient(to right,#00ffff1a,#00ffff26,#00ffff1a);border-left:2px solid rgba(0,255,255,.3);border-right:2px solid rgba(0,255,255,.3);cursor:col-resize;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;transition:all .2s;z-index:20;-webkit-user-select:none;user-select:none;flex-shrink:0}.resize-handle:hover{background:linear-gradient(to right,#0ff3,#00ffff4d,#0ff3);border-left:2px solid rgba(0,255,255,.6);border-right:2px solid rgba(0,255,255,.6);width:14px}.resize-handle:active{background:linear-gradient(to right,#00ffff4d,#0ff6,#00ffff4d);border-left:2px solid #00ffff;border-right:2px solid #00ffff}.resize-arrow-left,.resize-arrow-right{color:#0ff;font-size:14px;font-weight:700;opacity:.5;transition:opacity .2s,transform .2s;pointer-events:none;line-height:1}.resize-handle:hover .resize-arrow-left{opacity:1;transform:translate(-2px)}.resize-handle:hover .resize-arrow-right{opacity:1;transform:translate(2px)}.resize-handle:active .resize-arrow-left,.resize-handle:active .resize-arrow-right{opacity:1}.layout-info-sidebar{padding:1rem;background:#1f2937;border-radius:0 8px 8px 0;border:1px solid rgba(148,163,184,.2);border-left:none;overflow-y:auto;overflow-x:hidden;flex-shrink:0;min-width:300px;max-width:800px}.layout-info-sidebar h3{margin:0 0 1rem;color:#e5e7eb;font-size:1.1rem}.layout-info-sidebar p{margin:.5rem 0;color:#cbd5f5;font-size:.9rem}.floor-picker{margin:1.5rem 0;padding:1rem;background:#111827;border-radius:6px;border:1px solid rgba(148,163,184,.2)}.floor-picker h4{margin:0 0 .75rem;color:#e5e7eb;font-size:1rem}.floor-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#cbd5f5;font-size:.9rem;margin-bottom:.5rem}.floor-checkbox input[type=checkbox]{accent-color:#4f46e5}.floor-checkbox:hover{color:#e5e7eb}.zones-list{margin-top:1.5rem}.zones-list h4{margin:0 0 .75rem;color:#e5e7eb;font-size:1rem}.zones-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.zones-list li{padding:.75rem;background:#111827;border-radius:6px;border:1px solid rgba(148,163,184,.2);transition:all .2s}.zones-list li:hover{border-color:#4f46e5;background:#1a1f2e}.zones-list li.selected{border-color:#4f46e5;background:#4f46e51a}.zones-list li strong{color:#e5e7eb;display:block;margin-bottom:.25rem}.zone-metrics{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.1);font-size:.8rem;color:#94a3b8}.zone-metrics span{display:block}.zones-graph{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem;min-height:300px;align-items:center;justify-content:center}.zone-node{position:relative;background:linear-gradient(135deg,#4f46e5,#22c55e);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.zone-label{font-weight:600;margin-bottom:.5rem}.zone-details{font-size:.8rem;opacity:.8}.chart-container{margin-bottom:2rem;padding:1.5rem;background:#1f2937;border-radius:8px}.chart-container h3{margin-bottom:1rem;color:#cbd5f5}.monitoring-dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.filter-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;color:#60a5fa}.breadcrumb-item{padding:.25rem .5rem;background:#60a5fa1a;border-radius:4px;font-weight:500}.breadcrumb-separator{color:#4b5563;font-weight:300}.building-pill{padding:.35rem .9rem;border-radius:999px;background:#4f46e526;color:#cbd5f5;font-size:.85rem}.muted{color:#9ca3af;font-size:.9rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.kpi-card{padding:1.25rem;border-radius:12px;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:.3rem}.kpi-card.carbon{border-color:#14b8a666}.kpi-label{font-size:.85rem;color:#94a3b8;text-transform:capitalize}.kpi-value{font-size:1.8rem;font-weight:600;color:#e5e7eb}.zone-badge{display:inline-block;margin-left:.75rem;padding:.3rem .6rem;background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:4px;font-size:.75rem;font-weight:500;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px}.kpi-trend{font-size:.85rem}.kpi-trend.up{color:#f97316}.kpi-trend.down{color:#22c55e}.dashboard-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.chart-card,.card{padding:1.25rem;background:#1f2937;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.chart-card-header,.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.dashboard-lower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.alerts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.alert-card{padding:1rem;border-radius:10px;background:#111827;border-left:4px solid #f59e0b}.alert-card.critical{border-left-color:#ef4444}.alert-header{display:flex;justify-content:space-between;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.live-metrics-table{display:flex;flex-direction:column;gap:.75rem}.live-metric-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:.5rem;align-items:center;background:#111827;padding:.75rem;border-radius:8px}.live-zone{font-weight:600;color:#e5e7eb}.live-metric span{display:block;font-size:.75rem;color:#9ca3af}.live-metric strong{color:#e5e7eb}.alerts-card h4{margin:.5rem 0}.suggestions-card{padding:0;background:transparent;border:none}.monitoring-dashboard,.twin-view,.analytics{position:relative;overflow:visible}.dashboard-decorative-circles{position:fixed;top:20px;right:20px;width:400px;height:400px;pointer-events:none;z-index:-1}.decorative-circle{position:absolute;border-radius:50%;opacity:.35;filter:blur(60px);animation:float 8s ease-in-out infinite}.decorative-circle.circle-1{width:250px;height:250px;background:radial-gradient(circle,#d946ef,#e879f9);top:0;right:0;animation-delay:0s}.decorative-circle.circle-2{width:180px;height:180px;background:radial-gradient(circle,#9333ea,#a78bfa);top:40px;right:50px;animation-delay:2.5s}.decorative-circle.circle-3{width:120px;height:120px;background:radial-gradient(circle,#e879f9,#f0abfc);top:100px;right:120px;animation-delay:5s}.decorative-circle.circle-4{position:fixed;width:100px;height:100px;background:radial-gradient(circle,#d946ef,#e879f9);bottom:30px;left:30px;animation-delay:1.5s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.35}50%{transform:translate(15px,-20px) scale(1.1);opacity:.4}}.monitoring-dashboard>*:not(.dashboard-decorative-circles),.twin-view>*:not(.dashboard-decorative-circles),.analytics>*:not(.dashboard-decorative-circles){position:relative;z-index:1}.interactive-building-3d-container{display:flex;gap:0;height:700px;margin:2rem 0;position:relative}.interactive-building-3d{flex:1;height:100%;position:relative;background:linear-gradient(135deg,#0f172a,#1a1a2e);border-radius:12px 0 0 12px;overflow:hidden;border:1px solid rgba(0,255,255,.2);border-right:none;box-shadow:0 0 30px #00ffff1a;min-width:400px}.building-canvas{width:100%;height:100%;position:relative}.floor-controls{position:absolute;top:20px;left:20px;z-index:10;display:flex;gap:1rem;flex-direction:column}.floor-button{padding:.75rem 1.5rem;background:#0009;border:2px solid #00ffff;border-radius:8px;color:#0ff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px #00ffff4d}.floor-button:hover:not(:disabled){background:#0ff3;box-shadow:0 0 25px #00ffff80;transform:translateY(-2px)}.floor-button.active{background:linear-gradient(135deg,#0ff,#08f);color:#000;box-shadow:0 0 30px #0ffc;border-color:#0ff}.floor-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.live-metric-row{grid-template-columns:1fr}.dashboard-decorative-circles{width:250px;height:250px;top:10px;right:10px}.decorative-circle.circle-1{width:150px;height:150px;top:0;right:0}.decorative-circle.circle-2{width:100px;height:100px;top:20px;right:30px}.decorative-circle.circle-3{width:70px;height:70px;top:50px;right:70px}.decorative-circle.circle-4{width:80px;height:80px;bottom:15px;left:15px}.interactive-building-3d-container{flex-direction:column;height:500px}.resize-handle{width:100%;height:8px;flex-direction:row;border-left:none;border-right:none;border-top:2px solid rgba(0,255,255,.3);border-bottom:2px solid rgba(0,255,255,.3);cursor:row-resize}.resize-handle:hover{height:10px}.resize-arrow-left,.resize-arrow-right{transform:rotate(90deg)}.resize-handle:hover .resize-arrow-left{transform:rotate(90deg) translateY(-2px)}.resize-handle:hover .resize-arrow-right{transform:rotate(90deg) translateY(2px)}.interactive-building-3d{border-radius:12px 12px 0 0;border-right:1px solid rgba(0,255,255,.2);border-bottom:none;min-width:auto;width:100%!important}.layout-info-sidebar{border-radius:0 0 12px 12px;border-left:1px solid rgba(148,163,184,.2);border-top:none;width:100%!important;max-width:100%}.floor-controls{top:10px;left:10px;flex-direction:row;gap:.5rem}.floor-button{padding:.5rem 1rem;font-size:.85rem}.layout-info-sidebar{margin-top:1rem;height:auto;max-height:500px}}.historical-view-toggle{margin:1.5rem 0;padding:1rem;background:#111827;border-radius:6px;border:1px solid rgba(148,163,184,.2)}.historical-view-toggle h4{margin:0 0 .75rem;color:#e5e7eb;font-size:1rem}.view-buttons{display:flex;gap:.5rem}.view-button{flex:1;padding:.5rem 1rem;background:transparent;border:2px solid #4f46e5;border-radius:6px;color:#cbd5f5;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.view-button:hover{background:#4f46e51a;border-color:#6366f1}.view-button.active{background:linear-gradient(135deg,#4f46e5,#22c55e);border-color:#4f46e5;color:#fff}.status-dot{animation:pulse 2s ease-in-out infinite}.status-dot.status-red{animation:pulse-red 1.5s ease-in-out infinite}.status-dot.status-yellow{animation:pulse-yellow 2s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 8px red,0 0 12px red}50%{opacity:.7;box-shadow:0 0 12px red,0 0 16px red}}@keyframes pulse-yellow{0%,to{opacity:1;box-shadow:0 0 6px #fa0,0 0 10px #fa0}50%{opacity:.8;box-shadow:0 0 10px #fa0,0 0 14px #fa0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.time-playback-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;background:#1a1a2ef2;padding:15px 25px;border-radius:12px;border:1px solid rgba(0,255,255,.3);display:flex;align-items:center;gap:15px;min-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0ff3}.play-pause-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ff,#08f);border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s;font-weight:700}.play-pause-button:hover{transform:scale(1.1);box-shadow:0 0 15px #00ffff80}.time-slider{flex:1;height:4px;background:#1a1a2e;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;cursor:pointer}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#0ff;cursor:pointer;box-shadow:0 0 8px #0ff9}.time-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#0ff;cursor:pointer;border:none;box-shadow:0 0 8px #0ff9}.time-display{font-size:12px;color:#0ff;min-width:100px;text-align:right;font-family:Courier New,monospace;font-weight:600}.zone-sparklines{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(148,163,184,.1)}.sparkline-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#11182780;border-radius:6px}.sparkline-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media(max-width:640px){.time-playback-controls{min-width:300px;padding:10px 15px;gap:10px}.play-pause-button{width:35px;height:35px;font-size:16px}.time-display{font-size:10px;min-width:80px}.zone-sparklines{grid-template-columns:1fr;gap:8px}}*,*:before,*:after{box-sizing:border-box}:root{--primary-color: #1a2b4a;--accent-color: #ff6b35;--bg-light: #f5f5f5;--bg-white: #ffffff;--text-dark: #333333;--text-light: #ffffff}[data-theme=dark]{--primary-color: #000000;--bg-light: #1f1f1f;--bg-white: #2a2a2a;--text-dark: #ffffff}body{margin:0;font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-light, #f5f5f5);color:var(--text-dark, #333);transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background:#0a0a0a;color:#e5e7eb}a{color:inherit;text-decoration:none}ul{padding-left:1.2rem}