/* dashauth.css — Drop it Share webhost admin AUTH pages, styled EXACTLY like the trading dashboard's
   login/register (rules copied verbatim from trayd_dashboard/app/static/style.css, 2026-07-13).
   Standalone (the auth templates do NOT extend the filehost base, to avoid the file-host nav/CSS). */
:root{
  --bg:#0a0d17; --bg2:#0e1220; --card:#141a2b; --card2:#1a2138; --elev:#1f2740;
  --ink:#eef0fa; --ink2:#c6cbde; --muted:#868ca6; --line:#242c44;
  --brand:#7c5cff; --brand2:#9b7bff; --brandsoft:#1b1940;
  --ok:#22c55e; --warn:#f59e0b; --err:#f43f5e; --info:#38bdf8;
  --shadow:0 12px 36px rgba(0,0,0,.45); --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-y:contain}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);
  -webkit-font-smoothing:antialiased;min-height:100vh;min-height:100svh;
  background:
    radial-gradient(1100px 560px at 82% -12%, #241a52 0%, transparent 58%),
    radial-gradient(820px 480px at -8% 6%, #0f2742 0%, transparent 55%),
    var(--bg);}
small{color:var(--muted)} .muted{color:var(--muted)}
a{color:inherit;text-decoration:none}

/* ── auth ── */
.auth-wrap{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px 20px;
  background:radial-gradient(1000px 620px at 50% -15%, #2a1f63 0%, transparent 60%), var(--bg)}
.auth-card{background:linear-gradient(180deg,var(--card2),var(--card));width:400px;max-width:94vw;
  padding:30px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.brand .logo{font-size:28px;background:linear-gradient(135deg,var(--brand),#ec4899);
  width:52px;height:52px;display:grid;place-items:center;border-radius:14px}
.brand h1{font-size:20px} .brand p{font-size:13px;color:var(--muted)}
form label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--ink2)}
form input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;
  font-size:16px;background:#0d1220;color:var(--ink)}
form input::placeholder{color:#5c647e}
form input:focus{outline:none;border-color:var(--brand2);box-shadow:0 0 0 3px rgba(124,92,255,.22)}
.btn{display:inline-block;border:none;border-radius:11px;padding:11px 16px;font-weight:700;
  cursor:pointer;font-size:14px;transition:filter .15s,background .15s;color:var(--ink)}
.btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 6px 18px rgba(124,92,255,.32)}
.btn.primary:hover{filter:brightness(1.08)}
.auth-card .btn.primary{width:100%;margin-top:18px}
.auth-card .btn.ghost.authsecondary{display:block;width:100%;margin-top:11px;text-align:center;
  padding:12px 16px;font-size:14px;border-radius:11px}
.btn.ghost{background:rgba(124,92,255,.12);color:var(--brand2);border:1px solid rgba(124,92,255,.28);
  padding:7px 13px;font-size:12.5px;border-radius:9px}
.btn.ghost:hover{background:rgba(124,92,255,.2)}
.hint{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}
/* honeypot: hidden from humans (off-screen, not display:none so bots still see+fill it) */
.hp-field{position:absolute!important;left:-9999px!important;top:-9999px!important;
  width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.flash{padding:10px 13px;border-radius:10px;font-size:13px;margin:10px 0}
.flash.error,.flash.err{background:rgba(244,63,94,.14);color:#fda4af;border:1px solid rgba(244,63,94,.3)}
.flash.ok{background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.3)}