:root{color-scheme:light;--surface-0: #f7f7f6;--surface-card: #ffffff;--surface-card-2: #f0efec;--border: rgba(11,11,11,.1);--border-strong: rgba(11,11,11,.18);--gridline: #e1e0d9;--baseline: #c3c2b7;--shadow-card: none;--text-primary: #16130f;--text-secondary: #52514e;--text-muted: #898781;--brand: #c72125;--brand-strong: #b31e21;--series-1: #2a78d6;--series-2: #008300;--series-3: #e87ba4;--series-4: #eda100;--series-5: #1baf7a;--series-6: #eb6834;--series-7: #4a3aa7;--series-8: #e34948;--seq-100: #cde2fb;--seq-250: #86b6ef;--seq-400: #3987e5;--seq-550: #1c5cab;--seq-700: #0d366b;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--delta-good: #006300;--radius: 0;--radius-sm: 0;--font-display: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-0: #0d0d0d;--surface-card: #1a1a19;--surface-card-2: #201f1c;--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--gridline: #2c2c2a;--baseline: #383835;--shadow-card: none;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--brand: #e5484d;--brand-strong: #c72125;--series-1: #3987e5;--series-2: #008300;--series-3: #d55181;--series-4: #c98500;--series-5: #199e70;--series-6: #d95926;--series-7: #9085e9;--series-8: #e66767;--delta-good: #0ca30c}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-display);font-size:16px;background:var(--surface-0);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;font-weight:700;letter-spacing:-.01em}a{color:inherit}button{font-family:inherit}table{border-collapse:collapse;width:100%}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:.85rem 1.75rem;background:color-mix(in srgb,var(--surface-0) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.tue-logo{width:46px;height:auto;color:var(--brand);flex:none}.brand-divider{width:1px;height:22px;background:var(--border-strong);flex:none}.brand-word{font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.primary-nav{display:flex;gap:.25rem;margin-right:auto}.primary-nav a{font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:color .15s,background .15s}.primary-nav a:hover{color:var(--text-primary);background:var(--surface-card)}.primary-nav a.active{color:var(--text-primary);background:var(--surface-card);box-shadow:inset 0 -2px 0 var(--brand)}.nav-dropdown{position:relative}.nav-dropdown-toggle{font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:color .15s,background .15s}.nav-dropdown-toggle:hover{color:var(--text-primary);background:var(--surface-card)}.nav-dropdown-toggle.active{color:var(--text-primary);background:var(--surface-card);box-shadow:inset 0 -2px 0 var(--brand)}.nav-dropdown-toggle:after{content:"";width:6px;height:6px;flex:none;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}.nav-dropdown-toggle[aria-expanded=true]:after{transform:rotate(225deg);margin-top:3px}.nav-dropdown-menu{list-style:none;margin:0;padding:.4rem;position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:var(--surface-card-2);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card);z-index:110}.nav-dropdown-menu a{display:block;font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.5rem .7rem;border-radius:var(--radius-sm)}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{color:var(--text-primary);background:var(--surface-card)}.nav-admin-link{font-family:var(--font-display);font-size:.86rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:color .15s,background .15s}.nav-admin-link:hover{color:var(--text-primary);background:var(--surface-card)}.nav-external-icon{margin-left:.2rem;font-size:.8em}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex:none}.nav-hamburger-bar{width:16px;height:2px;background:var(--text-primary);margin:0 auto}.presenter-toggle{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.35rem .7rem;cursor:pointer;transition:color .15s,border-color .15s}.presenter-toggle:hover{color:var(--text-primary);border-color:var(--brand)}.presenter-toggle .presenter-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);flex:none}.presenter-toggle.active{color:var(--text-primary);border-color:var(--series-6)}.presenter-toggle.active .presenter-dot{background:var(--series-6);box-shadow:0 0 color-mix(in srgb,var(--series-6) 55%,transparent);animation:presenter-pulse 1.6s ease-out infinite}@keyframes presenter-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--series-6) 55%,transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb,var(--series-6) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--series-6) 0%,transparent)}}.mode-toggle{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.35rem .65rem;cursor:pointer;transition:background .15s,border-color .15s}.mode-toggle:hover{border-color:var(--brand)}.mode-toggle[data-mode=mock]{background:color-mix(in srgb,var(--series-6) 12%,var(--surface-card));border-color:var(--series-6)}.topbar-status{display:flex;align-items:center;gap:.4rem;margin-left:.5rem;font-size:.78rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex:none}.status-dot.ok{background:var(--status-good)}.status-dot.err{background:var(--status-critical)}#app{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:2rem 1.75rem 4rem}.page-header{margin-bottom:1.75rem}.page-eyebrow{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--brand);margin-bottom:.4rem}.page-title{font-size:clamp(1.6rem,3vw,2.2rem)}.page-sub{color:var(--text-secondary);margin-top:.4rem;max-width:62ch}.site-footer{position:relative;z-index:2;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:2rem 1.75rem 3rem;text-align:center;font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border)}.site-footer a{color:var(--brand);text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-sep{opacity:.5}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.kpi-tile{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.15rem 1.25rem}.kpi-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.kpi-value{font-size:2.15rem;font-weight:800;margin-top:.35rem;letter-spacing:-.01em}.kpi-value .kpi-unit{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-left:.15rem}.kpi-note{font-size:.74rem;color:var(--text-muted);margin-top:.35rem}.kpi-tile.accent-warn .kpi-value{color:var(--status-warning)}.kpi-tile.accent-critical .kpi-value{color:var(--status-critical)}.chart-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem 1.35rem 1rem;margin-bottom:1.5rem}.chart-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.chart-title{font-size:1rem;font-weight:700}.chart-caption{font-size:.78rem;color:var(--text-muted)}.table-toggle{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.3rem .6rem;cursor:pointer}.table-toggle:hover{color:var(--text-primary);border-color:var(--brand)}.chart-legend{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.75rem;font-size:.76rem;color:var(--text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:.4rem}.legend-swatch{width:10px;height:10px;border-radius:2px;flex:none}.legend-line{width:14px;height:2px;border-radius:1px;flex:none}.viz-tooltip{position:absolute;pointer-events:none;z-index:20;background:var(--surface-card-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.5rem .65rem;font-size:.74rem;line-height:1.45;box-shadow:0 8px 24px #00000059;opacity:0;transform:translateY(2px);transition:opacity .1s,transform .1s;max-width:220px}.viz-tooltip.visible{opacity:1;transform:translateY(0)}.viz-tooltip .tt-value{font-family:var(--font-mono);font-weight:700;color:var(--text-primary)}.viz-tooltip .tt-label{color:var(--text-secondary)}.viz-tooltip .tt-row{display:flex;align-items:center;gap:.4rem}.viz-tooltip .tt-key{width:9px;height:9px;border-radius:2px;flex:none}.sr-table{width:100%;border-collapse:collapse;font-size:.82rem}.sr-table caption{text-align:left;font-size:.72rem;color:var(--text-muted);margin-bottom:.4rem}.sr-table th,.sr-table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--gridline)}.sr-table th{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.sr-table td.num,.sr-table th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.sr-table.hidden{display:none}.heatmap-scroll{overflow-x:auto}.heatmap-grid{display:grid;gap:2px;min-width:480px}.heatmap-cell{border-radius:var(--radius-sm);padding:.6rem .7rem;min-height:58px;display:flex;flex-direction:column;justify-content:space-between;cursor:default}.heatmap-cell .cell-label{font-size:.68rem;color:#ffffffd9;font-family:var(--font-mono)}.heatmap-cell .cell-value{font-size:1.05rem;font-weight:700}.heatmap-row-label,.heatmap-col-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center}.heatmap-scale{display:flex;align-items:center;gap:.5rem;margin-top:.85rem;font-size:.72rem;color:var(--text-muted)}.heatmap-scale-ramp{flex:1;max-width:220px;height:8px;border-radius:4px}.ghost-bar-track{width:100%;height:6px;border-radius:3px;background:var(--seq-100);overflow:hidden}.ghost-bar-fill{height:100%;border-radius:3px;background:var(--series-1)}.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.poll-indicator{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.poll-ring{width:8px;height:8px;border-radius:50%;background:var(--series-5);animation:poll-spin 10s linear infinite}@keyframes poll-spin{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.sources-strip{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.source-pill{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:999px;background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow-card);font-size:.8rem}.source-label{color:var(--text-primary)}.source-synced{color:var(--text-muted)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:2rem}.room-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:.85rem .9rem;text-align:left;cursor:pointer;transition:border-color .15s,transform .1s;display:flex;flex-direction:column;gap:.5rem}.room-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.room-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.room-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.room-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 3px var(--surface-0)}.room-name{font-size:.86rem;font-weight:700;line-height:1.25}.room-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.room-util{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.drill-panel{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem 1.35rem;margin-top:1rem}.drill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.drill-close{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.3rem .65rem;cursor:pointer;font-family:var(--font-mono);font-size:.7rem}.drill-close:hover{color:var(--text-primary);border-color:var(--brand)}.device-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.device-meta-item{font-size:.78rem}.device-meta-item .dm-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:.15rem}.device-meta-item .dm-value{font-family:var(--font-mono);font-weight:600}.device-trend-row{display:flex;gap:1.5rem;margin:.5rem 0 1rem;font-size:.8rem;color:var(--text-muted);align-items:center}.device-trend{display:flex;align-items:center;gap:.4rem}.sparkline{width:120px;height:28px}.telemetry-scroll{max-height:420px;overflow-y:auto;border:1px solid var(--gridline);border-radius:var(--radius-sm)}.telemetry-scroll table{font-size:.78rem}.telemetry-scroll thead th{position:sticky;top:0;background:var(--surface-card);z-index:1}.reading-reset{background:color-mix(in srgb,var(--status-warning) 12%,transparent)}.overlay-card{margin-bottom:1.25rem}.overlay-svg-wrap{position:relative;margin-top:.5rem}.overlay-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.4rem;font-size:.72rem;color:var(--text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.arch-legend{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1rem 0 1.5rem;font-size:.82rem}.arch-legend .legend-item{color:var(--text-secondary)}.arch-diagram-wrap{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1rem;overflow-x:auto}.arch-diagram-wrap svg{display:block;min-width:760px;width:100%;height:auto}.arch-note{margin-top:1.25rem;padding:.9rem 1.1rem;border-radius:var(--radius);background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow-card);font-size:.86rem;color:var(--text-secondary)}.arch-note strong{color:var(--text-primary)}.seam-callout{border-left:3px solid var(--series-5)}.limitation-callout{border-left:3px solid var(--status-warning)}.limitation-callout a{color:var(--text-primary)}.report{max-width:8.5in;margin:0 auto;padding:1.5rem;font-family:var(--font-display);line-height:1.5}.report-header{text-align:center;margin-bottom:2rem}.report-header h1{margin:0;font-size:1.75rem}.date-range{color:var(--text-muted);margin:.5rem 0 0;font-size:.875rem}.report-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.metric{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-card)}.metric-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:600;color:var(--text-primary)}.report-act{margin-bottom:2rem;page-break-inside:avoid}.report-act h2{border-bottom:2px solid var(--brand);padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem}.report-metrics{grid-template-columns:repeat(3,1fr)}.metric-note{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.report-portfolio{margin-bottom:1rem}.portfolio-headline{font-size:1.1rem;line-height:1.6}.report-capacity-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.report-capacity-table th{text-align:left;padding:.5rem;border-bottom:2px solid var(--border-strong)}.report-capacity-table td{padding:.5rem;border-bottom:1px solid var(--gridline)}.report-capacity-table .num{text-align:right;font-family:var(--font-mono)}.report-source{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.report-recommendations{margin-bottom:2rem}.report-recommendations h2{font-size:1.25rem;margin-bottom:1rem}.report-recommendations ol{padding-left:1.5rem;line-height:1.8}@media print{.report-capacity-table{font-size:10pt}.report-act{page-break-inside:avoid}}.report-footer{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:2rem}.report-error{padding:1.5rem;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:.75rem}.nav-hamburger{display:flex}.primary-nav{order:3;width:100%}#primary-nav{display:none;flex-direction:column;align-items:stretch;gap:.15rem}#primary-nav.nav-open{display:flex}.nav-dropdown{position:static}.nav-dropdown-menu{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 .4rem .75rem}.heatmap-grid{min-width:420px}.report-metrics{grid-template-columns:1fr}}@media print{body{margin:0;padding:0}.topbar,.site-footer{display:none}#app{max-width:100%;margin:0;padding:.5in}.report{max-width:100%;height:auto;padding:0;margin:0}.report-metrics{page-break-inside:avoid}}.room-card--updated{animation:room-updated-flash 1.2s ease-out}@keyframes room-updated-flash{0%{box-shadow:0 0 0 2px var(--brand)}to{box-shadow:none}}.wrapped-card{max-width:375px;margin:2rem auto;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;padding:2rem 1.5rem;border-radius:12px;font-family:var(--font-display);box-shadow:0 10px 40px #0003;min-height:600px;display:flex;flex-direction:column;justify-content:space-between}.wrapped-header{text-align:center;margin-bottom:2rem}.wrapped-header h1{margin:0;font-size:1.75rem;font-weight:700}.wrapped-subtitle{margin:.5rem 0 0;opacity:.9;font-size:.875rem}.wrapped-stat{background:#ffffff1a;padding:1.5rem;border-radius:8px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wrapped-stat h2{margin:0 0 .5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;opacity:.8}.stat-room{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.stat-value{margin:0;font-size:1.125rem;opacity:.95}.stat-subtitle{margin:.5rem 0 0;font-size:.875rem;opacity:.7}.wrapped-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.wrapped-footer p{margin:0;font-size:.875rem;opacity:.9}.weather-meta{display:flex;align-items:center;gap:.5rem}.weather-pill{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);background:color-mix(in srgb,var(--series-4) 18%,var(--surface-card));border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.2rem .45rem}.weather-meta-time{font-size:.7rem;color:var(--text-muted)}.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem}.weather-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:.85rem .9rem}.weather-building{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.weather-icon{font-size:1.35rem;line-height:1;margin-bottom:.3rem}.weather-temp{font-size:1.35rem;font-weight:700;margin-bottom:.35rem}.weather-row{display:flex;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary)}.weather-clear{border-left:3px solid var(--series-4)}.weather-rain{border-left:3px solid var(--series-1)}.weather-wind{border-left:3px solid var(--series-7)}