@font-face{font-family:'Oswald';src:url(/fonts/oswald-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Oswald';src:url(/fonts/oswald-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Oswald';src:url(/fonts/oswald-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-700-normal.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{
 /* Theme tokens — shared with every page/module; change colors here, not in components. */
 --bg:#121417;--panel:#1b1e22;--panel2:#24282d;--line:#363b42;--line2:#4a5058;
 --text:#ece8e1;--muted:#aaa59c;--accent:#c8874a;--accent-hi:#e3a96a;--accent2:#d6b26e;--accent-ink:#1a1006;
 --err:#ff7b72;--ok:#7fc99a;--warn:#e9b44c;
 --font-head:'Oswald','Barlow Condensed','Arial Narrow',sans-serif;--font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
 --radius:10px;--radius-lg:14px;
 --steel:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),linear-gradient(180deg,#22262b,#1a1d21);
 --steel-hi:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 2px),linear-gradient(180deg,#2c3036,#1f2226);
 --copper:linear-gradient(180deg,#e0a466,#c8874a 55%,#a96a33);
 --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px rgba(0,0,0,.45);
}
*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;background:radial-gradient(1200px 500px at 50% -200px,#2a2e33 0,transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),var(--bg);background-attachment:fixed;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:.3px}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#06110e;font-weight:900}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.card{background:linear-gradient(180deg,var(--panel),#0f1522);border:1px solid var(--line);border-radius:18px;padding:32px;width:100%;max-width:420px;box-shadow:0 20px 60px #0008}
.tagline{color:var(--muted);margin:6px 0 24px;font-size:14px}
.tabs,.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:20px}
.tabs button,.seg button{flex:1;background:none;border:0;color:var(--muted);padding:10px;border-radius:9px;cursor:pointer;font-weight:600}
.tabs button.on,.seg button.on{background:var(--panel2);color:var(--text)}
label{display:block;font-size:12px;color:var(--muted);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.6px}
input{width:100%;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:15px;outline:none}
input:focus{border-color:var(--accent)}
.btn{width:100%;margin-top:20px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06110e;font-weight:800;font-size:15px;cursor:pointer}
.btn:disabled{opacity:.6}.err{color:var(--err);font-size:14px;min-height:18px;margin-top:12px}.hide{display:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);background:#0b0f17cc;backdrop-filter:blur(8px);position:sticky;top:0}
.who{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:14px}
.ghost{background:none;border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:9px;cursor:pointer}
main{max-width:1100px;margin:0 auto;padding:32px 28px}
h1{margin:0 0 4px;font-size:28px}.sub{color:var(--muted);margin:0 0 24px}
.code{display:inline-flex;gap:10px;align-items:center;background:var(--panel);border:1px dashed var(--accent);padding:10px 14px;border-radius:10px;margin-bottom:28px;font-size:14px}
.code b{font-family:ui-monospace,monospace;color:var(--accent);font-size:16px;letter-spacing:1px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;transition:.2s}
.tile:hover{transform:translateY(-2px);border-color:var(--accent2)}
.tile .ic{font-size:26px}.tile h3{margin:12px 0 6px}.tile p{color:var(--muted);margin:0;font-size:14px}
.soon{position:absolute;top:16px;right:16px;font-size:11px;background:var(--panel2);color:var(--muted);padding:4px 8px;border-radius:20px;border:1px solid var(--line)}
.role{font-size:11px;padding:3px 8px;border-radius:20px;background:#22d3a622;color:var(--accent);text-transform:uppercase}
.sel{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px}
#admin{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}#admin .code{margin:0}
#admin.hide,.code.hide,.sel.hide{display:none}
.hint{font-size:12px;color:var(--muted);margin-top:6px;min-height:14px}
.links{text-align:center;margin:16px 0 0;font-size:14px}.links a,a.lnk{color:var(--accent2);text-decoration:none}
a.tile{color:inherit;text-decoration:none;display:block}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--panel2);border:1px solid var(--accent);color:var(--text);padding:12px 18px;border-radius:10px;opacity:0;transition:.25s;pointer-events:none;z-index:99}
.toast.show{opacity:1;transform:translateX(-50%)}.toast.bad{border-color:var(--err)}
nav.tabsnav{display:flex;gap:6px}nav.tabsnav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:9px}nav.tabsnav a.on,nav.tabsnav a:hover{color:var(--text);background:var(--panel2)}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.toolbar input,.toolbar select{width:auto}
.toolbar .grow{flex:1;min-width:200px}
.btn.sm{width:auto;margin:0;padding:9px 14px;font-size:14px}
table.data{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px}
table.data th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:12px;background:var(--panel2);position:sticky;top:0}
table.data td{padding:10px 12px;border-top:1px solid var(--line)}table.data tr:hover td{background:#ffffff06}
table.data td.num{text-align:right;font-variant-numeric:tabular-nums}
tr.cat td{background:#5b8cff14;color:var(--accent2);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.6px}
tr.arch td{opacity:.5}
.pill{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--panel2);color:var(--muted);border:1px solid var(--line)}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(720px,94vw);max-height:90vh;overflow:auto}
dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 14px}
.row-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.mapgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;align-items:center}
.empty{text-align:center;color:var(--muted);padding:48px;border:1px dashed var(--line);border-radius:14px}
.stat{color:var(--muted);font-size:13px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:20px}
.panel h2{margin:0 0 12px;font-size:18px}
pre.audit{font-size:12px;color:var(--muted);white-space:pre-wrap;margin:4px 0 0}
.sheet-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:14px}
.kpis{display:flex;gap:18px;flex-wrap:wrap}.kpis>div{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 14px;min-width:90px}
.kpis b{font-size:18px;font-variant-numeric:tabular-nums}
.sticky-tools{position:sticky;top:70px;z-index:5;background:var(--bg);padding:8px 0}
input.qty{width:110px;text-align:right;padding:9px 10px;font-size:16px;font-variant-numeric:tabular-nums}
input.qty.dirty{border-color:#f5b84a}input.qty.saved{border-color:var(--accent)}
td.delta-up{color:var(--accent)}td.delta-down{color:#ff8a8a}
.who-small{font-size:11px;color:var(--muted)}
.status-open{color:#f5b84a}.status-submitted{color:var(--accent)}
@media (max-width:700px){
 .top{padding:12px 14px;flex-wrap:wrap;gap:8px}nav.tabsnav a{padding:6px 8px}main{padding:18px 12px}
 table.data.sheet th.hm,table.data.sheet td.hm{display:none}
 table.data.sheet td{padding:8px 6px}input.qty{width:90px}
 .sticky-tools{top:0}
}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px;border:2px dashed var(--line);border-radius:16px;cursor:pointer;text-transform:none;color:var(--text);font-size:15px;text-align:center}
.drop:hover,.drop.over{border-color:var(--accent);background:#22d3a60a}
.colmap{display:flex;gap:10px;overflow:auto;padding-bottom:6px}
.colcard{min-width:150px;max-width:200px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px}
.colcard.low{border-color:#f5b84a}.colcard .h{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.colcard .s{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.colcard select{width:100%;margin-top:6px}
.lowtag{background:#f5b84a33;color:#f5b84a;padding:1px 6px;border-radius:6px}
table.review td{padding:4px 6px}table.review input{padding:6px 8px;font-size:13px;background:transparent;border-color:transparent;min-width:60px}
table.review input:focus{border-color:var(--accent);background:var(--bg)}table.review td.low input,table.review td.low{background:#f5b84a1f}
table.review tr.ex td{opacity:.4}table.review input.w{min-width:260px}table.review input.n{width:70px;min-width:0;text-align:right}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.catgrid div{display:flex;gap:8px;align-items:center}.catgrid input{padding:8px}
.sticky-foot{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;z-index:5;box-shadow:0 -10px 30px #0008}

.warnrow td{background:#f59e0b0d}.ok{color:var(--accent)}
.sitebanner{padding:9px 16px;text-align:center;font-size:14px;border-bottom:1px solid rgba(127,127,127,.3)}
.sitebanner.info{background:#1e3a8a;color:#dbeafe}.sitebanner.success{background:#14532d;color:#dcfce7}.sitebanner.warning{background:#78350f;color:#fef3c7}
.sitebanner button{margin-left:10px;padding:3px 10px}
.badge{background:#ef4444;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700}.hide{display:none!important}

/* =================== Industrial kitchen theme layer =================== */
h1,h2,h3,.wordmark,table.data th,nav.tabsnav a,.tabs button,.seg button,.btn,label,.eyebrow,.kpis .stat,.soon,.role,.pill{font-family:var(--font-head)}
h1{font-size:34px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;line-height:1.1}
h2{font-weight:600;letter-spacing:.4px;text-transform:uppercase}h3{font-weight:500;letter-spacing:.4px}
a{color:var(--accent-hi)}a.lnk,.links a{color:var(--accent-hi)}a.lnk:hover,.links a:hover{text-decoration:underline}
::selection{background:#c8874a55}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}
/* brand */
.brand{gap:12px;font-size:20px}.logo{width:34px;height:34px;border-radius:0;background:none;display:block;filter:drop-shadow(0 2px 3px #0008)}
.wordmark{font-weight:700;letter-spacing:2px;font-size:21px;color:var(--text)}.wordmark b{color:var(--accent);font-weight:700}
/* header / nav */
.top{background:var(--steel-hi);border-bottom:1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 6px 20px rgba(0,0,0,.35);z-index:50;padding:12px 28px}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--copper);opacity:.85}
nav.tabsnav{gap:2px}nav.tabsnav a{text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;color:var(--muted);padding:8px 12px;border-radius:6px;border:1px solid transparent}
nav.tabsnav a:hover{color:var(--text);background:#ffffff08}
nav.tabsnav a.on{color:var(--accent-hi);background:#00000040;border-color:#000;box-shadow:inset 0 1px 3px #000a,0 1px 0 #ffffff0d}
.who{font-size:13px}.role{background:#c8874a22;color:var(--accent-hi);border:1px solid #c8874a55;letter-spacing:1px}
/* surfaces */
.card,.panel,.tile,dialog,.kpis>div,table.data,.code{background:var(--steel);border:1px solid var(--line);box-shadow:var(--shadow)}
.card{border-radius:var(--radius-lg);position:relative}
.panel{border-radius:var(--radius-lg)}
.panel h2{font-size:18px;color:var(--text);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}
.tile{border-radius:var(--radius-lg);padding:22px 22px 20px;overflow:hidden}
.tile::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--copper);opacity:0;transition:.2s}
.tile:hover{border-color:var(--line2);transform:translateY(-2px)}.tile:hover::before{opacity:1}
.tile .ic{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:var(--accent-hi);background:linear-gradient(180deg,#2b2f35,#191c20);border:1px solid #000;box-shadow:inset 0 1px 0 #ffffff12,0 2px 6px #0006}
.tile h3{font-size:19px;text-transform:uppercase;margin:16px 0 6px}.tile p{color:var(--muted)}
.soon{background:#0006;border-color:var(--line);letter-spacing:1px;text-transform:uppercase}
.sub,.stat,.hint,.tagline{color:var(--muted)}
/* code chips */
.code{border-radius:var(--radius);border:1px dashed #c8874a88}.code b{color:var(--accent-hi)}
/* forms */
label{font-size:13px;letter-spacing:1.2px;color:var(--muted);font-weight:500}
input,select,.sel,textarea{font-family:var(--font-body);background:#0f1113;border:1px solid var(--line);border-radius:8px;color:var(--text);box-shadow:inset 0 2px 4px #0007}
input::placeholder,textarea::placeholder{color:#7d786f}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:inset 0 2px 4px #0007,0 0 0 3px #c8874a33;outline:none}
/* buttons */
.btn{background:var(--copper);color:var(--accent-ink);border:1px solid #6e421d;border-radius:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;font-size:16px;box-shadow:inset 0 1px 0 #ffe2bf88,0 4px 14px #0007;text-shadow:0 1px 0 #f3c99366}
.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0005}
.btn.sm{font-size:14px;letter-spacing:1px}
.ghost{background:linear-gradient(180deg,#2a2e33,#1e2125);border:1px solid #0a0b0c;color:var(--text);border-radius:8px;box-shadow:inset 0 1px 0 #ffffff12,0 1px 2px #0006;font-family:var(--font-body);font-weight:500}
.ghost:hover{border-color:var(--accent);color:var(--accent-hi)}
.tabs,.seg{background:#0f1113;border-color:#000;border-radius:9px;box-shadow:inset 0 2px 5px #000a}
.tabs button,.seg button{text-transform:uppercase;letter-spacing:1.2px;font-size:14px;border-radius:6px}
.tabs button.on,.seg button.on{background:var(--steel-hi);color:var(--accent-hi);box-shadow:0 1px 0 #ffffff14 inset,0 2px 6px #0008}
/* tables */
table.data{border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0}
table.data th{background:linear-gradient(180deg,#2a2e33,#202327);color:#cfc9bf;font-weight:500;font-size:13px;letter-spacing:1.2px;border-bottom:2px solid #000;box-shadow:inset 0 -1px 0 #c8874a55}
table.data td{border-top:1px solid #2c3036}table.data tbody tr:nth-child(even) td{background:#ffffff04}
table.data tr:hover td{background:#c8874a0f}
tr.cat td{background:#c8874a17;color:var(--accent-hi);font-family:var(--font-head);letter-spacing:1.5px}
.pill{background:#0006;border-color:var(--line);letter-spacing:.8px}
/* kpis */
.kpis>div{border-radius:var(--radius)}.kpis b{font-family:var(--font-head);font-size:22px;font-weight:500;color:var(--text)}
/* dialogs, toasts */
dialog{border-radius:var(--radius-lg);border-color:var(--line2)}dialog::backdrop{background:#000b}
.toast{background:var(--steel-hi);border-color:var(--accent);box-shadow:var(--shadow)}
/* states */
.err{color:var(--err)}.ok,.status-submitted,td.delta-up{color:var(--ok)}.status-open,.lowtag{color:var(--warn)}
.empty{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);color:#d9d4cc;background:linear-gradient(90deg,rgba(18,20,23,.97) 0,rgba(18,20,23,.88) 55%,rgba(18,20,23,.6)),url(/img/empty-racks.webp) right center/cover no-repeat;padding:56px 40px;text-align:left;box-shadow:var(--shadow)}
.empty h3{font-family:var(--font-head);text-transform:uppercase;font-size:24px;letter-spacing:.8px;color:var(--text)}
.empty p{max-width:560px}
.drop{border-color:var(--line2);background:#0f111380}.drop:hover,.drop.over{border-color:var(--accent);background:#c8874a0d}
/* dashboard band */
.band{position:relative;margin:-32px calc(50% - 50vw) 28px;padding:64px max(28px,calc(50vw - 522px)) 30px;min-height:190px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(18,20,23,.35),rgba(18,20,23,.96)),linear-gradient(90deg,rgba(18,20,23,.9),rgba(18,20,23,.2)),url(/img/band-shelves.webp) center 40%/cover no-repeat;border-bottom:1px solid var(--line)}
.band h1{font-size:44px;margin:4px 0 0;text-shadow:0 2px 12px #000}
.eyebrow{display:inline-block;color:var(--accent-hi);text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:500}
/* auth split screen */
.auth-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr);min-height:100vh}
.auth-hero{position:relative;background:linear-gradient(180deg,rgba(18,20,23,.15),rgba(18,20,23,.85) 80%),linear-gradient(90deg,transparent 70%,var(--bg)),url(/img/hero-plating.webp) center 30%/cover no-repeat;display:flex;align-items:flex-end;padding:56px;border-right:1px solid #000}
.auth-hero::after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:3px;background:var(--copper);opacity:.8}
.hero-copy{max-width:520px}.hero-logo{height:52px;width:auto;margin-bottom:26px}
.hero-copy h2{font-size:54px;line-height:1.02;margin:0 0 16px;color:#fff;text-shadow:0 3px 18px #000}
.hero-copy p{color:#ddd7cd;font-size:17px;margin:0;max-width:440px}
.photo-credit{position:absolute;right:16px;bottom:10px;font-size:11px;color:#ffffff99}
.auth-split .auth-wrap{min-height:100vh}.auth-split .card{max-width:440px}
.auth-page .card::before,.auth-wrap .card::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:3px;background:var(--copper);border-radius:0 0 3px 3px}
/* help chat bubble (help-widget.css overrides) */
#hw-root #hw-bubble{background:var(--copper);color:var(--accent-ink);border:1px solid #6e421d;box-shadow:inset 0 1px 0 #ffe2bf88,0 8px 22px #000a}
#hw-root #hw-panel{background:var(--panel);border-color:var(--line2);font-family:var(--font-body)}
#hw-root #hw-head{background:var(--steel-hi);border-bottom:2px solid var(--accent)}#hw-root #hw-head b{font-family:var(--font-head);letter-spacing:1px;text-transform:uppercase;font-weight:500}
#hw-root #hw-head a{color:var(--accent-hi)!important}#hw-root #hw-peek{background:var(--panel2);border-color:var(--line2);color:var(--text)}
@media (max-width:900px){
 .auth-split{grid-template-columns:1fr}.auth-hero{min-height:240px;padding:28px 22px;border-right:0;border-bottom:1px solid #000}
 .auth-hero::after{top:auto;left:0;right:0;bottom:-1px;width:auto;height:3px}
 .hero-copy h2{font-size:34px}.hero-copy p{display:none}.hero-logo{height:38px;margin-bottom:14px}
 .auth-split .auth-wrap{min-height:0;padding:22px 16px 40px;place-items:start center}
}
@media (max-width:700px){
 h1{font-size:26px}.band{margin:-18px calc(50% - 50vw) 20px;padding:40px 14px 20px;min-height:150px}.band h1{font-size:30px}
 .top{padding:10px 12px}.wordmark{font-size:18px}nav.tabsnav{overflow-x:auto;max-width:100%;scrollbar-width:none}nav.tabsnav a{font-size:13px;white-space:nowrap}
 .empty{padding:36px 20px;background:linear-gradient(rgba(18,20,23,.9),rgba(18,20,23,.95)),url(/img/empty-racks.webp) center/cover}
 .card{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
main .rtabs a{font-family:var(--font-head);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(180deg,#2a2e33,#1e2125);border:1px solid #0a0b0c;color:var(--muted)}
main .rtabs a.on{background:#00000045;border-color:var(--accent);color:var(--accent-hi);box-shadow:inset 0 1px 3px #000a}
.hero-brand{display:flex;align-items:center;gap:14px;margin-bottom:26px}.hero-brand .hero-logo{height:52px;width:52px;margin:0}.hero-brand .wordmark{font-size:30px;text-shadow:0 2px 10px #000}
@media (max-width:900px){.hero-brand{margin-bottom:12px}.hero-brand .hero-logo{height:38px;width:38px}.hero-brand .wordmark{font-size:22px}}
.code:empty{display:none!important}
/* Demo account */
.demo-box{margin-top:14px}.demo-or{display:flex;align-items:center;gap:10px;opacity:.7;font-size:12px;margin:6px 0 12px}
.demo-or::before,.demo-or::after{content:"";flex:1;height:1px;background:currentColor;opacity:.35}
.demo-btn{width:100%;background:transparent;border:1px solid currentColor;color:inherit}.demo-hint{font-size:12px;margin-top:8px;line-height:1.5}
.demo-banner{text-align:center}