:root{--turquesa:#1f6e7a;--turquesa-dark:#17545d;--turquesa-light:#e8f4f6;--gris-oscuro:#2d2d2d;--gris-medio:#6b7280;--borde:#e2e8ea;--fondo:#f7fafb;--blanco:#fff;--error:#b42318;--error-bg:#fef3f2;--ok:#067647;--radio:12px;--sombra:0 1px 2px #1018280f, 0 1px 3px #1018281a}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--gris-oscuro);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page{flex-direction:column;min-height:100dvh;display:flex}.header{background:var(--blanco);border-bottom:1px solid var(--borde);padding:14px 16px}.header-inner{align-items:center;gap:12px;max-width:560px;margin:0 auto;display:flex}.brand-logo{width:auto;height:34px;display:block}.brand-fallback{flex-direction:column;line-height:1.05;display:flex}.brand-fallback strong{letter-spacing:.14em;color:var(--turquesa);font-size:17px;font-weight:700}.brand-fallback span{letter-spacing:.1em;text-transform:uppercase;color:var(--gris-medio);font-size:10px}.main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:24px 16px 40px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:700}.subtitle{color:var(--gris-medio);margin:0 0 24px;font-size:15px}.card{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}input[type=text],input[type=password]{border:1.5px solid var(--borde);background:var(--blanco);width:100%;color:var(--gris-oscuro);letter-spacing:.02em;border-radius:10px;padding:15px 16px;font-size:18px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=password]:focus{border-color:var(--turquesa);outline:none;box-shadow:0 0 0 3px #1f6e7a24}input[type=text]:disabled,input[type=password]:disabled{background:var(--fondo);color:var(--gris-medio)}.btn{letter-spacing:.04em;background:var(--turquesa);width:100%;min-height:54px;color:var(--blanco);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;margin-top:16px;font-size:16px;font-weight:700;transition:background .15s,transform 50ms}.btn:hover:not(:disabled){background:var(--turquesa-dark)}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{cursor:not-allowed;background:#a8c4c9}.btn-secondary{background:var(--blanco);color:var(--turquesa);border:1.5px solid var(--turquesa)}.btn-secondary:hover:not(:disabled){background:var(--turquesa-light)}.btn-ghost{color:var(--gris-medio);background:0 0;border:none;min-height:44px;font-size:14px;font-weight:600}.btn-ghost:hover{color:var(--gris-oscuro);background:0 0}.field-error{color:var(--error);margin-top:8px;font-size:13px}.status-quote{color:var(--gris-medio);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:13px;font-weight:600}.status-message{align-items:center;gap:10px;margin:0 0 18px;font-size:19px;font-weight:600;display:flex}.spinner{border:2.5px solid var(--turquesa-light);border-top-color:var(--turquesa);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:var(--turquesa-light);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--turquesa);border-radius:999px;height:100%;transition:width .45s}.result-icon{background:var(--turquesa-light);width:46px;height:46px;color:var(--turquesa);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.result-title{margin:0 0 4px;font-size:20px;font-weight:700}.result-meta{color:var(--gris-medio);margin:0 0 20px;font-size:14px}.actions{flex-direction:column;gap:10px;display:flex}.actions .btn{margin-top:0}.alert{background:var(--error-bg);color:var(--error);border:1px solid #fecdca;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:15px;line-height:1.45}.footer{text-align:center;color:var(--gris-medio);padding:20px 16px 28px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.header-app{flex-wrap:wrap;justify-content:space-between;gap:10px}.nav{flex:1;justify-content:center;gap:4px;display:flex}.navlink{color:var(--gris-medio);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none}.navlink:hover{background:var(--turquesa-light);color:var(--turquesa)}.navlink-active{color:var(--turquesa);background:var(--turquesa-light)}.logout{color:var(--gris-medio);border:1px solid var(--borde);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.logout:hover{border-color:var(--turquesa);color:var(--turquesa)}.login-page{justify-content:center}.login-main{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:420px;margin:0 auto;padding:24px 16px;display:flex}.login-brand{margin-bottom:24px}.login-main .card{width:100%}.login-title{margin:0 0 4px;font-size:22px}.list{flex-direction:column;gap:10px;display:flex}.list-item{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.list-item-main{min-width:0}.list-item-title{font-size:15px;font-weight:700}.list-item-sub{color:var(--gris-medio);margin-top:2px;font-size:13px}.badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.badge-completed{color:var(--ok);background:#ecfdf3}.badge-failed{background:var(--error-bg);color:var(--error)}.badge-running,.badge-queued{background:var(--turquesa-light);color:var(--turquesa)}.badge-admin{color:#3538cd;background:#eef2ff}.badge-seller{background:var(--turquesa-light);color:var(--turquesa)}.badge-off{color:var(--gris-medio);background:#f2f4f7}.link-sm{color:var(--turquesa);font-size:13px;font-weight:600;text-decoration:none}.link-sm:hover{text-decoration:underline}.empty{text-align:center;color:var(--gris-medio);padding:32px 16px}.section-title{margin:28px 0 12px;font-size:16px;font-weight:700}.admin-status{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.stat{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;flex:1;min-width:120px;padding:12px 14px}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gris-medio);font-size:11px}.stat-value{margin-top:2px;font-size:18px;font-weight:700}.admin-alert{color:#b54708;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;margin-bottom:12px;padding:12px 14px;font-size:14px}.row-actions{align-items:center;gap:8px;display:flex}.mini-btn{border:1px solid var(--borde);background:var(--blanco);color:var(--gris-oscuro);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.mini-btn:hover{border-color:var(--turquesa);color:var(--turquesa)}