:root{color-scheme:dark;--bg:#090c14;--card-bg:#131829;--card-border:#232a40;--input-bg:#0c101c;--input-border:#2a3350;--text:#eef1f8;--muted:#8891a8;--accent:#6366f1;--accent-2:#8b5cf6;--accent-dark:#4f46e5;--error:#f87171;--error-bg:hsla(0,91%,71%,.12);--ok:#34d399;--ok-bg:rgba(52,211,153,.12);--warning:#fbbf24;--warning-bg:rgba(251,191,36,.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100vh}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,rgba(99,102,241,.18),transparent 60%),var(--bg);background-attachment:fixed}.page{min-height:100vh;justify-content:flex-start;padding:56px 16px;gap:28px}.brand,.page{display:flex;flex-direction:column;align-items:center}.brand{gap:8px}.brand-logo{height:130px;width:auto;display:block}.brand-name{font-size:1.05rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:36px;width:100%;max-width:440px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:18px}.card.wide{max-width:960px}h1{margin:0;font-size:1.6rem;letter-spacing:-.01em}.subtitle{margin:6px 0 4px;font-size:.92rem;line-height:1.4}.subtitle,label{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;font-size:.85rem;font-weight:600}.field{position:relative;display:flex;align-items:center}.field-icon{display:flex}.field-icon,.field-prefix{position:absolute;left:14px;color:var(--muted);pointer-events:none}.field-prefix{font-weight:600}input{width:100%;font-size:1rem;border-radius:10px;color:var(--text);font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}.balance-box,input{padding:12px 14px;border:1px solid var(--input-border);background:var(--input-bg)}.balance-box{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;border-radius:10px}.balance-item{display:flex;flex-direction:column;gap:2px}.balance-item .label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.balance-item .value{font-size:1rem;font-weight:700}.balance-item.highlight .value{color:var(--ok)}.segmented{display:inline-flex;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:3px;gap:2px;margin-bottom:2px}.segmented button{border:none;background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.segmented button.active{background:var(--accent);color:#fff}.field-icon+input,.field-prefix+input{padding-left:38px}input::placeholder{color:#545e78}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.25)}input[data-mono]{font-family:SF Mono,Cascadia Code,Consolas,monospace;letter-spacing:.02em}.hint{font-size:.75rem;color:#6b7488;font-weight:400}.btn,.btn-secondary{border:none;border-radius:10px;padding:13px 18px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease,filter .15s ease,opacity .15s ease}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 24px -8px rgba(99,102,241,.6)}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#1b2136;color:var(--text);border:1px solid var(--card-border)}.btn-secondary:hover:not(:disabled){background:#232a44}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:.88rem;line-height:1.4;margin:0}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{background:var(--error-bg);color:var(--error)}.alert-ok{background:var(--ok-bg);color:var(--ok)}.msg-error{color:var(--error)}.msg-error,.msg-ok{font-size:.9rem;margin:0}.msg-ok{color:var(--ok)}.admin-header{justify-content:space-between;gap:.75rem}.admin-header,.admin-nav{display:flex;align-items:center;flex-wrap:wrap}.admin-nav{gap:.4rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.metrics-grid-5{grid-template-columns:repeat(5,1fr)}.resumen-tables{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.75rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:860px){.form-grid-3{grid-template-columns:1fr 1fr}.segmented{flex-wrap:wrap}.card.wide{padding:20px 16px;border-radius:14px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid-5{grid-template-columns:repeat(3,1fr)}.resumen-tables{grid-template-columns:1fr}}@media (max-width:520px){.page{padding:20px 10px}.card{padding:20px 16px;border-radius:14px}.card.wide{padding:16px 12px}.metrics-grid{gap:.5rem}.metrics-grid,.metrics-grid-5{grid-template-columns:repeat(2,1fr)}.form-grid-2{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr 1fr}.admin-header h1{font-size:1.3rem}.admin-nav a,.admin-nav button{font-size:.75rem!important;padding:4px 9px!important}.balance-box{grid-template-columns:1fr 1fr}.balance-box .balance-item:last-child{grid-column:1/-1}.window-pill span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{padding:10px 8px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.table td,.table th{text-align:left;border-bottom:1px solid var(--card-border)}.table td{padding:12px 8px}.table tr:hover td{background:hsla(0,0%,100%,.02)}.table a{color:var(--accent);text-decoration:none;font-weight:600}.table a:hover{text-decoration:underline}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:#232a40;color:var(--muted)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-approved,.badge-paying{background:rgba(99,102,241,.15);color:#a5b4fc}.badge-paid{background:var(--ok-bg);color:var(--ok)}.badge-failed,.badge-rejected{background:var(--error-bg);color:var(--error)}.badge-warning{background:var(--warning-bg);color:var(--warning);margin-left:6px}.detail{display:grid;grid-template-columns:max-content 1fr;grid-gap:10px 18px;gap:10px 18px}.detail dt{color:var(--muted);font-size:.82rem}.detail dd{margin:0}.actions{display:flex;gap:12px;margin-top:16px;align-items:center}