:root{color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--surface-2:#f2f1ee;--ink:#0b0b0b;--ink-secondary:#52514e;--ink-muted:#898781;--grid:#e1e0d9;--baseline:#c3c2b7;--border:rgba(11,11,11,0.1);--accent:#2a78d6;--accent-strong:#184f95;--accent-wash:#e8f1fc;--good:#0ca30c;--good-wash:#e6f7e6;--warning:#fab219;--warning-wash:#fef3e0;--serious:#ec835a;--serious-wash:#fdece4;--critical:#d03b3b;--critical-wash:#fbe7e7;--delta-good:#006300;--delta-bad:#d03b3b;--series-prev:#898781;--shadow-sm:0 1px 2px rgba(11,11,11,0.04),0 1px 1px rgba(11,11,11,0.03);--shadow-md:0 8px 24px rgba(11,11,11,0.07),0 2px 6px rgba(11,11,11,0.04);--shadow-lg:0 20px 48px rgba(11,11,11,0.12),0 6px 16px rgba(11,11,11,0.06);--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--ease:cubic-bezier(0.16,1,0.3,1)}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--page:#0d0d0d;--surface:#17171a;--surface-2:#202023;--ink:#ffffff;--ink-secondary:#c3c2b7;--ink-muted:#8f8d87;--grid:#2c2c2a;--baseline:#383835;--border:rgba(255,255,255,0.1);--accent:#3987e5;--accent-strong:#86b6ef;--accent-wash:#16273c;--good:#0ca30c;--good-wash:#103410;--warning:#fab219;--warning-wash:#3a2c0c;--serious:#ec835a;--serious-wash:#3a2116;--critical:#e66767;--critical-wash:#3a1414;--delta-good:#0ca30c;--delta-bad:#e66767;--series-prev:#6f6d67;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.4);--shadow-lg:0 24px 56px rgba(0,0,0,0.5)}}:root[data-theme=dark]{color-scheme:dark;--page:#0d0d0d;--surface:#17171a;--surface-2:#202023;--ink:#ffffff;--ink-secondary:#c3c2b7;--ink-muted:#8f8d87;--grid:#2c2c2a;--baseline:#383835;--border:rgba(255,255,255,0.1);--accent:#3987e5;--accent-strong:#86b6ef;--accent-wash:#16273c;--good:#0ca30c;--good-wash:#103410;--warning:#fab219;--warning-wash:#3a2c0c;--serious:#ec835a;--serious-wash:#3a2116;--critical:#e66767;--critical-wash:#3a1414;--delta-good:#0ca30c;--delta-bad:#e66767;--series-prev:#6f6d67;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.4);--shadow-lg:0 24px 56px rgba(0,0,0,0.5)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--ink);transition:background-color .25s var(--ease),color .25s var(--ease)}a{color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.animate-in{animation:fadeInUp .5s var(--ease) both}.spin{animation:spin .85s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--grid) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.wrap{max-width:1320px;margin:0 auto;padding:36px 32px 64px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071c33 0,var(--accent-strong) 55%,var(--accent) 100%);color:white;border-radius:var(--radius-lg);padding:32px 36px;margin-bottom:24px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(480px 240px at 85% -20%,rgba(255,255,255,.16),transparent 70%);pointer-events:none}.hero-title{display:flex;align-items:center;gap:14px}.hero-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0}.hero h1{margin:0 0 4px;font-size:25px;letter-spacing:-.01em}.hero p{margin:0;opacity:.85;font-size:13.5px;display:flex;align-items:center;gap:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s var(--ease)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:transparent}.card-flat{box-shadow:none;background:var(--surface-2)}.label{color:var(--ink-secondary);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.value{font-size:30px;font-weight:700;letter-spacing:-.01em;font-feature-settings:"pnum";font-variant-numeric:proportional-nums}.note,.small{color:var(--ink-secondary);font-size:13px;line-height:1.5}.tiny{color:var(--ink-muted);font-size:11.5px;margin-top:4px}.badge,.pill{border-radius:999px}.badge,.delta,.pill{display:inline-flex;align-items:center;gap:5px;font-weight:700}.delta{margin-top:12px;font-size:12.5px}.delta.up{color:var(--delta-good)}.delta.down{color:var(--delta-bad)}.delta.neutral{color:var(--ink-muted)}.pill{font-size:12px;padding:6px 12px;background:var(--accent-wash);color:var(--accent-strong)}.badge{padding:5px 10px 5px 8px;font-size:11px}.badge.bueno,.badge.excelente{background:var(--good-wash);color:var(--delta-good)}.badge.malo{background:var(--critical-wash);color:var(--critical)}.badge.neutral{background:var(--surface-2);color:var(--ink-secondary)}.badge.regular{background:var(--warning-wash);color:#8a5a00}:root[data-theme=dark] .badge.regular{color:var(--warning)}@media (prefers-color-scheme:dark){.badge.regular{color:var(--warning)}}.badge.revisar{background:var(--serious-wash);color:#b4491f}:root[data-theme=dark] .badge.revisar{color:var(--serious)}@media (prefers-color-scheme:dark){.badge.revisar{color:var(--serious)}}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{color:var(--ink-muted);text-align:left;padding:12px 10px;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.table td,.table th{border-bottom:1px solid var(--grid)}.table td{padding:14px 10px;vertical-align:middle}.table tbody tr{transition:background-color .15s var(--ease)}.table tbody tr[data-clickable]:hover{background:var(--surface-2);cursor:pointer}button,input,select{font-family:inherit}button{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:10px 18px;font-weight:600;font-size:13.5px;color:var(--ink);transition:transform .15s var(--ease),box-shadow .15s var(--ease),background-color .15s var(--ease),border-color .15s var(--ease)}.btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--accent);color:white;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost-inverse{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:white}.btn-ghost-inverse:hover:not(:disabled){background:rgba(255,255,255,.18)}.btn:disabled{opacity:.6;cursor:default;transform:none!important}.field{position:relative;display:inline-flex;align-items:center}.field svg{position:absolute;left:12px;color:var(--ink-muted);pointer-events:none}input[type=date],select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface);color:var(--ink);font-size:13.5px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input[type=date]{padding-left:36px;color-scheme:light}@media (prefers-color-scheme:dark){input[type=date]{color-scheme:dark}}:root[data-theme=dark] input[type=date]{color-scheme:dark}input[type=date]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:24px 0 28px}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:20px;gap:20px}.split-layout{display:grid;grid-template-columns:1fr 0fr;grid-gap:20px;gap:20px;align-items:start;transition:grid-template-columns .45s var(--ease)}.split-layout.has-detail{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.split-layout>.detail-col{min-width:0;overflow:hidden}@keyframes expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.expand-in{animation:expandIn .3s var(--ease) both}@media (max-width:900px){.split-layout,.split-layout.has-detail{grid-template-columns:1fr}.split-layout>.detail-col{overflow:visible}}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.section-title h2{display:flex;align-items:center;gap:9px}h2{margin:0;font-size:17px;letter-spacing:-.005em}.rulebox{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.rule{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:13px 14px;font-size:12px;color:var(--ink-secondary);line-height:1.5;display:flex;gap:8px;align-items:flex-start}.rule svg{flex-shrink:0;margin-top:1px;color:var(--ink-muted)}.legend-row{display:flex;gap:16px;color:var(--ink-secondary);font-size:12px;margin-bottom:8px}.legend-key{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.sparkline-wrap{margin-top:12px;opacity:.9}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);transition:background-color .15s var(--ease),color .15s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.app-shell{display:flex;min-height:100vh}.app-sidebar{flex-shrink:0;width:232px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px}.sidebar-brand-text{font-weight:700;font-size:14px;line-height:1.25}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-secondary);font-weight:600;font-size:13.5px;border:none;background:none;width:100%;text-align:left;transition:background-color .15s var(--ease),color .15s var(--ease)}.sidebar-link:hover{background:var(--surface-2);color:var(--ink)}.sidebar-link.active{background:var(--accent-wash);color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebar-user{padding:6px 12px 8px;font-size:11.5px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1 1;min-width:0}@media (max-width:980px){.kpis{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.wrap{padding:20px 16px 48px}.rulebox{grid-template-columns:1fr}}@media (max-width:700px){.app-sidebar{width:68px;padding:16px 10px}.sidebar-brand-text,.sidebar-link span,.sidebar-user{display:none}.sidebar-brand{justify-content:center;padding:6px 0 18px}.sidebar-link{justify-content:center;padding:12px}}