/* Authentication only: dashboard styles remain unchanged. */
#auth-wrap { min-height:100vh; min-height:100svh; background:#fff; }
#auth-wrap .auth-left { width:43.6%; min-height:100svh; padding:34px 36px 20px; gap:0; background:#100c0d; }
#auth-wrap .auth-delivery-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transform:translateX(64px); mask-image:linear-gradient(90deg,transparent,#000 12%); pointer-events:none; }
#auth-wrap .auth-left::before, #auth-wrap .auth-left::after { display:none; }
#auth-wrap .auth-brand { gap:14px; align-items:center; margin-bottom:27px; }
#auth-wrap .auth-logo { width:84px; height:62px; object-fit:contain; }
#auth-wrap .auth-logo-text { display:block; font-size:36px; line-height:1.1; font-weight:800; white-space:nowrap; color:#fff; }
#auth-wrap .auth-logo-text > span { color:#ff7414; }
#auth-wrap .auth-brand-tagline { color:#fff; font-size:8px; margin-top:8px; }
#auth-wrap .auth-left-body { flex:1; justify-content:flex-start; }
#auth-wrap .auth-eyebrow { display:flex; align-items:center; gap:13px; color:#ff971c; font-size:11px; font-weight:700; margin-bottom:12px; }
#auth-wrap .auth-eyebrow::before { content:''; width:31px; height:3px; background:#ff7717; border-radius:3px; box-shadow:0 0 8px #ff791a; }
#auth-wrap .auth-left-body h2 { font-size:52px; font-weight:800; line-height:1.02; margin:0 0 23px; color:#fff; }
#auth-wrap .auth-left-body h2 > span { position:relative; color:#ff7819; }
#auth-wrap .auth-left-body h2 > span::after { content:''; position:absolute; left:0; right:-12px; bottom:-9px; height:10px; border-top:4px solid #ff801d; border-radius:50%; transform:rotate(-1deg); }
#auth-wrap .auth-left-body > p { max-width:310px; font-size:14px; line-height:1.4; color:#e5e8ed; margin-bottom:20px; }
#auth-wrap .auth-feats { display:flex; flex-direction:column; gap:12px; }
#auth-wrap .auth-feat { display:flex; gap:13px; align-items:center; color:#fff; }
#auth-wrap .auth-feature-icon { display:grid; place-items:center; width:47px; height:44px; flex-shrink:0; color:#ff8226; border:1px solid #b64a10; border-radius:10px; background:#35190eaa; box-shadow:inset 0 0 12px #ff740e26,0 0 12px #ff7b1012; }
#auth-wrap .auth-feature-icon svg { width:27px; height:27px; stroke-width:2.4; }
#auth-wrap .auth-feat strong { display:block; font-size:14px; line-height:1.4; }
#auth-wrap .auth-feat div > span { display:block; font-size:11px; color:#c5ccd7; line-height:1.4; }
#auth-wrap .auth-benefits { display:flex; position:relative; z-index:1; margin-top:30px; padding-top:15px; border-top:1px solid #fc82251a; gap:15px; color:#fff; }
#auth-wrap .auth-benefits > div { flex:1; display:flex; gap:11px; align-items:center; font-size:11px; line-height:1.4; }
#auth-wrap .auth-benefits > div + div { padding-left:15px; border-left:1px dashed #ff751a8c; }
#auth-wrap .auth-benefits svg { width:30px; height:30px; color:#ff8124; flex-shrink:0; }
#auth-wrap .auth-left-footer { font-size:11px; color:#aeb9cd; margin-top:22px; }
#auth-wrap .auth-right { position:relative; overflow:hidden; isolation:isolate; min-width:0; padding:45px 60px 45px 30px; background:#fbfcfe; }
#auth-wrap .auth-right::before, #auth-wrap .auth-right::after { content:''; position:absolute; z-index:-1; border-radius:50%; width:800px; height:800px; border:105px solid #fff0e7; outline:1px solid #ffb07d; pointer-events:none; }
#auth-wrap .auth-right::before { top:-520px; right:-550px; }
#auth-wrap .auth-right::after { bottom:-400px; right:-465px; }
#auth-wrap .auth-screen { width:100%; max-width:440px; z-index:1; }
#auth-wrap .auth-card { position:relative; overflow:hidden; isolation:isolate; padding:36px 34px 54px; border:1px solid #edf0f5; border-radius:20px; background:#fff; box-shadow:0 20px 64px #253f6b33; }
#auth-wrap .auth-card::before { content:''; position:absolute; width:320px; height:320px; border-radius:50%; top:-200px; right:-150px; border:65px solid #fff0e6; background:#ffdeca; z-index:-1; pointer-events:none; }
#auth-wrap .auth-card h1 { font-size:40px; line-height:1.2; color:#07111e; font-weight:800; margin:0 0 7px; }
#auth-wrap .auth-sub { font-size:15px; line-height:1.5; color:#687b9a; margin-bottom:29px; }
#auth-wrap .fg { margin-bottom:18px; }
#auth-wrap .fg label { text-transform:none; color:#536582; font-size:14px; margin-bottom:9px; line-height:1.3; }
#auth-wrap .fg input { height:52px; min-width:0; font-size:16px; border:1px solid #d4deed; border-radius:8px; background:#f7f9fc; color:#111827; }
#auth-wrap .fg input::placeholder { color:#8a98ac; opacity:1; }
#auth-wrap .auth-input { position:relative; display:flex; align-items:center; }
#auth-wrap .auth-input input { padding:12px 14px 12px 58px; }
#auth-wrap .auth-input input[type="password"], #auth-wrap .auth-input #l-pw { padding-right:52px; }
#auth-wrap .auth-input-icon { position:absolute; left:10px; display:grid; place-items:center; width:34px; height:34px; color:#6b7e9b; border:1px solid #e2e9f3; border-radius:7px; pointer-events:none; }
#auth-wrap .auth-input-icon svg { width:21px; height:21px; }
#auth-wrap .auth-password-toggle { position:absolute; right:7px; display:grid; place-items:center; width:38px; height:38px; background:transparent; border:0; color:#6b7e9b; cursor:pointer; border-radius:6px; }
#auth-wrap .auth-password-toggle:hover { background:#eaf0f8; color:#374b69; }
#auth-wrap .auth-password-toggle svg { width:23px; height:23px; }
#auth-wrap .auth-submit { display:flex; justify-content:center; align-items:center; gap:13px; min-height:56px; margin-top:23px; padding:14px 15px; border:1px solid #ff671b; border-radius:9px; background:linear-gradient(110deg,#ff9300,#ff4309); box-shadow:0 14px 26px #ff641a30; font-size:17px; }
#auth-wrap .auth-submit:hover { background:linear-gradient(110deg,#f58900,#ec3903); }
#auth-wrap .auth-submit svg { width:24px; height:24px; }
#auth-wrap .auth-submit:disabled { opacity:.7; cursor:wait; transform:none; }
#auth-wrap .auth-switch { display:flex; align-items:center; gap:12px; margin-top:37px; color:#6b7e9b; font-size:14px; line-height:1.5; }
#auth-wrap .auth-switch::before, #auth-wrap .auth-switch::after { content:''; flex:1; height:1px; background:#dde4ee; }
#auth-wrap .auth-switch a { color:#ff4e12; font-weight:700; display:inline-flex; align-items:center; gap:7px; }
#auth-wrap .auth-switch svg { width:21px; height:21px; }
#auth-wrap .auth-mobile-brand { display:none; }
#auth-wrap #scr-register .auth-card { padding-top:30px; padding-bottom:28px; }
#auth-wrap #scr-register h1 { font-size:32px; }
#auth-wrap #scr-register .fg { margin-bottom:12px; }
#auth-wrap #scr-register .fg input { height:44px; }
#auth-wrap #scr-register .auth-sub { margin-bottom:19px; }
#auth-wrap #scr-register .auth-switch { margin-top:24px; }
#auth-wrap .slug-row { min-width:0; border:1px solid #d4deed; border-radius:8px; }
#auth-wrap .slug-pre { font-size:11px; color:#6b7e9b; background:#f0f4f9; border-color:#d4deed; }
#auth-wrap .slug-row input { width:0; }
@media (min-width:1450px) {
  #auth-wrap .auth-delivery-art { transform:translateX(90px); }
  #auth-wrap .auth-left { padding:38px 48px 20px; }
  #auth-wrap .auth-brand { margin-bottom:34px; }
  #auth-wrap .auth-logo { width:112px; height:80px; }
  #auth-wrap .auth-logo-text { font-size:48px; }
  #auth-wrap .auth-brand-tagline { font-size:11px; }
  #auth-wrap .auth-left-body { padding-left:18px; }
  #auth-wrap .auth-eyebrow { font-size:14px; margin-bottom:14px; }
  #auth-wrap .auth-left-body h2 { font-size:74px; line-height:.9; margin-bottom:29px; }
  #auth-wrap .auth-left-body > p { font-size:19px; max-width:400px; margin-bottom:22px; }
  #auth-wrap .auth-feats { gap:14px; }
  #auth-wrap .auth-feature-icon { width:63px; height:57px; }
  #auth-wrap .auth-feature-icon svg { width:34px; height:34px; }
  #auth-wrap .auth-feat { gap:18px; }
  #auth-wrap .auth-feat strong { font-size:18px; }
  #auth-wrap .auth-feat div > span { font-size:15px; }
  #auth-wrap .auth-benefits > div { font-size:14px; gap:15px; }
  #auth-wrap .auth-benefits svg { width:39px; height:39px; }
  #auth-wrap .auth-left-footer { font-size:15px; margin-top:24px; }
  #auth-wrap .auth-right { padding-left:45px; padding-right:140px; }
  #auth-wrap .auth-screen { max-width:552px; }
  #auth-wrap .auth-card { padding:46px 44px 77px; }
  #auth-wrap .auth-card h1 { font-size:50px; }
  #auth-wrap .auth-sub { font-size:20px; margin-bottom:35px; }
  #auth-wrap .fg { margin-bottom:22px; }
  #auth-wrap .fg label { font-size:18px; margin-bottom:11px; }
  #auth-wrap .fg input { height:64px; font-size:20px; }
  #auth-wrap .auth-input input { padding-left:76px; }
  #auth-wrap .auth-input-icon { width:43px; height:43px; left:12px; }
  #auth-wrap .auth-input-icon svg { width:25px; height:25px; }
  #auth-wrap .auth-password-toggle { width:46px; height:46px; right:12px; }
  #auth-wrap .auth-password-toggle svg { width:28px; height:28px; }
  #auth-wrap .auth-submit { min-height:68px; font-size:22px; }
  #auth-wrap .auth-switch { font-size:19px; margin-top:49px; }
}
@media (max-height:800px) and (min-width:861px) {
  #auth-wrap .auth-right::after { bottom:-500px; }
  #auth-wrap .auth-left { padding-top:28px; }
  #auth-wrap .auth-brand { margin-bottom:22px; }
  #auth-wrap .auth-feats { gap:8px; }
  #auth-wrap .auth-left-body > p { margin-bottom:14px; }
  #auth-wrap .auth-benefits { margin-top:20px; padding-top:11px; }
  #auth-wrap .auth-left-footer { margin-top:15px; }
}
@media (max-width:1100px) and (min-width:861px) {
  #auth-wrap .auth-left { width:45%; padding:28px 25px 20px; }
  #auth-wrap .auth-logo { width:64px; }
  #auth-wrap .auth-logo-text { font-size:29px; }
  #auth-wrap .auth-left-body h2 { font-size:43px; }
  #auth-wrap .auth-left-body > p { max-width:270px; font-size:13px; }
  #auth-wrap .auth-right { padding:35px 24px; }
  #auth-wrap .auth-card { padding:32px 26px 44px; }
  #auth-wrap .auth-card h1 { font-size:36px; }
  #auth-wrap .auth-sub { font-size:13px; }
  #auth-wrap .auth-feat strong { font-size:13px; }
  #auth-wrap .auth-feat div > span { font-size:10px; }
}
@media (max-width:860px) {
  #auth-wrap { flex-direction:column; }
  #auth-wrap .auth-left { display:none; }
  #auth-wrap .auth-right { min-height:100svh; flex-direction:column; gap:26px; padding:30px 20px; }
  #auth-wrap .auth-mobile-brand { display:flex; gap:8px; align-items:center; text-decoration:none; color:#101827; font-size:26px; font-weight:800; }
  #auth-wrap .auth-mobile-brand > span > span { color:#ff6415; }
  #auth-wrap .auth-mobile-brand img { width:52px; height:36px; object-fit:contain; }
  #auth-wrap .auth-screen { max-width:440px; }
  #auth-wrap .auth-card { padding:32px 26px 40px; border-radius:16px; }
  #auth-wrap .auth-card h1 { font-size:36px; }
  #auth-wrap .auth-sub { font-size:14px; margin-bottom:27px; }
  #auth-wrap .fg input { font-size:16px; }
  #auth-wrap .auth-switch { font-size:13px; gap:8px; margin-top:30px; }
  #auth-wrap .auth-right::before { right:-675px; top:-630px; }
  #auth-wrap .auth-right::after { bottom:-630px; right:-560px; }
}
@media (max-width:360px) {
  #auth-wrap .auth-right { padding:24px 12px; }
  #auth-wrap .auth-card { padding:28px 20px 34px; }
  #auth-wrap .auth-card h1 { font-size:32px; }
  #auth-wrap .auth-sub { font-size:13px; }
  #auth-wrap .auth-submit { font-size:15px; }
}