*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{color:#e2e8f0;background:#0f1117;font-family:system-ui,Segoe UI,Roboto,sans-serif}.page{flex-direction:column;gap:20px;max-width:1300px;margin:0 auto;padding:24px 20px 60px;display:flex}.header h1{margin:0 0 4px;font-size:1.7rem}.upload-mini{padding:12px 20px}.header .subtitle{color:#94a3b8;font-size:.9rem}.card{background:#171923;border:1px solid #262a38;border-radius:12px;padding:18px 20px}.card-title{color:#e2e8f0;margin:0 0 12px;font-size:1.05rem}.muted{color:#94a3b8}.small{font-size:.78rem}.dropzone{text-align:center;cursor:pointer;border:1.5px dashed #384056;border-radius:10px;padding:24px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--over{background:#3b82f60f;border-color:#3b82f6}.dropzone p{margin:4px 0}.file-list{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.file-list li{background:#1c1f2b;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.file-name{font-weight:600}.warn{color:#f59e0b;cursor:help}.badge-default{color:#3b82f6;background:#3b82f626;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600}.btn-remove{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #384056;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:.78rem}.btn-remove:hover{color:#ef4444;border-color:#ef4444}.formula-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=900px){.formula-grid{grid-template-columns:1fr}}.formula-option{cursor:pointer;border:1px solid #262a38;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.formula-option input{margin-top:3px}.formula-option--active{background:#3b82f614;border-color:#3b82f6}.formula-name{margin-bottom:2px;font-weight:600}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.kpi-grid{grid-template-columns:1fr 1fr}}.kpi{background:#171923;border:1px solid #262a38;border-top:3px solid;border-radius:12px;padding:16px 18px}.kpi--blue{border-top-color:#3b82f6}.kpi--red{border-top-color:#ef4444}.kpi--green{border-top-color:#10b981}.kpi--purple{border-top-color:#a855f7}.kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.kpi-value{margin:4px 0;font-size:1.6rem;font-weight:700}.kpi-sub{color:#94a3b8;font-size:.72rem}.canvas-wrap{height:340px;position:relative}.canvas-wrap--full{height:380px}.canvas-wrap--tall{min-height:340px}.chart-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.chart-row{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.82rem}th,td{text-align:right;border-bottom:1px solid #262a38;padding:7px 10px}th:first-child,td:first-child{text-align:left}thead th{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:600}tfoot td{border-top:2px solid #384056;border-bottom:none;font-weight:700}.pos{color:#10b981}.neg{color:#ef4444}.occupancy-table{font-size:.72rem}.occupancy-table th,.occupancy-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #20232e;padding:4px 3px}.occ-room-col{z-index:1;background:#171923;position:sticky;left:0;text-align:left!important;padding-right:10px!important}.occ-cell{width:22px;min-width:22px}.occ-vacant{color:#384056;background:#94a3b80f}.occ-busy{background:#3b82f68c}.occ-today{outline-offset:-2px;outline:2px solid #f59e0b}.occ-legend{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin:0 3px;display:inline-block}.occ-today-row td{background:#f59e0b1a}.room-select{color:#e2e8f0;background:#171923;border:1px solid #384056;border-radius:6px;padding:5px 8px;font-size:.8rem}.occ-tooltip{z-index:50;pointer-events:none;color:#e2e8f0;background:#0b0d13;border:1px solid #384056;border-radius:8px;max-width:280px;padding:6px 10px;font-size:.75rem;position:fixed;box-shadow:0 6px 16px #0006}