:root{--navy: #3b4b66;--navy-600: #31405a;--navy-700: #2a3a52;--navy-grad: linear-gradient(135deg, #3b4b66, #2a3a52);--navy-deep: #0f1628;--cyan-accent: #22D3EE;--cyan-glow: #1AFEFF;--ink: #1b1b1b;--dark: #1e2738;--dark-2: #2a3650;--bg: #ffffff;--bg-soft: #f4f6f9;--surface-2: #eef1f6;--line: #e6eaf0;--line-strong: #d9dfea;--text: #1c2230;--muted: #485162;--muted-2: #626c7b;--warn-c: #92400e;--warn-b: #fef3c7;--warn-bo: #fcd34d;--warn-s: #f59e0b;--info-c: #1e3a8a;--info-b: #eff6ff;--info-bo: #bfdbfe;--info-s: #2563eb;--note-c: #5b21b6;--note-b: #f5f3ff;--note-bo: #ddd6fe;--note-s: #8b5cf6;--ok-c: #065f46;--ok-b: #d1fae5;--ok-bo: #6ee7b7;--ok-s: #10b981;--bad-c: #b91c1c;--bad-b: #fef2f2;--bad-bo: #fecaca;--bad-s: #ef4444;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 12px;--sp-6: 14px;--sp-7: 16px;--sp-8: 20px;--sp-9: 24px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 2px 10px rgba(59, 75, 102, .05);--shadow-md: 0 8px 24px rgba(59, 75, 102, .1);--shadow-lg: 0 25px 60px rgba(59, 75, 102, .25);--focus: 0 0 0 3px rgba(59, 75, 102, .3);--ease: cubic-bezier(.22, 1, .36, 1);--dur: .18s;--font-head: "Montserrat", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, Roboto, Arial, sans-serif;--z-dropdown: 100;--z-sticky: 200;--z-backdrop: 900;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg-soft);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:inherit}h1,h2,h3{font-family:var(--font-head)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alertGlow{0%,to{box-shadow:0 2px 12px #f59e0b40}50%{box-shadow:0 4px 22px #f59e0b8c}}@keyframes scanLine{0%{top:8%}to{top:92%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-weight:700;line-height:1;border:1.5px solid transparent;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),color var(--dur) var(--ease)}.btn-md{padding:9px 16px;font-size:13px}.btn-sm{padding:6px 11px;font-size:12px}.btn-icon{padding:9px 11px}.btn-icon.btn-sm{padding:6px 8px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--navy-grad);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.07)}.btn-ghost{background:var(--bg);color:var(--navy);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--bg-soft);border-color:var(--line-strong)}.btn-danger{background:var(--bg);color:var(--bad-c);border-color:var(--bad-bo)}.btn-danger:hover:not(:disabled){background:var(--bad-b)}.btn-subtle{background:var(--bg);color:var(--muted);border-color:var(--line)}.btn-subtle:hover:not(:disabled){background:var(--bg-soft);color:var(--navy-700)}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer;transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--r-pill);font-size:11px;font-weight:700;white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--navy)}.chip-warn{color:var(--warn-c);background:var(--warn-b);border-color:var(--warn-bo)}.chip-info{color:var(--info-c);background:var(--info-b);border-color:var(--info-bo)}.chip-note{color:var(--note-c);background:var(--note-b);border-color:var(--note-bo)}.chip-ok{color:var(--ok-c);background:var(--ok-b);border-color:var(--ok-bo)}.chip-bad{color:var(--bad-c);background:var(--bad-b);border-color:var(--bad-bo)}button.chip{cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}button.chip:hover{border-color:var(--navy)}button.chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.statbox{background:var(--bg-soft);border-radius:var(--r-md);padding:9px 11px}.statbox-label{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.3px}.statbox-value{font-size:16px;font-weight:800;color:var(--navy-700)}.skeleton{position:relative;overflow:hidden;background:var(--bg-soft);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:skeleton-shimmer 1.4s var(--ease) infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty-icon{font-size:36px;margin-bottom:10px;line-height:1}.empty-title{font-weight:700;color:var(--navy-700);margin-bottom:4px}.empty-sub{font-size:13px;color:var(--muted);max-width:42ch;margin:0 auto}.empty-cta{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.section-title{font-family:var(--font-head);font-weight:700;color:var(--navy-700);margin:0 0 2px;font-size:22px}.section-sub{font-size:12.5px;color:var(--muted)}.section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.shell{display:flex;height:100vh;overflow:hidden;background:var(--bg-soft)}.shell-mobile{flex-direction:column;height:100dvh}.topbar{background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-shrink:0;box-shadow:var(--shadow-sm)}.topbar-title{font-family:var(--font-head);font-weight:700;color:var(--navy-700);letter-spacing:-.01em;line-height:1.2}.topbar-greet{color:var(--navy)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--navy-700);border:1.5px solid var(--line);border-radius:var(--r-sm);cursor:pointer;padding:0;font-weight:700;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.iconbtn:hover{border-color:var(--navy)}.iconbtn.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.badge-count{position:absolute;background:var(--bad-s);color:#fff;border-radius:10px;font-size:10px;font-weight:800;padding:1px 5px;min-width:18px;text-align:center;border:2px solid var(--bg)}.sidebar{background:linear-gradient(180deg,var(--navy-700) 0%,var(--navy) 100%);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;box-shadow:4px 0 20px #3b4b6633;transition:width .3s var(--ease)}.nav-item{text-align:left;border:none;border-radius:var(--r-sm);background:#ffffff1f;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item:hover{background:#ffffff38}.nav-item.is-active{background:#fff;color:var(--navy)}.nav-group-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:7px 8px;border-radius:var(--r-sm);font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff6b;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-group-hdr:hover{background:#ffffff12;color:#ffffffb3}.nav-group-hdr.has-active{color:#ffffffe6}.nav-group-chev{font-size:10px;opacity:.7;transition:transform var(--dur) var(--ease)}.nav-group-hdr.open .nav-group-chev{transform:rotate(90deg)}.nav-group-dot{width:5px;height:5px;border-radius:50%;background:#ffffffbf;flex-shrink:0}.nav-group-items{display:flex;flex-direction:column;gap:4px;padding:4px 0 6px 6px;animation:navGroupIn .16s var(--ease)}@keyframes navGroupIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.nav-group-items{animation:none}.nav-group-chev{transition:none}}.nav-tab{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--bg);color:var(--navy-700);font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:5px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav-tab:hover{border-color:var(--navy)}.nav-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.fchip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--bg);color:var(--navy-700);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.fchip:hover{border-color:var(--navy)}.fchip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.lrow{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.lrow:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.fab{position:fixed;border-radius:50%;background:var(--navy-grad);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 20px #3b4b6680;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 26px #3b4b668c}.pce-row{display:grid;gap:6px;align-items:center;grid-template-columns:minmax(0,1.5fr) minmax(84px,.72fr) minmax(0,1.4fr) 34px}.pce-trash{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--muted-2);border-radius:var(--r-sm);padding:6px;font-size:15px;min-height:34px;min-width:34px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.pce-trash:hover{color:var(--bad-c);background:var(--bad-b)}@media (max-width: 560px){.pce-row{grid-template-columns:1fr 1fr}.pce-row>.pce-medio{grid-column:1 / -1}.pce-row>.pce-monto{grid-column:1}.pce-row>.pce-cuenta{grid-column:2}.pce-row>.pce-trash{grid-column:1 / -1;justify-self:end}}.pce-bar{transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}@media (prefers-reduced-motion: reduce){.pce-bar{transition:none}}.ob-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);padding:18px 20px;margin:12px 16px 4px;animation:obIn .32s var(--ease)}@keyframes obIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ob-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ob-title{font-family:var(--font-head);font-weight:700;color:var(--navy-700);font-size:16px;margin:0;letter-spacing:-.01em}.ob-sub{font-size:12.5px;color:var(--muted);margin:3px 0 0;max-width:54ch}.ob-headright{display:flex;align-items:center;gap:8px;flex-shrink:0}.ob-count{font-size:12px;font-weight:700;color:var(--navy);white-space:nowrap}.ob-dismiss{background:none;border:none;color:var(--muted-2);cursor:pointer;font-size:20px;line-height:1;padding:0 6px;border-radius:8px}.ob-dismiss:hover{color:var(--navy-700);background:var(--bg-soft)}.ob-dismiss:focus-visible{outline:2px solid var(--navy);outline-offset:2px;color:var(--navy-700)}.ob-progress{height:6px;background:var(--surface-2);border-radius:20px;overflow:hidden;margin:13px 0 2px}.ob-progress-fill{height:100%;background:var(--navy-grad);border-radius:20px;transition:width .5s var(--ease)}.ob-steps{list-style:none;margin:6px 0 0;padding:0}.ob-step{position:relative;display:flex;gap:12px;padding:9px 0}.ob-step:not(:last-child):before{content:"";position:absolute;left:12px;top:30px;bottom:-3px;width:2px;background:var(--line)}.ob-step.is-done:not(:last-child):before{background:var(--ok-bo)}.ob-node{position:relative;z-index:1;flex-shrink:0;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid var(--line-strong);background:var(--bg);color:var(--muted-2)}.ob-step.is-next .ob-node{border-color:var(--navy);color:var(--navy);box-shadow:0 0 0 4px #3b4b661a}.ob-step.is-done .ob-node{border-color:var(--ok-s);background:var(--ok-s);color:#fff;animation:obPop .32s var(--ease)}@keyframes obPop{0%{transform:scale(.5)}60%{transform:scale(1.14)}to{transform:scale(1)}}.ob-body{flex:1;min-width:0;padding-top:1px}.ob-step-title{font-size:13.5px;font-weight:700;color:var(--navy-700)}.ob-step.is-done .ob-step-title{color:var(--muted)}.ob-step-sub{font-size:12px;color:var(--muted);margin-top:1px}.ob-step-cta{margin-top:7px}@media (prefers-reduced-motion: reduce){.ob-card,.ob-step.is-done .ob-node{animation:none}.ob-progress-fill{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kina-brand{position:relative;display:inline-flex}.kina-brand>img{position:relative;z-index:1}.kina-brand-glow:before{content:"";position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 66%);animation:kinaGlow 3.6s ease-in-out infinite}@keyframes kinaGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.kina-brand-in{animation:kinaIn .5s var(--ease) both}@keyframes kinaIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.kina-brand-glow:before,.kina-brand-in{animation:none}}.ayuda-slide{animation:ayudaSlideIn .19s var(--ease) both}@keyframes ayudaSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ayuda-slide{animation:none}}.ayuda-nav{border-radius:var(--r-sm);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.ayuda-nav:not(:disabled):hover{background:var(--bg-soft);color:var(--navy-600)}.ayuda-nav:focus-visible{outline:none;box-shadow:var(--focus)}