:root{--cds-background: #ffffff;--cds-layer-01: #f4f4f4;--cds-layer-02: #e0e0e0;--cds-background-inverse: #161616;--cds-layer-hover-dark: #262626;--cds-text-primary: #161616;--cds-text-secondary: #525252;--cds-text-placeholder: #6f6f6f;--cds-text-inverse: #f4f4f4;--cds-text-inverse-secondary: #c6c6c6;--cds-border-subtle: #c6c6c6;--cds-border-strong: #e0e0e0;--cds-button-primary: #0f62fe;--cds-button-primary-hover: #0353e9;--cds-button-primary-active: #002d9c;--cds-link-primary: #0f62fe;--cds-link-primary-hover: #0043ce;--cds-highlight: #edf5ff;--cds-support-success: #24a148;--cds-support-warning: #f1c21b;--cds-support-error: #da1e28;--cds-focus: #0f62fe;--font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", Menlo, Courier, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--cds-background);color:var(--cds-text-primary);font-size:14px;line-height:1.29;letter-spacing:.16px;height:100vh;overflow:hidden}#root{height:100vh}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}.app{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.page-body{flex:1;overflow-y:auto;padding:24px;background:var(--cds-background)}.stats-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-bottom:24px}.sidebar{width:220px;flex-shrink:0;background:var(--cds-background-inverse);display:flex;flex-direction:column;height:100vh}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;flex-shrink:0;border-bottom:1px solid #393939}.logo-icon-wrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cds-button-primary)}.logo-title{font-size:14px;font-weight:600;color:var(--cds-text-inverse);letter-spacing:.16px;white-space:nowrap}.sidebar-nav{flex:1;padding:8px 0;display:flex;flex-direction:column}.sidebar-footer{padding:8px 0;border-top:1px solid #393939}.nav-item{display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;border-radius:0;border-left:2px solid transparent;color:var(--cds-text-inverse-secondary);font-size:14px;font-weight:400;letter-spacing:.16px;width:100%;text-align:left;transition:background .1s,color .1s}.nav-item:hover:not(.active){background:var(--cds-layer-hover-dark);color:var(--cds-text-inverse)}.nav-item.active{background:var(--cds-layer-hover-dark);color:var(--cds-text-inverse);border-left-color:var(--cds-button-primary)}.page-header{height:48px;background:var(--cds-background-inverse);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px;flex-shrink:0}.header-location{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--cds-text-inverse);font-size:14px;letter-spacing:.16px}.header-right{display:flex;align-items:center;gap:0}.header-meta{display:flex;align-items:center;gap:8px;color:var(--cds-text-inverse-secondary);font-size:12px;letter-spacing:.32px;padding:0 16px}.header-clock{font-family:var(--font-mono);font-size:14px;letter-spacing:.16px}.header-divider{width:1px;height:16px;background:#393939}.icon-btn{width:48px;height:48px;border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--cds-text-inverse-secondary);transition:background .1s,color .1s}.icon-btn:hover{background:var(--cds-layer-hover-dark);color:var(--cds-text-inverse)}.avatar{width:32px;height:32px;border-radius:50%;background:#393939;display:flex;align-items:center;justify-content:center;color:var(--cds-text-inverse-secondary);margin:0 8px}.card{background:var(--cds-layer-01);border-radius:0;padding:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:20px;font-weight:600;line-height:1.4;color:var(--cds-text-primary);letter-spacing:0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:400;padding:4px 8px;border-radius:24px;letter-spacing:.32px}.badge-muted{background:var(--cds-layer-02);color:var(--cds-text-secondary)}.badge-green{background:var(--cds-support-success);color:#fff}.badge-dark{background:#393939;color:var(--cds-text-inverse-secondary)}.dot-green{width:6px;height:6px;border-radius:50%;background:var(--cds-support-success);display:inline-block;flex-shrink:0}.trend-stat{margin-bottom:8px}.trend-label{font-size:12px;color:var(--cds-text-secondary);letter-spacing:.32px;margin-bottom:4px}.trend-value{display:flex;align-items:baseline;gap:8px}.stat-number{font-family:var(--font-mono);font-size:32px;font-weight:400;color:var(--cds-text-primary);line-height:1.19}.change-badge{font-size:12px;font-weight:400;padding:2px 8px;border-radius:0;letter-spacing:.32px}.change-badge.positive{color:var(--cds-support-success);background:#defbe6}.change-badge.negative{color:var(--cds-support-error);background:#fff1f1}.chart-placeholder{height:240px;display:flex;align-items:center;justify-content:center;color:var(--cds-text-placeholder);font-size:14px;letter-spacing:.16px;background:var(--cds-layer-02)}.chart-tooltip{background:var(--cds-background-inverse);border:none;border-radius:0;padding:8px 16px;font-size:12px;letter-spacing:.32px}.chart-tooltip-time{color:var(--cds-text-inverse-secondary);margin-bottom:4px}.chart-tooltip-val{font-weight:600;color:var(--cds-text-inverse)}.realtime-layout{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}.cctv-section{padding-top:8px;border-top:1px solid var(--cds-layer-02)}.cctv-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.cctv-label{font-size:12px;font-weight:400;letter-spacing:.32px;color:var(--cds-text-secondary)}.cctv-badges{display:flex;align-items:center;gap:8px;margin-left:auto}.cctv-source-switcher{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.cctv-feed{position:relative;aspect-ratio:16 / 9;height:auto;background:#0f172a;border-radius:0;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px}.cctv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:14px;letter-spacing:.16px}.cctv-corner{position:absolute;width:16px;height:16px}.cctv-corner.tl{top:16px;left:16px;border-top:2px solid #334155;border-left:2px solid #334155}.cctv-corner.tr{top:16px;right:16px;border-top:2px solid #334155;border-right:2px solid #334155}.cctv-corner.bl{bottom:16px;left:16px;border-bottom:2px solid #334155;border-left:2px solid #334155}.cctv-corner.br{bottom:16px;right:16px;border-bottom:2px solid #334155;border-right:2px solid #334155}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.green{background:var(--cds-support-success)}.status-dot.yellow{background:var(--cds-support-warning)}.status-dot.gray{background:var(--cds-border-subtle)}.insights-panel{padding:0!important;display:flex;flex-direction:column}.insights-panel-header{padding:16px;border-bottom:1px solid var(--cds-layer-02)}.insight-card{display:flex;align-items:flex-start;gap:16px;padding:16px;border-bottom:1px solid var(--cds-layer-02);background:#fff}.insight-card.blue-bg{background:var(--cds-highlight);border-bottom-color:#d0e2ff}.insight-icon{width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon.green{background:#defbe6;color:var(--cds-support-success)}.insight-icon.blue{background:#d0e2ff;color:var(--cds-button-primary)}.insight-label{font-size:12px;color:var(--cds-text-secondary);letter-spacing:.32px;margin-bottom:4px}.insight-label.blue{color:var(--cds-button-primary);font-weight:600}.insight-number{font-family:var(--font-mono);font-size:24px;font-weight:400;color:var(--cds-text-primary);line-height:1.2}.insight-number.calculating{font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--cds-text-placeholder);letter-spacing:.16px}.insight-sub{font-size:12px;color:var(--cds-text-secondary);letter-spacing:.32px;margin-top:4px}.building-status{padding:16px;background:#fff}.status-group-label{font-size:12px;font-weight:400;letter-spacing:.32px;color:var(--cds-text-secondary);margin-bottom:8px}.status-row{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.16px;color:var(--cds-text-primary);margin-bottom:8px}.status-row:last-child{margin-bottom:0}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:14px 15px;background:var(--cds-button-primary);color:#fff;border-radius:0;font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:.16px;transition:background .1s;margin-top:auto}.btn-primary:hover{background:var(--cds-button-primary-hover)}.btn-primary:active{background:var(--cds-button-primary-active)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:14px;font-weight:600;letter-spacing:.16px;color:var(--cds-text-secondary);padding:12px 16px;background:var(--cds-layer-02);border-bottom:1px solid var(--cds-border-subtle)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--cds-layer-02);color:var(--cds-text-primary);font-size:14px;letter-spacing:.16px;background:#fff}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--cds-highlight)}.td-name{font-weight:600;color:var(--cds-text-primary)}.status-badge{display:inline-block;font-size:12px;font-weight:400;padding:4px 8px;border-radius:24px;letter-spacing:.32px}.status-badge.optimal{background:var(--cds-support-success);color:#fff}.status-badge.busy{background:var(--cds-support-warning);color:var(--cds-text-primary)}.status-badge.quiet{background:var(--cds-border-subtle);color:var(--cds-text-secondary)}.empty-cell{text-align:center;color:var(--cds-text-placeholder);padding:40px 16px!important;border-bottom:none!important;background:#fff!important}.link-btn{font-size:14px;font-weight:400;letter-spacing:.16px;color:var(--cds-link-primary)}.link-btn:hover{color:var(--cds-link-primary-hover);text-decoration:underline}.report-form-field{display:flex;flex-direction:column;gap:4px}.report-form-label{font-size:12px;font-weight:400;letter-spacing:.32px;color:var(--cds-text-secondary)}.report-form-control{font-family:var(--font-sans);font-size:14px;letter-spacing:.16px;padding:0 16px;height:40px;background:var(--cds-layer-01);color:var(--cds-text-primary);border:none;border-bottom:2px solid var(--cds-text-primary);border-radius:0;outline:none;cursor:pointer}.report-form-control:focus{border-bottom-color:var(--cds-focus)}.report-query-btn{font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:.16px;height:48px;padding:14px 32px;background:var(--cds-button-primary);color:#fff;border:none;border-radius:0;cursor:pointer;align-self:flex-end;transition:background .1s}.report-query-btn:hover:not(:disabled){background:var(--cds-button-primary-hover)}.report-query-btn:disabled{opacity:.5;cursor:not-allowed}.report-preset-btn{font-family:var(--font-sans);font-size:13px;font-weight:400;padding:6px 16px;background:transparent;color:var(--cds-text-primary);border:1px solid var(--cds-border-subtle);cursor:pointer;transition:background .1s,border-color .1s}.report-preset-btn:hover{background:var(--cds-layer-hover);border-color:var(--cds-border-strong)}.report-stat-label{font-size:12px;letter-spacing:.32px;color:var(--cds-text-secondary);margin-bottom:4px}.report-stat-number{font-family:var(--font-mono);font-size:24px;font-weight:400;color:var(--cds-text-primary)}.report-stat-sub{font-size:12px;letter-spacing:.32px;color:var(--cds-text-placeholder);margin-top:4px}.floorplan-view{border:1px solid var(--cds-border-strong);background:var(--cds-background);display:flex;flex-direction:column}.floorplan-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px 0 0;border-bottom:1px solid var(--cds-border-strong);background:var(--cds-layer-01);flex-shrink:0}.floorplan-tabs{display:flex;height:100%}.floorplan-tab{padding:0 20px;height:100%;font-size:14px;color:var(--cds-text-secondary);border-bottom:2px solid transparent;border-radius:0;transition:color .1s,background .1s}.floorplan-tab:hover{color:var(--cds-text-primary);background:var(--cds-layer-02)}.floorplan-tab.active{color:var(--cds-button-primary);border-bottom-color:var(--cds-button-primary);font-weight:600}.floorplan-actions{display:flex;gap:8px;align-items:center}.fp-btn{display:inline-flex;align-items:center;height:32px;padding:0 14px;font-size:13px;border-radius:2px;transition:background .1s,color .1s}.fp-btn.primary{background:var(--cds-button-primary);color:#fff}.fp-btn.primary:hover:not(:disabled){background:var(--cds-button-primary-hover)}.fp-btn.primary:disabled{opacity:.5;cursor:not-allowed}.fp-btn.secondary{border:1px solid var(--cds-border-subtle);color:var(--cds-text-primary)}.fp-btn.secondary:hover{background:var(--cds-layer-02)}.fp-btn.ghost{color:var(--cds-link-primary)}.fp-btn.ghost:hover{background:var(--cds-highlight)}.floorplan-map{position:relative;background:#e8e8e8;min-height:240px}.floorplan-map.placing{cursor:crosshair}.floorplan-img-wrapper{position:relative;display:block;line-height:0;-webkit-user-select:none;user-select:none}.floorplan-img{display:block;width:100%;height:auto}.floorplan-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:8px;color:var(--cds-text-secondary)}.fp-hint{font-size:12px;color:var(--cds-text-placeholder)}.fp-marker{position:absolute;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center}.fp-marker.editable{cursor:grab}.fp-marker.editable:active{cursor:grabbing}.fp-marker-dot{width:24px;height:24px;border-radius:50%;background:var(--cds-button-primary);border:3px solid #fff;box-shadow:0 2px 6px #00000080;transition:transform .1s;flex-shrink:0}.fp-marker:hover .fp-marker-dot{transform:scale(1.2)}.fp-marker-card{margin-top:4px;background:#161616cc;color:var(--cds-text-inverse);padding:4px 8px;border-radius:2px;white-space:nowrap;font-size:11px;line-height:1.4;text-align:center;pointer-events:none}.fp-marker-name{font-weight:600;margin-bottom:2px}.fp-marker-counts{display:flex;gap:8px;justify-content:center}.fp-count-in{color:#42be65}.fp-count-out{color:var(--cds-text-inverse-secondary)}.fp-unplace{position:absolute;top:-7px;right:-7px;width:15px;height:15px;border-radius:50%;background:var(--cds-support-error);color:#fff;font-size:11px;line-height:15px;text-align:center;padding:0;opacity:0;transition:opacity .1s;z-index:15}.fp-marker.editable:hover .fp-unplace{opacity:1}.fp-picker{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--cds-layer-01);border-top:1px solid var(--cds-border-strong);flex-wrap:wrap}.fp-picker-label{font-size:12px;color:var(--cds-text-secondary);white-space:nowrap;min-width:200px}.fp-chips{display:flex;gap:6px;flex-wrap:wrap}.fp-chip{padding:3px 12px;font-size:12px;border:1px solid var(--cds-border-subtle);border-radius:16px;background:var(--cds-background);color:var(--cds-text-primary);transition:all .1s}.fp-chip:hover{border-color:var(--cds-button-primary);color:var(--cds-button-primary)}.fp-chip.selected{background:var(--cds-button-primary);color:#fff;border-color:var(--cds-button-primary)}.fp-chip.placed{border-color:var(--cds-support-success);color:var(--cds-support-success)}.fp-chip.placed.selected{background:var(--cds-support-success);color:#fff}.fp-chip.other{border-style:dashed;color:var(--cds-text-secondary)}.fp-chip-floor{font-size:10px;opacity:.65}.devices-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;color:var(--cds-text-placeholder);font-size:14px;letter-spacing:.16px}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.device-card{background:var(--cds-layer-01);display:flex;flex-direction:column}.device-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cds-layer-02)}.device-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.16px;color:var(--cds-text-primary)}.device-thumb{aspect-ratio:1 / 2;background:#1a1a1a;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.device-thumb-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.device-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--cds-text-placeholder);font-size:12px;letter-spacing:.32px}.device-stats{display:flex;border-top:1px solid var(--cds-layer-02)}.device-stat{flex:1;padding:12px 16px;border-right:1px solid var(--cds-layer-02)}.device-stat:last-child{border-right:none}.device-stat-label{font-size:11px;letter-spacing:.32px;color:var(--cds-text-secondary);margin-bottom:4px}.device-stat-value{font-family:var(--font-mono);font-size:20px;font-weight:400;color:var(--cds-text-primary);line-height:1.2}.device-footer{padding:8px 16px;font-size:12px;letter-spacing:.32px;color:var(--cds-text-secondary);border-top:1px solid var(--cds-layer-02);background:#fff}