html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--bg:#0f1419;--bg-elevated:#1a222d;--bg-card:#1e2836;--border:#2a3648;--text:#e8eef6;--muted:#8b9bb0;--accent:#3d9cf0;--accent-dim:#3d9cf026;--positive:#3ecf8e;--negative:#f07178;--warn:#e6c07b;--radius:12px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{letter-spacing:.02em;background:linear-gradient(135deg,#3d9cf0,#1a5f9e);border-radius:10px;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:grid}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:650}.tagline{color:var(--muted);margin:0;font-size:.75rem}.period-controls{flex-wrap:wrap;gap:.5rem;display:flex}.pill-group{background:var(--bg);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.pill{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.pill:hover{color:var(--text)}.pill.active{background:var(--accent);color:#fff}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.25rem}.period-banner{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.muted{color:var(--muted)}.warn{color:var(--warn)}.kpi-strip{color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.kpi-strip strong{color:var(--text);font-variant-numeric:tabular-nums}.kpi-strip .kpi-topline{color:var(--text);font-size:.95rem}.kpi-strip .kpi-topline strong{color:var(--accent);font-size:1.15rem;font-weight:700}.kpi-strip.villa-scope .kpi-topline strong{font-size:1.25rem}.kpi-strip .kpi-secondary{opacity:.9}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1.75rem 0 .75rem;font-size:.8rem;font-weight:700}.metric-grid{gap:.75rem;display:grid}.metric-grid.cols-2{grid-template-columns:repeat(2,1fr)}.metric-grid.cols-3{grid-template-columns:repeat(3,1fr)}.metric-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.metric-grid.cols-4,.metric-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.metric-grid.cols-2,.metric-grid.cols-3,.metric-grid.cols-4{grid-template-columns:1fr}}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.metric-card.large .metric-value{font-size:1.45rem}.metric-card.tone-accent{background:linear-gradient(160deg, var(--accent-dim), var(--bg-card));border-color:#3d9cf073}.metric-card.tone-positive .metric-value{color:var(--positive)}.metric-card.tone-negative .metric-value{color:var(--negative)}.metric-card.tone-muted .metric-value{color:var(--muted)}.metric-label{color:var(--muted);margin-bottom:.35rem;font-size:.75rem}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.2rem;font-weight:650}.metric-sub{color:var(--muted);margin-top:.35rem;font-size:.7rem}.opex-chips{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.chip{color:var(--muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem;font-size:.72rem}.chip strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.villa-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.villa-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.villa-card header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.villa-card h3{margin:0;font-size:1rem}.badge{background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.villa-topline{background:var(--accent-dim);border:1px solid #3d9cf040;border-radius:8px;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0 .25rem;padding:.65rem .75rem;display:grid}.villa-topline .topline-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.15rem;font-size:.7rem;display:block}.villa-topline .topline-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:650}.villa-topline .topline-value.exact{font-size:.95rem}.villa-topline .topline-lead .topline-value{color:var(--accent);font-size:1.2rem}.villa-topline .topline-secondary{opacity:.92}.villa-card dl{gap:.3rem;margin:0;display:grid}.villa-card dl>div{justify-content:space-between;gap:.5rem;font-size:.78rem;display:flex}.villa-card dt{color:var(--muted)}.villa-card dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.pos{color:var(--positive)}.neg{color:var(--negative)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);overflow-x:auto}.villa-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.82rem}.villa-table th,.villa-table td{text-align:right;border-bottom:1px solid var(--border);padding:.65rem .75rem}.villa-table th:first-child,.villa-table td:first-child{text-align:left}.villa-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-elevated);font-size:.72rem;font-weight:600}.villa-table td.name{font-weight:650}.villa-table tbody tr:last-child td{border-bottom:none}.villa-table tfoot td{border-top:2px solid var(--border);background:#3d9cf014;padding-top:.75rem;font-weight:650}.villa-table .totals-row .name{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}.alloc-note{color:var(--muted);margin-top:.75rem;font-size:.75rem}.empty-state{text-align:center;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius);padding:3rem 1.5rem}.empty-state h2{margin:0 0 .5rem}.empty-state code{font-family:var(--mono);background:var(--bg);border-radius:4px;padding:.1rem .35rem;font-size:.85em}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem;font-size:.75rem;display:flex}@media (width<=640px){.topbar{padding:.85rem 1rem}.main{padding:1rem}}.pill.focus-villa:not(.active){color:var(--warn);box-shadow:inset 0 0 0 1px #e6c07b59}.pill.focus-villa.active{color:#fff;background:linear-gradient(135deg,#3d9cf0,#c9a227)}.focus-hint{text-transform:uppercase;letter-spacing:.04em;color:var(--warn);opacity:.9;vertical-align:middle;margin-left:.35rem;font-size:.58rem;font-weight:700;display:inline-block}.pill.active .focus-hint{color:#ffffffe6}.focus-hint.inline{margin-left:.4rem}.villa-pills{flex-wrap:wrap}.scope-note{color:var(--muted);background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:8px;margin:0 0 .5rem;padding:.65rem .85rem;font-size:.78rem}.villa-card.focus-card{border-color:#e6c07b66}.villa-table tr.focus-row td.name{color:var(--warn)}@media (width<=900px){.period-controls{width:100%}.villa-pills .pill{padding:.35rem .65rem;font-size:.78rem}}