:root{--color-navy-900: #14213d;--color-navy-700: #1f3d6e;--color-navy-500: #2c5490;--color-navy-100: #e7ecf5;--color-amber-500: #d98e2b;--color-amber-100: #fbeed9;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-border: #dde3ec;--color-text-primary: #16233d;--color-text-secondary: #5b6b85;--color-text-inverse: #ffffff;--color-success: #2f8f5b;--color-success-bg: #e5f5ec;--color-danger: #c4432e;--color-danger-bg: #fbe9e6;--color-warning-bg: var(--color-amber-100);--color-warning-text: #8a5a12;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-card: 0 1px 2px rgba(20, 33, 61, .06), 0 4px 12px rgba(20, 33, 61, .05);--tabbar-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.01em}p{margin:0}button{font-family:inherit}a{color:var(--color-navy-700);text-decoration:none}:focus-visible{outline:2px solid var(--color-amber-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pantalla{min-height:100%;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 16px)}.contenido{padding:16px;max-width:480px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.btn:active:not(:disabled){opacity:.8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-navy-700);color:var(--color-text-inverse)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn-amber{background:var(--color-amber-500);color:var(--color-text-inverse)}.btn-sm{width:auto;padding:.55rem .9rem;font-size:.85rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.field input,.field select{padding:.75rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text-primary);-webkit-appearance:none}.field input:focus,.field select:focus{border-color:var(--color-navy-500)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-neutral{background:var(--color-navy-100);color:var(--color-navy-700)}.badge-volando{background:#dbeafe;color:#1d4ed8}.alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:1rem}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.empty-state{padding:3rem 1rem;text-align:center;color:var(--color-text-secondary)}.tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-navy-900);display:flex;z-index:40}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-navy-100);opacity:.65;font-size:.68rem;font-weight:700;border:none;background:none}.tabbar-item.activo{opacity:1;color:var(--color-text-inverse)}.tabbar-item .icono{font-size:1.3rem}
