:root{--bg:#0a0f1c;--bg-2:#0d1526;--surface:#111c30;--surface-2:#16243c;--surface-3:#1c2c48;--line:#24334a;--line-soft:#1b2840;--text:#f1f5f9;--text-soft:#b8c4d6;--text-mute:#6b7c95;--brand:#3b82f6;--brand-hi:#60a5fa;--brand-dim:#3b82f624;--brand-glow:#3b82f659;--ok:#10b981;--ok-bg:#10b9811f;--warn:#f59e0b;--warn-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--r-sm:10px;--r:14px;--r-lg:20px;--shadow:0 16px 40px -16px #000000a6;--shadow-sm:0 4px 14px -6px #00000080;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 480px at 12% -8%, #3b82f61a, transparent 60%), radial-gradient(700px 420px at 100% 0%, #60a5fa0f, transparent 55%), var(--bg);background-attachment:fixed;min-height:100vh;line-height:1.55}.dato{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.02em}h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:750}h2{letter-spacing:-.01em;font-size:1.1rem;font-weight:650}h3{color:var(--text-soft);font-size:.92rem;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--brand-hi);align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;display:inline-flex}@media (min-width:640px){h1{font-size:1.75rem}h2{font-size:1.2rem}}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.15rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--brand), #2563eb);color:#fff;box-shadow:0 8px 20px -8px var(--brand-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--brand-hi), var(--brand))}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-hi)}.btn-danger{color:#fca5a5;border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-block{width:100%}.btn-sm{min-height:40px;padding:.5rem .85rem;font-size:.82rem}.btn-icon{flex-shrink:0;width:44px;min-height:44px;padding:0}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-soft);font-size:.8rem;font-weight:600}.input{width:100%;color:var(--text);background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-sm);-webkit-tap-highlight-color:transparent;min-height:48px;padding:.8rem .9rem;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus{border-color:var(--brand);background:var(--surface-3);box-shadow:0 0 0 4px var(--brand-dim);outline:none}.input::placeholder{color:var(--text-mute)}textarea.input{resize:vertical;min-height:96px}select.input{cursor:pointer}.input-group{position:relative}.input-group .input{padding-left:2.75rem}.input-group svg{color:var(--text-mute);pointer-events:none;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.card{background:linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow-wrap:anywhere;min-width:0;padding:1.25rem}.card-pad-lg{padding:1.6rem}@media (min-width:640px){.card{padding:1.4rem}.card-pad-lg{padding:1.9rem}}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-hi), transparent);height:2px;position:absolute;inset:0 0 auto}.badge{white-space:nowrap;border:1px solid;border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.72rem;font-weight:650;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.badge-danger{background:var(--danger-bg);color:#fca5a5;border-color:var(--danger)}.medidor{flex-direction:column;gap:.55rem;display:flex}.medidor-track{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:99px;height:10px;overflow:hidden}.medidor-fill{background:linear-gradient(90deg, var(--brand), var(--brand-hi));height:100%;box-shadow:0 0 12px var(--brand-glow);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.medidor-fill.warn{background:linear-gradient(90deg, var(--warn), #fbbf24);box-shadow:0 0 12px #f59e0b59}.medidor-fill.danger{background:linear-gradient(90deg, var(--danger), #f87171);box-shadow:0 0 12px #ef444459}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:899px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:639px){.grid-2,.grid-3{grid-template-columns:1fr;gap:.85rem}}.muted{color:var(--text-mute)}.empty{text-align:center;color:var(--text-mute);padding:3rem 1rem;font-size:.9rem}.error-box{background:var(--danger-bg);border:1px solid var(--danger);color:#fca5a5;border-radius:var(--r-sm);padding:.8rem 1rem;font-size:.85rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--line)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}