:root{--side-w: 15.5rem;--topbar-h: 3.75rem;--ok: #3f7d5a;--ok-soft: #e3efe7;--warn: #b07d29;--warn-soft: #f2e9d6;--bad: #a4453a;--bad-soft: #f0dedb;--idle: #9a917f;--idle-soft: #ebe6da}.crm{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);background:var(--bg)}.side{position:sticky;top:0;align-self:start;height:100vh;height:100svh;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-3);background:var(--oliva-900);color:#e9e2d1;border-right:1px solid var(--oliva-950)}.side__brand{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);text-decoration:none;line-height:1.1}.side__wordmark{font-family:var(--font-display);font-size:1.15rem;color:#f6f1e4}.side__desc{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ambar);margin-top:.2em}.side__nav{display:flex;flex-direction:column;gap:2px}.side__link{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius);color:#cfc7b4;text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}.side__link:hover{background:color-mix(in srgb,#fff 6%,transparent);color:#f6f1e4}.side__link.is-active{background:color-mix(in srgb,var(--ambar) 20%,transparent);color:#fbe6cf}.side__icon{width:1.2rem;text-align:center;color:var(--ambar);font-size:.95rem}.side__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--ambar);color:#2a1c07;border-radius:999px;min-width:1.4em;height:1.4em;display:inline-flex;align-items:center;justify-content:center;padding:0 .4em}.side__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-top:1px solid color-mix(in srgb,#fff 12%,transparent)}.side__alert{font-size:var(--text-xs);color:#f0c98a;text-decoration:none;padding:.5em .7em;border:1px solid color-mix(in srgb,var(--ambar) 40%,transparent);border-radius:var(--radius)}.side__alert:hover{background:color-mix(in srgb,var(--ambar) 14%,transparent)}.side__reset{background:none;border:1px solid color-mix(in srgb,#fff 16%,transparent);color:#cfc7b4;border-radius:var(--radius);padding:.5em .7em;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--dur-fast) ease}.side__reset:hover{border-color:#cfc7b4}.side__note{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8f8770}.crm__main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-inline:var(--gutter);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.topbar__date{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.topbar__stats{display:flex;gap:var(--space-5)}.topbar__stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.topbar__stat-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.topbar__stat-val{font-family:var(--font-mono);font-weight:500;font-size:var(--text-sm);color:var(--ink-strong)}.topbar__stat-val--gana{color:var(--accent-text)}.crm__view{padding:var(--space-5) var(--gutter) var(--space-7);flex:1}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.pagehead__kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);margin-bottom:var(--space-2)}.pagehead__title{font-size:var(--text-2xl)}.pagehead__actions{display:flex;gap:var(--space-2);align-items:center}.badge{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:.28em .7em;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge--neutro{background:var(--idle-soft);color:#6a6350;border-color:color-mix(in srgb,var(--idle) 30%,transparent)}.badge--activo{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.badge--gana{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.badge--pierde{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.habdots{display:inline-flex;gap:3px}.habdot{width:8px;height:8px;border-radius:50%;background:var(--idle)}.habdot--ok{background:var(--ok)}.habdot--warn{background:var(--warn)}.habdot--bad{background:var(--bad)}.habdot--idle{background:var(--idle);opacity:.5}.habgrid{display:grid;gap:0}.habgrid__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-top:1px solid var(--hairline)}.habgrid__row:first-child{border-top:0}.habgrid__label{font-weight:500;color:var(--ink-strong)}.habgrid__estado{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-soft);text-transform:capitalize}.habgrid__select{font-family:var(--font-mono);font-size:var(--text-xs);padding:.3em .5em;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);color:var(--ink-strong)}.metric{padding:var(--space-4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius)}.metric__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.metric__value{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;color:var(--ink-strong);margin-top:var(--space-2)}.metric__value--gana{color:var(--accent-text)}.metric__sub{font-size:var(--text-xs);color:var(--ink-soft);margin-top:var(--space-2)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--space-4)}.card__title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:var(--space-3)}.empty{padding:var(--space-5);text-align:center;color:var(--ink-soft);border:1px dashed var(--hairline);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--hairline)}.table td{padding:var(--space-3);border-bottom:1px solid var(--hairline);vertical-align:middle}.table tbody tr:hover{background:color-mix(in srgb,var(--ink-strong) 3%,transparent)}.linklike{color:var(--petrol);text-decoration:none;font-weight:600}.linklike:hover{text-decoration:underline}.btn-sm{font-size:var(--text-xs);padding:.5em 1em}@media(max-width:60rem){.crm{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--gutter)}.side__brand{padding:0;margin-right:auto}.side__nav{flex-direction:row;flex-wrap:wrap}.side__link{min-height:40px;padding:0 var(--space-2)}.side__link span:not(.side__icon):not(.side__count){display:none}.side__foot{margin-top:0;flex-direction:row;align-items:center;border-top:0;padding:0;width:100%}.side__note{display:none}.topbar__stats{gap:var(--space-3)}.topbar__stat:nth-child(3){display:none}}@media(max-width:40rem){.topbar__date{display:none}}