@charset "UTF-8";
/* Auth shell styles extracted from ui.go. */
    :root{--pg-bg:#000;--pg-card:rgba(255,255,255,.08);--pg-border:rgba(255,255,255,.18);--pg-text:oklab(0.867818 0.0000395482 0.0000174274 / 0.967216);--pg-muted:#afafaf;--pg-accent:#8b5cf6;--pg-accent-2:#22d3ee;--pg-radius:16px}
    body.auth-shell{min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(139,92,246,.32),transparent 34%),radial-gradient(circle at 88% 12%,rgba(34,211,238,.18),transparent 30%),var(--pg-bg);color:var(--pg-text);font-family:-apple-system-body,ui-sans-serif,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif}
    .auth-card{max-width:440px;margin:auto;border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:0 24px 70px rgba(0,0,0,.38);background:var(--pg-card);backdrop-filter:blur(20px);color:var(--pg-text)}
    .brand-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(251,113,133,.20))}
    .auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:2rem 1rem}
    .text-muted{color:var(--pg-muted)!important}.card-footer{border-top:1px solid var(--pg-border)!important;color:var(--pg-muted)!important}.form-floating>.form-control{height:3.35rem}.form-control{background:rgba(0,0,0,.48);border:1px solid var(--pg-border);color:#fff;border-radius:10px}.form-control:focus{background:#050505;color:#fff;border-color:var(--pg-accent-2);box-shadow:0 0 0 3px rgba(34,211,238,.22)}.form-floating>label{color:var(--pg-muted)}.btn-primary{border:0;background:linear-gradient(135deg,var(--pg-accent),var(--pg-accent-2));border-radius:10px;font-weight:700}.btn:focus-visible,.form-control:focus-visible{outline:3px solid rgba(34,211,238,.55);outline-offset:2px}.auth-footer{font-size:12px;color:var(--pg-muted);text-align:center}.auth-footer a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}.auth-footer a:hover{border-color:var(--pg-accent-2)}

    :root{--pg-bg:#000;--pg-card:rgba(255,255,255,.08);--pg-border:rgba(255,255,255,.18);--pg-text:oklab(0.867818 0.0000395482 0.0000174274 / 0.967216);--pg-muted:#afafaf;--pg-accent:#8b5cf6;--pg-accent-2:#22d3ee;--pg-radius:16px}
    body.auth-shell{min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(139,92,246,.32),transparent 34%),radial-gradient(circle at 88% 12%,rgba(34,211,238,.18),transparent 30%),var(--pg-bg);color:var(--pg-text);font-family:-apple-system-body,ui-sans-serif,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif}
    .auth-card{max-width:480px;margin:auto;border:1px solid var(--pg-border);border-radius:var(--pg-radius);box-shadow:0 24px 70px rgba(0,0,0,.38);background:var(--pg-card);backdrop-filter:blur(20px);color:var(--pg-text)}
    .auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:2rem 1rem}
    .brand-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(251,113,133,.20))}
    .text-muted{color:var(--pg-muted)!important}.form-control{background:rgba(0,0,0,.48);border:1px solid var(--pg-border);color:#fff;border-radius:10px}.form-control:focus{background:#050505;color:#fff;border-color:var(--pg-accent-2);box-shadow:0 0 0 3px rgba(34,211,238,.22)}.form-floating>label{color:var(--pg-muted)}.btn-primary{border:0;background:linear-gradient(135deg,var(--pg-accent),var(--pg-accent-2));border-radius:10px;font-weight:700}.btn:focus-visible,.form-control:focus-visible{outline:3px solid rgba(34,211,238,.55);outline-offset:2px}.auth-footer{font-size:12px;color:var(--pg-muted);text-align:center}.auth-footer a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}.auth-footer a:hover{border-color:var(--pg-accent-2)}

.btn-loading{pointer-events:none;opacity:.86;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-loading-spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;display:inline-block;animation:pgspin .75s linear infinite;flex:0 0 auto}@keyframes pgspin{to{transform:rotate(360deg)}}
.auth-secondary-action{margin-top:16px;text-align:center}.auth-link,.auth-link-button{color:#fff;text-decoration:none;border:0;background:transparent;padding:0;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.28);cursor:pointer}.auth-link:hover,.auth-link-button:hover{border-color:var(--pg-accent-2)}.auth-recovery{margin-top:18px;padding-top:18px;border-top:1px solid var(--pg-border)}.btn-outline-light{border-color:rgba(255,255,255,.28);color:#fff;border-radius:10px}.btn-outline-light:hover{background:rgba(255,255,255,.12);color:#fff}

/* Scrollbars globales en pantallas de autenticacion. */
:root{
  --pg-scrollbar-size:10px;
  --pg-scrollbar-track:rgba(255,255,255,.045);
  --pg-scrollbar-thumb:rgba(255,255,255,.22);
  --pg-scrollbar-thumb-hover:rgba(255,255,255,.34);
  --pg-scrollbar-border:rgba(8,8,12,.92);
}
*{
  scrollbar-width:thin;
  scrollbar-color:var(--pg-scrollbar-thumb) var(--pg-scrollbar-track);
}
*::-webkit-scrollbar{
  width:var(--pg-scrollbar-size);
  height:var(--pg-scrollbar-size);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece{
  background:var(--pg-scrollbar-track);
  border-radius:999px;
}
*::-webkit-scrollbar-thumb{
  min-width:34px;
  min-height:34px;
  background:var(--pg-scrollbar-thumb);
  border-radius:999px;
  border:2px solid var(--pg-scrollbar-border);
  background-clip:padding-box;
}
*::-webkit-scrollbar-thumb:hover{
  background:var(--pg-scrollbar-thumb-hover);
}
*::-webkit-scrollbar-thumb:active{
  background:rgba(255,255,255,.42);
}
*::-webkit-scrollbar-corner{
  background:var(--pg-scrollbar-track);
}
*::-webkit-resizer{
  background:linear-gradient(135deg, transparent 0 45%, var(--pg-scrollbar-thumb) 46% 54%, transparent 55% 100%);
  border-radius:0 0 8px 0;
}
*::-webkit-scrollbar-button{
  width:0;
  height:0;
  display:none;
}