/* Bid Desk sign-in and account pages. Tokens follow the app (Get Ninja UI Standard v1.0). */
:root{
  --bg:#FAFAF9; --surface:#FFFFFF; --surface-2:#F5F5F4; --surface-3:#EDECEA;
  --border:#E7E5E4; --border-strong:#D6D3D1;
  --fg:#1C1917; --fg-2:#44403C; --muted:#6F6A66; --subtle:#A8A29E;
  --accent:#F97316; --accent-hover:#EA580C; --on-accent:#0A0A0A; --accent-soft:#FFF1E6; --accent-text:#C2410C; --accent-ring:rgba(249,115,22,.28);
  --rail:#0A0A0A; --rail-fg:#F5F5F4; --rail-muted:#A8A29E;
  --ok:#15803D; --ok-bg:#DCFCE7; --warn:#A16207; --warn-bg:#FEF9C3; --bad:#B91C1C; --bad-bg:#FEE2E2; --bad-fill:#DC2626; --info:#1D4ED8; --info-bg:#DBEAFE;
  --shadow:0 1px 2px rgba(10,10,10,.05),0 8px 28px rgba(10,10,10,.10);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0A0A0A; --surface:#141414; --surface-2:#1C1C1C; --surface-3:#262626; --border:#2A2A2A; --border-strong:#3A3A3A;
    --fg:#F5F5F4; --fg-2:#D6D3D1; --muted:#A8A29E; --subtle:#6F6A66;
    --accent-hover:#FB923C; --accent-soft:#2B1709; --accent-text:#FB923C; --accent-ring:rgba(249,115,22,.40);
    --rail:#000; --ok:#4ADE80; --ok-bg:#0F2A1A; --warn:#FACC15; --warn-bg:#2A2306; --bad:#F87171; --bad-bg:#2C1313; --info:#93C5FD; --info-bg:#0F1F3D;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0A0A0A; --surface:#141414; --surface-2:#1C1C1C; --surface-3:#262626; --border:#2A2A2A; --border-strong:#3A3A3A;
  --fg:#F5F5F4; --fg-2:#D6D3D1; --muted:#A8A29E; --subtle:#6F6A66;
  --accent-hover:#FB923C; --accent-soft:#2B1709; --accent-text:#FB923C; --accent-ring:rgba(249,115,22,.40);
  --rail:#000; --ok:#4ADE80; --ok-bg:#0F2A1A; --warn:#FACC15; --warn-bg:#2A2306; --bad:#F87171; --bad-bg:#2C1313; --info:#93C5FD; --info-bg:#0F1F3D;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px rgba(0,0,0,.5);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--accent-text)}
h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance}
h1{font-size:26px;font-weight:700;letter-spacing:-.01em}
h2{font-size:17px;font-weight:600}
h3{font-size:14px;font-weight:600}
p{margin:0}
.muted{color:var(--muted)} .small{font-size:13px} .tiny{font-size:12px}
.stack{display:flex;flex-direction:column;gap:12px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.spread{justify-content:space-between}
.grow{flex:1;min-width:0}

/* buttons and fields */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:600 14px/1.2 var(--font);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--surface-2)}
.btn:focus-visible,.inp:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.pri:hover{background:var(--accent-hover)}
.btn.lg{padding:12px 18px;font-size:15px}
.btn.sm{padding:6px 10px;font-size:13px}
.btn.link{border:0;background:none;padding:0;color:var(--accent-text);font-weight:600}
.btn.danger{color:var(--bad)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:600;color:var(--fg-2)}
.inp{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:15px/1.3 var(--font)}
.hint{font-size:13px;color:var(--muted)}
.note{padding:12px 14px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-size:14px}
.note.warn{background:var(--warn-bg);border-color:transparent;color:var(--fg)}
.note.bad{background:var(--bad-bg);border-color:transparent}
.note.ok{background:var(--ok-bg);border-color:transparent}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--fg-2);white-space:nowrap}
.pill.ok{background:var(--ok-bg);color:var(--ok)} .pill.warn{background:var(--warn-bg);color:var(--warn)} .pill.bad{background:var(--bad-bg);color:var(--bad)} .pill.info{background:var(--info-bg);color:var(--info)} .pill.accent{background:var(--accent-soft);color:var(--accent-text)}

/* sign-in */
.su{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.su-brand{background:var(--rail);color:var(--rail-fg);padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.su-brand img{width:150px;height:auto}
.su-brand h1{font-size:30px;color:#fff;max-width:18ch}
.su-brand ul{margin:20px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px;color:var(--rail-muted);max-width:44ch}
.su-brand p{color:var(--rail-muted);font-size:14px}
.su-main{display:flex;align-items:center;justify-content:center;padding:40px 16px}
.su-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}
.su-logo{display:none}
.su-legal{font-size:12px;color:var(--muted)}
@media (max-width:820px){
  .su{grid-template-columns:1fr}
  .su-brand{display:none}
  .su-logo{display:block;width:120px}
  .su-main{align-items:flex-start;padding-top:48px}
}

/* account */
.top{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--border)}
.top-in{max-width:1080px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.top img{height:34px;width:auto}
.top .who{font-size:13px;color:var(--muted);text-align:right;line-height:1.3}
.wrap{max-width:1080px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:20px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.grid2{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}
.card-h{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.card-b{padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.list li:last-child{border-bottom:0}
.av{width:34px;height:34px;border-radius:999px;background:var(--surface-3);color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plan{border:1px solid var(--border-strong);border-radius:12px;padding:14px;background:var(--surface);text-align:left;cursor:pointer;font:inherit;color:inherit}
.plan.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}
.plan .price{font-size:24px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
.plan .price span{font-size:13px;font-weight:500;color:var(--muted)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}
.bar>div{height:100%;background:var(--accent)}
.bar.hot>div{background:var(--bad-fill)}
.num{font-variant-numeric:tabular-nums}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;box-shadow:var(--shadow);z-index:20;max-width:calc(100vw - 32px)}
.center{min-height:60vh;display:flex;align-items:center;justify-content:center}