/* app.css */
:root{--ink:#0f172a;--bg:#f4f5f7;--surface:#fff;--line:#e5e7eb;--muted:#6b7280;--soft:#f8fafc;--pri:#111827;--gold:#b8860b;--r:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:14.5px;line-height:1.45}a{color:#1d4ed8;text-decoration:none}h1,h2,h3,h4{margin:0}.hide{display:none!important}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,transform .08s;white-space:nowrap}
.btn:hover{background:var(--soft)}.btn:active{transform:translateY(1px)}.btn.pri{background:var(--pri);color:#fff;border-color:var(--pri);box-shadow:0 4px 12px rgba(17,24,39,.2)}.btn.pri:hover{background:#1f2937}
.btn.ghost{background:none;border-color:transparent;color:inherit}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.btn.big{padding:12px 16px;font-size:15px;width:100%}
.inp{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;background:var(--surface);color:var(--ink)}.inp:focus{outline:2px solid #2563eb33;border-color:#2563eb}.inp.sm{padding:5px 8px;font-size:12.5px;width:auto}
:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.spin{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite;margin:40vh auto}@keyframes sp{to{transform:rotate(360deg)}}
/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 10% -10%,#fde68a55,transparent),radial-gradient(900px 500px at 110% 110%,#bfdbfe66,transparent),var(--bg)}
.lg-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(15,23,42,.12);display:grid;gap:18px}
.lg-brand,.brand{display:flex;gap:12px;align-items:center}.lg-brand small,.brand small{display:block;color:var(--muted);font-size:12px}
.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#d4a017,#8a6508);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
#lgForm,#pwForm{display:grid;gap:12px}#lgForm h1,#pwForm h1{font-size:22px}#lgForm p,#pwForm p{margin:0}
label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#374151}label input{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-weight:400}
.code{font-size:24px;letter-spacing:.3em;text-align:center}.err{color:#b91c1c;font-size:13px;margin:0;min-height:1em}.lg-foot{font-size:12px;color:var(--muted);text-align:center;margin:0}
/* shell */
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.rail{position:sticky;top:0;height:100vh;background:#0f172a;color:#e5e7eb;padding:18px 14px;display:flex;flex-direction:column;gap:16px}
.rail .brand small{color:#94a3b8}.rail nav{display:grid;gap:3px;flex:1;align-content:start}
.rail nav a{display:flex;align-items:center;gap:10px;color:#cbd5e1;padding:10px 12px;border-radius:10px;font-weight:600}.rail nav a svg{width:18px;height:18px}.rail nav a:hover{background:#1e293b;color:#fff}.rail nav a.on{background:#1e293b;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.me{display:flex;gap:10px;align-items:center;color:#e5e7eb;padding:10px;border-radius:12px;background:#111c33}.me small{display:block;color:#94a3b8;font-size:11.5px}
.av{width:34px;height:34px;border-radius:50%;background:#334155;color:#fff;display:inline-grid;place-items:center;font-weight:800;flex:none}.av.sm{width:22px;height:22px;font-size:11px;margin-right:6px;background:#64748b}
.rail .btn.ghost{color:#94a3b8;justify-content:flex-start}
main{padding:24px 28px 60px;min-width:0;animation:fi .2s ease}@keyframes fi{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ph h1{font-size:26px;letter-spacing:-.01em}.ph p{margin:4px 0 0;color:var(--muted)}.acts{display:flex;gap:8px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:14px}.card h3{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin-bottom:10px}.card h3 a{font-size:13px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fld{margin-bottom:10px}.chk{display:flex;flex-direction:row;align-items:center;gap:6px}
.li{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:9px 2px;font:inherit;cursor:pointer;color:inherit}.li:first-of-type{border-top:0}.li span{color:var(--muted);flex:1}.li .pill{flex:none}
.pill{display:inline-block;font-size:11.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:999px;padding:3px 9px;white-space:nowrap}
.bd{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:2px 6px;background:#eef2ff;color:#3730a3;margin-left:6px}.bd.urg{background:#fef2f2;color:#b91c1c}.bd.cod{background:#fff7ed;color:#c2410c;margin:0}.bd.pre{background:#ecfdf5;color:#047857;margin:0}
/* dashboard */
.flow{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:8px;margin-bottom:14px;overflow-x:auto}.flow i{color:#cbd5e1;font-style:normal}
.fl{flex:1 0 110px;display:grid;padding:10px 14px;border-radius:12px;color:var(--ink);border-top:3px solid var(--c);background:color-mix(in srgb,var(--c) 5%,var(--surface))}.fl:hover{background:color-mix(in srgb,var(--c) 12%,var(--surface))}.fl b{font-size:24px;color:var(--c)}.fl span{font-size:12.5px;color:var(--muted);font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid}.kpi b{font-size:26px}.kpi span{color:var(--muted);font-size:12.5px}.kpi.warn{border-color:#fde68a;background:#fffbeb}.kpi.warn b{color:#b45309}
/* orders */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tabs .main{display:flex;align-items:center;gap:3px;flex:1 1 640px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:5px;overflow-x:auto}.tabs i{color:#cbd5e1;font-style:normal}.tabs .side{display:flex;gap:6px;flex-wrap:wrap}
.st{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:none;border-radius:11px;padding:8px 11px;font:inherit;font-weight:600;font-size:13px;cursor:pointer;color:var(--ink);white-space:nowrap;flex:1 0 auto}.side .st{background:var(--surface);border-color:var(--line)}
.st em{font-style:normal;font-weight:800;color:var(--c);margin-left:auto}.st:hover{background:color-mix(in srgb,var(--c) 8%,var(--surface))}.st.on{background:color-mix(in srgb,var(--c) 14%,var(--surface));border-color:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--c) 20%,transparent)}.st.zero em{color:var(--muted);font-weight:600}
.sub{display:flex;gap:10px;align-items:baseline;padding:12px 16px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 12%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--c) 25%,var(--line));margin-bottom:12px}.sub b{font-size:17px;color:var(--c)}.sub span{color:var(--muted)}
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.search{flex:1 1 280px;width:auto}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.chip.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.bulk{position:sticky;top:8px;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:8px 12px;margin-bottom:10px;box-shadow:0 8px 24px rgba(15,23,42,.1)}.bulk .inp{width:auto}
.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.lh,.row{display:grid;grid-template-columns:28px minmax(200px,1.3fr) minmax(180px,1.4fr) 100px 150px auto;gap:12px;align-items:center;padding:10px 14px}
.lh{background:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.row{border-top:1px solid var(--line);cursor:pointer;transition:background .12s}.row:first-of-type{border-top:0}.row:hover{background:var(--soft)}.row.sel{background:#eff6ff}.row.off{opacity:.55}.row.bad{background:#fef2f2}
.o small,.py small{display:block;color:var(--muted);font-size:12.5px}.o b{font-size:14.5px}.it{font-size:13px;color:#374151}.as{font-size:13px;display:flex;align-items:center}.ac{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.users .lh,.users .row{grid-template-columns:minmax(200px,1.4fr) 150px 140px 150px 120px auto}
.act .lh,.act .row{grid-template-columns:130px 130px 140px 120px 1fr 110px}.dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empty{display:grid;place-items:center;gap:6px;text-align:center;padding:50px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);color:var(--muted)}.empty b{color:var(--ink);font-size:16px}
/* drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,96vw);background:var(--bg);z-index:40;transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(15,23,42,.2);visibility:hidden}.drawer.on{transform:none;visibility:visible}
.scrim{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.scrim.on{opacity:1;pointer-events:auto}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.dh small{color:var(--muted)}.dh h2{font-size:22px}
.db{overflow:auto;padding:14px 18px;display:grid;gap:14px;align-content:start}.db section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.db h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.db p{margin:0 0 6px}
.stat{border-radius:14px;padding:14px;background:color-mix(in srgb,var(--c) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);display:grid;gap:10px}.stat b{display:block;font-size:17px;color:var(--c)}.stat span{color:var(--muted);font-size:13px}
.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.steps i{height:6px;border-radius:99px;background:var(--line)}.steps i.done{background:color-mix(in srgb,var(--c) 45%,var(--line))}.steps i.on{background:var(--c)}
.mv{display:flex;gap:6px;flex-wrap:wrap}.it2{padding:5px 0;border-top:1px solid var(--line);font-size:13.5px}.it2:first-of-type{border-top:0}.it2 small{display:block;color:var(--muted);font-size:12px}
.row2{display:flex;justify-content:space-between;align-items:center}.note{display:flex;gap:6px;margin-bottom:10px}
.tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:grid;gap:10px}.tl li{position:relative}.tl li::before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:#94a3b8;border:2px solid var(--bg)}.tl b{display:block;font-size:13px;font-weight:600}.tl small{color:var(--muted);font-size:12px}
/* tasks */
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.col{background:#eef0f3;border-radius:16px;padding:10px;display:grid;gap:8px;align-content:start;min-height:200px}.col h3{font-size:13px;display:flex;justify-content:space-between;padding:2px 4px}.col h3 span{color:var(--muted)}
.tk{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:4px}.tk.high{border-left:4px solid #dc2626}.tk.late{background:#fff7ed}.tk p{margin:0;font-size:13px;color:#374151}.tk small{color:var(--muted);font-size:12px}.tka{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roles div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}.roles span{color:var(--muted);font-size:13px}
.temp{font-size:24px;font-weight:800;letter-spacing:.08em;background:var(--soft);border:1px dashed var(--line);border-radius:12px;padding:12px;text-align:center;user-select:all}
.tf{display:flex;gap:14px;align-items:flex-start;margin-top:10px;flex-wrap:wrap}.tf img{border:1px solid var(--line);border-radius:10px}.tf code{word-break:break-all}
/* dialog + toast */
dialog{border:0;border-radius:18px;padding:0;width:min(520px,94vw);box-shadow:0 30px 80px rgba(15,23,42,.3)}dialog::backdrop{background:rgba(15,23,42,.45)}dialog form{padding:20px;display:grid;gap:12px}dialog h2{font-size:18px}.dlg-f{display:flex;justify-content:flex-end;gap:8px}
#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#111827;color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;opacity:0;pointer-events:none;transition:all .2s;z-index:60;max-width:90vw}#toast.on{opacity:1;transform:translate(-50%,0)}#toast.err{background:#991b1b}
/* phones */
@media (max-width:900px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.rail nav{display:flex;overflow-x:auto;flex:1 1 100%;order:3}.rail nav a{padding:8px 10px;white-space:nowrap}.me{order:2;margin-left:auto}.rail .btn.ghost{order:2}
 main{padding:16px}.two,.g2,.kpis,.board,.roles{grid-template-columns:1fr}.lh{display:none}.row{grid-template-columns:28px 1fr;row-gap:4px}.row>:not(input):not(.o){grid-column:2}.users .row,.act .row{grid-template-columns:1fr}.users .row>*,.act .row>*{grid-column:auto}.ac{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.errbox{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:70;background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:12px;padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:min(760px,94vw);box-shadow:0 10px 30px rgba(127,29,29,.15);font-size:13.5px}.errbox[hidden]{display:none}
@media (max-width:900px){.errbox{top:auto;bottom:70px}}

.lgrp{margin-bottom:14px}.lgrp h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.ltile{display:grid;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--ink);transition:transform .12s,box-shadow .15s,border-color .15s;border-top:3px solid var(--c)}
.ltile:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--c) 40%,var(--line))}
.ltile b{font-size:15px}.ltile small{color:var(--muted);font-size:12.5px}
.lic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);font-weight:800;margin-bottom:4px}
.small{font-size:12.5px}

/* ops.css */
/* portal v3 · operations screens */
.rail h6{margin:12px 12px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:700}
.rail nav{overflow-y:auto}.rail nav a{padding:8px 12px}.rail nav a .nb,.rail .nb{margin-left:auto;font-style:normal;background:#b8860b;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}
.fl small{display:block;color:var(--muted);font-size:11.5px}
a.kpi{color:var(--ink)}a.kpi:hover{box-shadow:0 8px 20px rgba(15,23,42,.06)}
.acts2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.act2{display:grid;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);transition:border-color .15s,background .15s}.act2:hover{border-color:#2563eb;background:#eff6ff}.act2 small{color:var(--muted)}
.ctag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:7px;padding:2px 8px;white-space:nowrap}
.why{display:block;color:#b91c1c;font-size:12px;margin-top:2px}.whybox{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:8px 10px;margin:0;font-size:13px}
.lbl{font-size:11.5px;font-weight:700;margin-left:6px}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.steps4 div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:600;color:var(--muted);display:flex;gap:8px;align-items:center}.steps4 b{width:24px;height:24px;border-radius:50%;background:var(--line);display:grid;place-items:center;color:var(--ink);font-size:12px}.steps4 .on{border-color:#2563eb;color:var(--ink)}.steps4 .on b{background:#2563eb;color:#fff}
.mini{display:flex;flex-wrap:wrap;gap:6px}.mini span{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12.5px}
.rds .lh,.rds .row{grid-template-columns:70px 130px 120px 150px 1fr auto}.rr{grid-template-columns:90px 1fr 110px 120px auto!important;display:grid;gap:10px;align-items:center;padding:8px 10px;cursor:default}
.pick{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:4px}.pick .chk{font-weight:400;font-size:13px}
.drop{display:grid;place-items:center;gap:6px;text-align:center;padding:44px 20px;border:2px dashed #cbd5e1;border-radius:18px;background:var(--surface);cursor:pointer;margin-bottom:14px;transition:border-color .15s,background .15s}.drop b{font-size:17px}.drop span{color:var(--muted)}.drop.over,.drop:hover{border-color:#2563eb;background:#eff6ff}
.lb{grid-template-columns:110px 90px 1fr 130px auto!important}.mt{margin:14px 0 6px}
.um{display:grid;grid-template-columns:70px 1fr 120px 140px auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 0}.um small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um.done{opacity:.5}
.spin.sm{width:18px;height:18px;margin:0 8px 0 0;display:inline-block;vertical-align:middle;border-width:2px}
/* stations */
.st3{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr) minmax(220px,.8fr);gap:12px;align-items:start}
.camh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.camh b{margin-right:auto}
.camc video,.rvv{width:100%;aspect-ratio:16/9;background:#0f172a;border-radius:12px;object-fit:cover}
.scan{font-size:20px;padding:14px 16px;border-width:2px;border-color:#2563eb;margin-bottom:12px}
.pko{display:grid;gap:8px}.pkh{display:flex;justify-content:space-between;align-items:flex-start}.pkh h2{font-size:28px}.pkh small,.pkh span{color:var(--muted)}
.pkb{font-size:15px}.pkb b{font-size:22px}.recdot{color:#dc2626;font-weight:800;margin-left:8px;animation:bl 1s infinite}@keyframes bl{50%{opacity:.3}}
.pki{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.pki b{font-size:18px;min-width:44px}.pki small{display:block;color:var(--muted);font-size:12px}.pki.ok{background:#f0fdf4;border-color:#86efac}
.pka{display:flex;gap:8px}.pka .big{flex:1}
.qc{max-height:70vh;overflow:auto}.qi{display:grid;gap:2px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;margin-bottom:6px;font:inherit;cursor:pointer}.qi small{color:var(--muted);font-size:12px}.qi.lk{opacity:.6}.qi.ok{background:#f0fdf4;border-color:#86efac}
.hob{font-size:15px;margin-bottom:10px}.hob b{font-size:26px}
.sig{width:100%;border:1px dashed #94a3b8;border-radius:10px;background:#fff;touch-action:none}
.linkbtn{background:none;border:0;color:#1d4ed8;font:inherit;font-size:13px;cursor:pointer;padding:2px 0}
.red{color:#dc2626}.g{color:#16a34a}.mono{font-family:ui-monospace,monospace}
/* evidence */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.vcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.vcard video{width:100%;aspect-ratio:16/9;background:#0f172a;display:block}.vcard>div{padding:10px 12px;display:grid;gap:3px}.vcard small{color:var(--muted);font-size:12px}
.ev video{width:100%;border-radius:10px;background:#0f172a}.ev small{color:var(--muted);font-size:12px}.phs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.phs img{width:84px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
/* stock */
.stk .lh,.stk .row{grid-template-columns:minmax(210px,1.6fr) 130px 70px 120px 90px 60px 70px auto}.sz{font-size:12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.qty{display:flex;align-items:center;gap:6px}.qty b{min-width:26px;text-align:center;font-size:15px}.qb{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:800}
.mv .row{grid-template-columns:120px 50px 80px 1fr 1fr;cursor:default}
/* purchase */
.pol .lh,.pol .row{grid-template-columns:90px 1fr 90px 100px 180px auto}.pol2{display:grid;grid-template-columns:1fr 80px 100px;gap:6px;margin-bottom:6px}.pol3{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 0}.pol3 small{display:block;color:var(--muted)}
/* returns */
.board.rc{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.case{text-align:left;font:inherit;cursor:pointer}.case:hover{border-color:#2563eb}
.cst{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.cst span{font-size:11.5px;border-radius:999px;padding:3px 9px;background:var(--soft);border:1px solid var(--line);color:var(--muted)}.cst .done{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cst .on{background:#2563eb;color:#fff;border-color:#2563eb}
dialog .tl{max-height:200px;overflow:auto}dialog{width:min(640px,96vw)}
/* reports */
.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px}.bars div{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;align-items:end;text-align:center}.bars i{display:block;background:linear-gradient(#3b82f6,#1d4ed8);border-radius:6px 6px 0 0;min-height:2px}.bars small{font-size:10px;color:var(--muted)}
.tb{width:100%;border-collapse:collapse;font-size:13.5px}.tb th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.tb td{padding:7px 8px;border-bottom:1px solid var(--line)}
.cur .lh,.cur .row{grid-template-columns:180px 70px 90px 160px auto;cursor:default}
@media (max-width:1100px){.st3{grid-template-columns:1fr}.qc{max-height:none}.acts2{grid-template-columns:1fr}.steps4{grid-template-columns:1fr 1fr}.stk .row,.pol .row,.rds .row,.cur .row,.mv .row{grid-template-columns:1fr 1fr}.um{grid-template-columns:1fr 1fr}}
.qi .ctag,.pkh .ctag{justify-self:start}.pka .btn[disabled]{opacity:.45;cursor:not-allowed}
.dha{display:flex;gap:6px;align-items:center}
.cxg{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px;margin-bottom:14px}
.cx{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:8px;align-content:start}
.cxh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cxh b{font-size:17px;margin-right:4px}.cxh small{margin-left:auto;font-size:12px}
.cxs{display:grid;gap:4px}.cx h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 0 0}
.kx{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:8px}.kx .inp{width:100%;grid-column:1}.kx .btn{grid-column:2}
.sx{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.sx .chk{grid-column:1/-1;font-weight:500;font-size:13px}.sx .fld{margin:0}
.nb{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.btn.danger{color:#b91c1c;border-color:#fecaca}
.cxl .row{grid-template-columns:120px 100px 140px 110px 1fr;cursor:default}
@media (max-width:700px){.cxg{grid-template-columns:1fr}.sx{grid-template-columns:1fr}.cxl .row{grid-template-columns:1fr 1fr}}

/* v4.css */
/* v4: dark mode, top tools, palette, schedule, support, HR */
html.dark{--ink:#e5e7eb;--bg:#0b1020;--surface:#121a2e;--line:#243049;--muted:#94a3b8;--soft:#0f172a;--pri:#e5e7eb;color-scheme:dark}
html.dark body{background:var(--bg);color:var(--ink)}html.dark label{color:#cbd5e1}html.dark .btn.pri{background:#d4a017;color:#111;border-color:#d4a017}html.dark #main a:not(.btn):not(.li):not(.ni),html.dark dialog a:not(.btn):not(.ni){color:#93c5fd}
html.dark .rail{background:#0a0f1c}html.dark dialog{background:var(--surface);color:var(--ink)}html.dark .row,html.dark .list{background:var(--surface)}
.topx{display:flex;gap:6px;padding:8px 10px;flex-wrap:wrap}.topx button{border:1px solid #ffffff22;background:#ffffff10;color:inherit;border-radius:9px;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer;position:relative}.topx #kbtn{flex:1;text-align:left}.topx kbd{opacity:.6;font-size:10.5px;margin-left:6px}
#bellN{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;border-radius:99px;font-style:normal;font-size:10.5px;padding:1px 5px}
.nl{display:grid;gap:4px;max-height:60vh;overflow:auto}.ni{display:grid;padding:9px 11px;border-radius:10px;border:1px solid var(--line);color:inherit}.ni.un{border-left:4px solid var(--gold);background:var(--soft)}.ni small{color:var(--muted)}
.kr{display:grid;gap:4px;margin-top:10px;max-height:50vh;overflow:auto}.kri{display:grid;grid-template-columns:70px 1fr;gap:2px 10px;text-align:left;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}.kri.on{border-color:var(--gold);box-shadow:0 0 0 2px #b8860b33}.kri small{grid-column:2;color:var(--muted)}.kt{grid-row:span 2;font-size:11px;text-transform:uppercase;color:var(--muted);align-self:center}
.drb{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.drb .inp{width:auto}.inp.sm{padding:6px 9px;font-size:13px;width:auto}.linkbtn{background:none;border:0;color:#2563eb;cursor:pointer;font:inherit;padding:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.two{grid-template-columns:1fr}}
.li{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;padding:9px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.li span{color:var(--muted);font-size:13px}.red{color:#dc2626!important;font-weight:600}
.sbar{position:sticky;top:0;z-index:3;display:flex;gap:10px;align-items:center;background:var(--bg);padding:8px 0;margin-bottom:8px}.sbar .inp{width:auto}
.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.cd{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:120px}.cd.off{opacity:.55;background:repeating-linear-gradient(45deg,transparent 0 8px,#94a3b811 8px 16px)}.cd.today{border-color:var(--gold);box-shadow:0 0 0 2px #b8860b33}.cdh{display:flex;justify-content:space-between}.cd small{color:var(--muted);display:block;margin:4px 0}
.load{display:block;height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin:6px 0}.load>i{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#b8860b);border-radius:9px}.load>i.full{background:#dc2626}
.scg{display:grid;gap:4px;margin-top:6px}.sc{display:grid;grid-template-columns:auto 1fr auto;gap:0 6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-size:12.5px;font-weight:500;cursor:pointer}.sc small{grid-column:2/4;color:var(--muted);font-weight:400}.sc:has(input:checked){border-color:#2563eb;background:#2563eb11}.warnc{border-color:#f59e0b}
.drop{display:grid;place-items:center;gap:4px;border:2px dashed var(--line);border-radius:14px;padding:30px;margin-bottom:14px;cursor:pointer;background:var(--surface)}.drop.over{border-color:var(--gold);background:#b8860b11}.drop span{color:var(--muted)}
.um{display:grid;grid-template-columns:70px 1fr 140px auto auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.um small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um.done{opacity:.5}
.mini{display:flex;flex-wrap:wrap;gap:6px}.mini span{border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12.5px;cursor:default}.mini [data-oo]{cursor:pointer}
.list .lh,.list .row{display:grid;gap:10px;align-items:center;padding:10px 14px}.list .lh{font-size:12px;color:var(--muted);text-transform:uppercase}.list .row{border-top:1px solid var(--line);cursor:default}.list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);margin-bottom:14px}
.tkl .lh,.tkl .row{grid-template-columns:2.2fr 1.4fr 1fr .9fr .9fr}.tkl .row{cursor:pointer}.tkl .row:hover{background:var(--soft)}
.rfl .lh,.rfl .row{grid-template-columns:1fr 1.6fr .8fr 1fr 1.2fr auto}.apl .row{grid-template-columns:1fr 1.4fr 1.4fr auto}.lvl .row{grid-template-columns:1fr 1.6fr 1.4fr auto}
.hre .lh,.hre .row{grid-template-columns:2fr 1fr 1fr .8fr 1fr auto}.prl .lh,.prl .row{grid-template-columns:1.8fr .6fr .9fr .9fr .8fr .9fr auto}.row.off{opacity:.5}.ac{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:800px){.list .lh{display:none}.list .row{grid-template-columns:1fr 1fr!important}}
.c360{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px;margin-bottom:10px}.acts3{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.rsn .lh,.rsn .row{display:grid;grid-template-columns:2fr 1.3fr .7fr .8fr 1.3fr;gap:8px;align-items:center;padding:4px 0}.rsn .lh{font-size:12px;color:var(--muted)}
.tbw{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:12px}.tb{border-collapse:collapse;width:100%;font-size:13px}.tb th,.tb td{border-bottom:1px solid var(--line);padding:7px 9px;text-align:left;white-space:nowrap}.tb td.c{text-align:center}.rot th{font-size:12px}
.attg td.ac2{text-align:center;cursor:pointer;min-width:26px;font-weight:600;padding:5px 2px}.attg .p{background:#16a34a22;color:#15803d}.attg .l{background:#f59e0b2a;color:#b45309}.attg .h{background:#3b82f622;color:#1d4ed8}.attg .a{background:#dc262622;color:#b91c1c}.attg .lv{background:#7c3aed22;color:#6d28d9}.attg .wo{color:var(--muted)}
.wlg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.wl{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}.wl.off{opacity:.5}.wlh{display:flex;gap:10px;align-items:center}.wlh small{display:block;color:var(--muted)}.wln{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:11.5px;color:var(--muted)}.wln b{display:block;font-size:18px;color:var(--ink)}
.av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#b8860b,#f59e0b);color:#fff;font-weight:700;flex:none}.av.sm{width:24px;height:24px;font-size:12px;margin-right:6px}
.fd{display:flex;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:8px}.fd p{margin:3px 0}.fd small{color:var(--muted)}.fd.kd{border-color:#f59e0b;background:linear-gradient(90deg,#f59e0b11,transparent)}.fdr{display:flex;gap:8px;margin-top:8px}.fdr .inp{width:auto;flex:1}.cel{background:linear-gradient(90deg,#fde68a55,transparent)}.ldr{display:inline-block;margin-right:12px}
.lb{display:grid;gap:8px}.lbr{display:grid;grid-template-columns:40px 160px 1fr;gap:4px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.lbr small{grid-column:2/4;color:var(--muted)}.rk{font-size:20px;text-align:center;grid-row:span 2}
.mehero{display:grid;grid-template-columns:1.4fr auto auto;gap:14px;align-items:center;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:18px;padding:18px 22px;margin-bottom:14px}.mehero .muted{color:#cbd5e1}.chk2{display:grid;gap:8px;justify-items:start}.btn.big{padding:14px 28px;font-size:17px}
.ring{--p:0;width:110px;height:110px;border-radius:50%;background:conic-gradient(#d4a017 calc(var(--p)*1%),#ffffff22 0);display:grid;place-items:center}.ring>div{width:86px;height:86px;border-radius:50%;background:#111827;display:grid;place-items:center;text-align:center;line-height:1.1}.ring b{font-size:24px}.ring small{font-size:10.5px;color:#cbd5e1}
.streak{text-align:center}.streak b{font-size:26px;display:block}.streak small{color:#cbd5e1}@media(max-width:700px){.mehero{grid-template-columns:1fr 1fr}.chk2{grid-column:1/3}}
.mcal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}.mcal i{font-style:normal;text-align:center;padding:6px 0;border-radius:7px;font-size:12.5px;background:var(--soft)}.mcal .dh{background:none;color:var(--muted);font-size:11px}.mcal .p{background:#16a34a33}.mcal .l{background:#f59e0b44}.mcal .h{background:#3b82f633}.mcal .a{background:#dc262633}.mcal .td{outline:2px solid var(--gold)}
.bars{display:flex;gap:6px;align-items:flex-end;height:120px}.bars div{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;text-align:center}.bars i{align-self:end;background:linear-gradient(#d4a017,#b8860b);border-radius:6px 6px 0 0;min-height:3px}.bars small{color:var(--muted);font-size:10.5px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.kpi b{font-size:22px;display:block}.kpi span{color:var(--muted);font-size:12.5px}.kpi.warn b{color:#b45309}
.dhme{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:14px}
.chip{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.chip.on{background:var(--pri);color:var(--surface);border-color:var(--pri)}
.temp.sm2{font-size:12px;white-space:pre-wrap;word-break:break-all;background:var(--soft);padding:10px;border-radius:10px}
.empty{display:grid;place-items:center;gap:4px;padding:40px;background:var(--surface);border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.empty b{color:var(--ink)}
.main,#main{animation:fadein .18s ease}@keyframes fadein{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}

/* v5.css */
/* v5: stock, labels, storage, COD, insights, mobile-first */
.srch{display:flex;gap:6px;flex:1;min-width:220px}.srch .inp{flex:1}.stt{flex-wrap:wrap;gap:8px}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}.chips .chip{white-space:nowrap}
.bulk{position:sticky;top:0;z-index:4;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#111827;color:#fff;border-radius:12px;padding:8px 12px;margin-bottom:10px}.bulk .linkbtn{color:#fde68a}
.stock5{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.shd,.srow{display:grid;grid-template-columns:30px minmax(220px,2.4fr) 110px repeat(5,.7fr) .8fr 44px;gap:8px;align-items:center;padding:8px 12px}
.shd{background:var(--soft);font-size:11.5px;text-transform:uppercase;color:var(--muted);position:sticky;top:0;z-index:2}.sth{background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0;text-transform:uppercase}.sth.on{color:var(--ink);font-weight:700}
.srow{border-top:1px solid var(--line);cursor:pointer}.srow:hover{background:var(--soft)}.srow small{display:block;color:var(--muted);font-size:12px}.srow .c{font-variant-numeric:tabular-nums}
.sn{display:flex;gap:10px;align-items:center;min-width:0}.sn img,.sn .nop{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:none;background:var(--soft)}
.dsg>header{display:flex;gap:12px;align-items:center;padding:10px 12px;border-top:2px solid var(--line);background:linear-gradient(90deg,#b8860b0d,transparent);cursor:pointer}.dsg:first-of-type>header{border-top:0}.dsg>header img,.dsg>header .nop{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--soft);flex:none;display:block}.dsg>header small{display:block;color:var(--muted)}.dsg>header .ed{margin-left:auto;color:var(--muted);font-size:13px}.dsg .srow{padding-left:24px}
.ck{display:flex;align-items:center}.ck input{width:18px;height:18px}.qty{display:flex;align-items:center;gap:6px}.qb{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;cursor:pointer}.sz{border:1px solid var(--line);border-radius:6px;padding:0 6px;font-size:12px}
.btn.danger{color:#b91c1c;border-color:#fca5a5}.pdh{display:flex;gap:14px;align-items:flex-start}.grow{flex:1}.ph5{width:96px;height:96px;border:2px dashed var(--line);border-radius:14px;display:grid;place-items:center;cursor:pointer;overflow:hidden;flex:none;color:var(--muted)}.ph5 img{width:100%;height:100%;object-fit:cover}
.vr{display:grid;grid-template-columns:1.1fr 1.2fr 1.3fr .8fr .8fr .8fr .8fr .6fr .8fr 28px;gap:4px;align-items:center;margin-bottom:4px}.vr.del{opacity:.4;text-decoration:line-through}.vr .inp.sm{width:100%;padding:6px 7px}.vq{font-size:12.5px;color:var(--muted);text-align:center}
.g3{display:grid;grid-template-columns:1fr 1.6fr .5fr .7fr;gap:4px;margin-bottom:4px}.chkg{display:flex;flex-wrap:wrap;gap:6px 14px}.plf{width:100%;height:260px;border:1px solid var(--line);border-radius:10px;background:#fff}
.drop.sm{padding:18px}.dlg2{display:flex;flex-wrap:wrap;gap:8px}.mapg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 12px;margin:10px 0}.ok5{color:#15803d;font-weight:600}
.wl5{display:grid;gap:4px;max-height:420px;overflow:auto;margin:8px 0}.wi{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;cursor:pointer}.wi img{width:40px;height:40px;object-fit:cover;border-radius:8px}.wi small{display:block;color:var(--muted)}.wi em{font-style:normal;color:#b45309}.wi em.g{color:#15803d}
.slr{grid-template-columns:24px 1fr 2fr 1.5fr 1fr!important;cursor:pointer}.fil .row{grid-template-columns:24px 2fr 1.6fr 1fr .7fr auto;cursor:pointer}
.sgb{display:grid;grid-template-columns:1.4fr 1fr 80px;gap:10px;align-items:center;padding:4px 0}.sgb b{text-align:right}
.cods{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}.codc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:5px}.cdt{display:flex;gap:8px;align-items:center}.risk{margin-left:auto;font-size:12px;font-weight:700;color:var(--c);border:1px solid var(--c);border-radius:99px;padding:1px 8px}.cda{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.warnbar{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;border-radius:12px;padding:10px 14px}html.dark .warnbar{background:#78350f55;color:#fde68a}
.hlp{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;cursor:pointer;align-self:flex-start}.hlpt{white-space:normal;line-height:1.6}
.mbar{display:none}
@media (max-width:760px){
  body{font-size:15px}.shell{display:block!important}
  .rail{position:fixed!important;inset:0 20% 0 0!important;height:100%!important;z-index:60;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow:auto;transform:translateX(-105%);transition:transform .2s;padding:14px!important;box-shadow:0 0 0 100vmax transparent}
  .rail nav{display:block!important;overflow:visible!important}body.railopen .rail{transform:none;box-shadow:0 0 0 100vmax #0007}
  #main{padding:14px 12px 86px!important;min-height:100vh}.ph{flex-direction:column;align-items:stretch!important}.ph h1{font-size:22px}.ph .acts,.ph>div:last-child{display:flex;flex-wrap:wrap;gap:6px}
  .mbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .mbar a{display:grid;justify-items:center;font-size:11px;color:var(--muted);padding:4px 0;text-decoration:none}.mbar a span{font-size:20px;line-height:1.2}.mbar a.on{color:var(--ink);font-weight:700}
  .btn{min-height:40px}.inp{min-height:42px;font-size:16px}.inp.sm{min-height:36px}
  dialog{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;margin:0!important;border-radius:0!important}dialog form{max-height:100dvh;display:flex;flex-direction:column}#dlgBody{overflow:auto;flex:1}.dlg-f{position:sticky;bottom:0;background:var(--surface);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
  .shd{display:none}.srow{grid-template-columns:28px 1fr auto!important;grid-template-areas:"ck sn qty" "ck nums act";row-gap:4px}.srow .ck{grid-area:ck}.srow .sn{grid-area:sn}.srow .qty{grid-area:qty}.srow>[data-act]{grid-area:act}
  .srow .c{display:none}.srow .c[data-l="Free"],.srow .c[data-l="Kept"]{display:inline;font-size:12px;color:var(--muted)}.srow .c[data-l="Free"]::before{content:"Free "}.srow .c[data-l="Kept"]::before{content:"Kept "}.dsg .srow{padding-left:12px}
  .vr{grid-template-columns:1fr 1fr 1fr;padding:8px;border:1px solid var(--line);border-radius:10px}.vr [data-vdel]{justify-self:end}.pdh{flex-direction:column}.g2{grid-template-columns:1fr!important}
  .cods{grid-template-columns:1fr}.cda .btn{flex:1 1 45%}.sgb{grid-template-columns:1fr 70px}.sgb .load{grid-column:1/3;grid-row:2}
  .list .row{grid-template-columns:1fr!important;gap:4px}.slr,.fil .row{grid-template-columns:24px 1fr!important}
  .tools{gap:6px}.tools .inp{flex:1 1 140px}.kpis{grid-template-columns:1fr 1fr}.cal{grid-template-columns:1fr}
  .drawer{width:100vw!important;max-width:100vw!important}
  #topx{display:none}
}
.bulk[hidden]{display:none!important}
@media (max-width:760px){.srow{grid-template-areas:"ck sn qty" "ck sn act"!important}.srow .c{display:none!important}.ph{position:relative}.hlp{position:absolute;top:0;right:0}.ph h1{padding-right:40px}}
@media (max-width:760px){.rail .brand{order:0}.rail nav{order:1;margin:8px 0}.rail .me{order:2}.rail #logout{order:3}.rail #topx{order:1}}

/* v6.css */
/* v6: homes per role, one-screen labels, label design */
.home6,.lab6{max-width:760px;margin:0 auto;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.h6{background:#14171F;color:#fff;border-radius:20px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px}
.h6-r{display:flex;align-items:center;gap:10px}.h6-av{width:38px;height:38px;border-radius:11px;background:#D4A017;color:#14171F;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.h6-t{display:flex;flex-direction:column;flex:1;min-width:0}.h6-t small{font-size:12px;color:#C9CDD6}.h6-t b{font-size:19px}
.h6-ci{height:38px;border-radius:99px;background:#D4A017;color:#14171F!important;font-weight:700;font-size:13px;display:flex;align-items:center;padding:0 14px;text-decoration:none}
.h6-bell{width:44px;height:44px;border-radius:12px;border:1px solid #343A46;background:#1E222C;color:#fff;position:relative;display:grid;place-items:center;cursor:pointer}.h6-bell em{position:absolute;top:-5px;right:-5px;background:#DC2626;color:#fff;font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:1px 6px}
.h6-s{height:46px;border-radius:12px;background:#1E222C;border:1px solid #343A46;color:#C9CDD6;display:flex;align-items:center;gap:8px;padding:0 14px;font:inherit;font-size:14px;cursor:pointer;text-align:left}
.h6-in{display:flex;align-items:center;gap:8px;height:48px;border-radius:12px;background:#fff;color:#4B5263;padding:0 14px}.h6-in input{border:0;outline:none;font:inherit;font-size:15px;flex:1;background:transparent;color:#14171F;min-width:0}
.h6-ring{display:flex;align-items:center;gap:18px}.ring6{--p:0;width:108px;height:108px;border-radius:50%;background:conic-gradient(#D4A017 calc(var(--p)*1%),#343A46 0);display:grid;place-items:center;flex:none}.ring6>div{width:84px;height:84px;border-radius:50%;background:#14171F;display:grid;place-items:center;text-align:center;line-height:1.1}.ring6 b{font-size:27px}.ring6 small{font-size:11px;color:#C9CDD6}
.h6-rt{display:flex;flex-direction:column;gap:4px}.h6-rt small{color:#C9CDD6;font-size:13px}.h6-rt b{font-size:17px}
.b6{display:flex;flex-direction:column;gap:14px;padding:14px 0 6px}.b6.up{margin-top:-36px;padding:0 12px 6px}
.c6{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}
.k6{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A5A00}.n6{display:flex;align-items:center;gap:12px}.n6>b{font-size:36px;line-height:1}.n6 div{display:flex;flex-direction:column}.n6 strong{font-size:15px}.n6 small{font-size:13px;color:#4B5263}
.btn6{min-height:48px;border-radius:12px;background:#14171F;color:#fff!important;border:1px solid #14171F;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;padding:0 16px}
.btn6.line{background:var(--surface,#fff);color:var(--ink,#14171F)!important;border-color:#D5D9E0}.btn6.xl{min-height:54px;font-size:16px;border-radius:14px;width:100%}.btn6.green{background:#fff;color:#15803D!important;border:1.5px solid #15803D}
.g6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g6.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.t6{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;color:inherit!important;text-decoration:none}.t6 span{font-size:12px;color:#4B5263}.t6 b{font-size:21px}.t6 small{font-size:12px;color:#4B5263}.t6.ok small{color:#15803D}.t6.bad b{color:#B42318}.t6.alert{border:1.5px solid #B42318}.t6.alert b{color:#B42318}
.c6.list{padding:4px 16px;gap:0}.r6{display:flex;align-items:center;gap:12px;min-height:52px;color:inherit!important;text-decoration:none;border-bottom:1px solid var(--line,#ECEEF2)}.r6:last-child{border-bottom:0}.r6 i{width:10px;height:10px;border-radius:50%;flex:none}.r6 span{flex:1;font-size:14px}.r6 small{font-size:13px;color:#4B5263}
.c6.tk{padding:4px 0}.hd6{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 6px}.tk6{display:flex;flex-direction:column;gap:3px;padding:10px 16px;border:0;border-top:1px solid var(--line,#ECEEF2);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tk6>span{display:flex;gap:8px;align-items:center}.tk6>span b{flex:1;font-size:14px}.tk6 small{font-size:12.5px;color:#4B5263}.pad6{padding:12px 16px}
.hint6{flex-direction:row;align-items:center;background:#FFF7E6;border-color:#F3D9A4;color:#8A5A00}.hint6 span{display:flex;flex-direction:column;flex:1;color:#14171F}.hint6 small{color:#4B5263}.hint6 em{font-style:normal;font-size:20px}
.big6{min-height:96px;border-radius:18px;background:#D4A017;color:#14171F!important;display:flex;align-items:center;gap:16px;padding:0 20px;text-decoration:none}.big6 span{display:flex;flex-direction:column}.big6 b{font-size:20px}.big6 small{font-size:14px}
.q6{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;min-height:88px;color:inherit!important;text-decoration:none}.q6 b{font-size:15px}.q6 small{font-size:12px;color:#4B5263}
.c6.nx{gap:8px}.nx6{display:flex;align-items:center;gap:10px;font-size:14px}.nx6 span:nth-child(2){flex:1}.nx6 small{color:#4B5263}.qn{width:34px;height:34px;border-radius:8px;background:#ECEEF2;display:grid;place-items:center;font-weight:700;font-size:13px;color:#14171F}
/* labels */
.lab6{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.lab6-h h1{margin:0;font-size:24px}.lab6-h p{margin:2px 0 0;color:#4B5263}
.zz6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.z6{background:var(--surface,#fff);border:2px dashed #C9CED8;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;min-height:112px;cursor:pointer;box-sizing:border-box}.z6.has{border:1.5px solid #15803D}.z6.over{border-color:#D4A017;background:#FFF7E6}
.z6-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#4B5263}.z6.has .z6-k{color:#15803D}.z6 b{font-size:14px;word-break:break-all}.z6 small{font-size:12px;color:#4B5263}
.busy6{align-items:center;text-align:center}.busy6 small{color:#4B5263}
.rs6{display:flex;align-items:baseline;gap:8px}.rs6 b{font-size:32px;line-height:1}.rs6 strong{font-size:16px}.rs6 small{margin-left:auto;color:#4B5263}.res6 p{margin:0;font-size:13px;color:#4B5263}
.ch6{display:flex;flex-wrap:wrap;gap:6px}.ch6 span{font-size:12px;font-weight:600;border:1px solid #D5D9E0;border-radius:99px;padding:4px 10px}
.pv6{display:flex;gap:10px;overflow-x:auto;padding:2px}.lb6{width:112px;height:168px;flex:none;border:1.5px solid #14171F;border-radius:6px;background:#fff;color:#14171F;display:flex;flex-direction:column;gap:3px;padding:6px;box-sizing:border-box;font-family:Arial,sans-serif}
.lb6-b{font-family:Georgia,'Times New Roman',serif;font-size:12px;text-align:center}.lb6-c{display:flex;justify-content:space-between;align-items:center;font-size:7.5px;font-weight:700;border-bottom:1px solid #14171F;padding-bottom:3px}.lb6-c em{font-style:normal;background:#14171F;color:#fff;padding:0 3px;border-radius:2px}.lb6-c em.pp{background:#fff;color:#14171F;border:1px solid #14171F}
.lb6-bc{display:block;height:26px;background:repeating-linear-gradient(90deg,#14171F 0 2px,#fff 2px 4px,#14171F 4px 5px,#fff 5px 8px)}.lb6 small{font-size:6.5px;color:#4B5263}.lb6 strong{font-size:9px}.lb6 .ad{font-size:7px;color:#14171F}.lb6-o{margin-top:auto;text-align:right;font-size:9.5px}
.w6{display:flex;align-items:center;gap:10px;background:#FFF7E6;border:1px solid #F3D9A4;border-radius:12px;padding:10px 12px;color:#14171F!important;text-decoration:none;font-size:13px}.w6 svg{color:#8A5A00;flex:none}.w6 span{flex:1}.w6 em{font-style:normal;font-weight:700;color:#8A5A00}
.ft6{position:sticky;bottom:0;max-width:760px;margin:0 auto;background:var(--bg,#F3F4F6);padding:10px 0 12px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.ft6 .linkbtn{align-self:center}.sent6{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;color:#15803D;font-weight:700}
/* label design */
.ld6{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.form6{gap:10px}.ldp6{position:sticky;top:14px;display:flex;flex-direction:column;align-items:center;gap:6px}
.lp6{width:288px;height:432px;box-sizing:border-box;background:#fff;color:#000;border:1.5px solid #000;border-radius:4px;padding:8px 10px;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:9px;gap:5px;overflow:hidden}
.lp6 .sf{font-family:'Times New Roman',Georgia,serif}.lp6-b{text-align:center;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #000;padding-bottom:5px}.lp6-b b{font-size:22px}.lp6-b small{font-size:6px;font-weight:700;letter-spacing:.08em}.lp6-b img{max-height:32px;max-width:160px;object-fit:contain}
.lp6-c{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding-bottom:5px}.lp6-c b{font-size:12px}.lp6-c em{font-style:normal;background:#000;color:#fff;font-weight:700;padding:1px 5px;font-size:10px}
.lp6-bc{height:50px;background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px,#000 4px 5px,#fff 5px 8px,#000 8px 11px,#fff 11px 12px)}.lp6 .c{text-align:center;font-weight:700;font-size:10px;border-bottom:1px solid #000;padding-bottom:4px}
.lp6-o{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:4px}.lp6-o span{display:flex;flex-direction:column}.lp6-o span:last-child{text-align:right}.lp6-o small,.lp6-d small{font-size:6px;font-weight:700;color:#444}.lp6-o b{font-size:14px}
.lp6-d{display:flex;flex-direction:column;gap:2px}.lp6-d>b{font-size:12px}.lp6-i{border-top:1px solid #999;padding-top:4px;font-size:8px}
.lp6-f{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;border-top:1px solid #000;padding-top:4px}.lp6-f i{font-size:10px;font-weight:700}.lp6-f small{font-size:6px}.lp6-f .bx{border:1px solid #000;padding:3px 5px;text-align:left;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.lp6-f .bx b{font-size:7px}.lp6-f .w{font-size:7px}
/* role bottom bar */
.mbar6 a{position:relative}.mbar6 .mb6-p{display:flex;align-items:center;justify-content:center}.mbar6 .mb6-p span{width:48px;height:48px;border-radius:16px;background:#D4A017;color:#14171F;display:grid;place-items:center;font-size:0}
html.dark .h6-in{background:#1E222C}html.dark .t6 span,html.dark .t6 small,html.dark .q6 small,html.dark .r6 small,html.dark .n6 small{color:#A7AEBD}
@media(max-width:760px){
 #main .home6{margin:-14px -12px 0}.h6{border-radius:0 0 20px 20px;padding-top:18px}.b6{padding:14px 12px 6px}.b6.up{padding:0 12px 6px}
 .g6.three .t6{padding:10px}.ld6{grid-template-columns:1fr}.ldp6{position:static;order:-1}.ldp6 .lp6{transform:scale(.9);transform-origin:top center}
 .ft6{bottom:64px;padding:10px 0}
}
.h6:has(+ .b6.up){padding-bottom:56px}
.mbar6 a{font-size:11px!important;white-space:nowrap;line-height:1.2}.mbar6 a span{font-size:11px}

/* v7.css */
/* v7: warehouse */
.sb7{display:flex;gap:8px;margin:8px 0}.sb7 .inp{flex:1;font-size:17px;min-height:50px;border-width:2px}.sb7 .inp:focus{border-color:#D4A017;outline:none;box-shadow:0 0 0 3px #D4A01733}.sb7 .btn{min-width:54px;font-size:20px}
.bigc7{display:flex;align-items:baseline;gap:10px}.bigc7 b{font-size:38px;line-height:1}.bigc7 span{color:var(--muted,#6b7280)}
.code7{font-family:ui-monospace,Menlo,monospace;background:#14171F;color:#fff;border-radius:6px;padding:2px 7px;font-size:13px;letter-spacing:.03em}
.warn7{background:#FFF7E6;border:1px solid #F3D9A4;color:#8A5A00;border-radius:10px;padding:8px 10px;margin:4px 0;font-size:13px}
.nt7{background:#EFF6FF;border:1px solid #BFDBFE;border-radius:12px;padding:10px 14px;margin-bottom:12px}.nt7 small{color:#6b7280}
.dk7{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.dkc{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-top:5px solid var(--c);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.dkc header{display:flex;justify-content:space-between;align-items:center}.dkc header b{font-size:18px}.dkt{display:flex;justify-content:space-between;font-size:14px}.dkt b{font-size:15px}
.dkb{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:var(--soft,#F6F7F9);border-radius:12px;padding:8px 0}.dkb b{font-size:24px;display:block}.dkb small{font-size:11.5px;color:#6b7280}.dka{display:flex;flex-wrap:wrap;gap:6px}.dka .btn{flex:1 1 auto;min-height:42px}
.ik7{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ik7 .chip input{margin-right:4px}
.pl7{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line,#ECEEF2)}.pl7 div{display:flex;flex-direction:column}.pl7 small{color:#6b7280}
.rl7 .lh,.rl7 .row{grid-template-columns:2fr .7fr .8fr .8fr 1.2fr}.rl7 .row.ok7{background:#16a34a0d}.rl7 .row.ov7{background:#dc26260d}.rl7 .inp.sm{width:100%}
.pt7 .lh,.pt7 .row{grid-template-columns:2fr .6fr 1fr auto}.zd{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:middle}
.bm7{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.bx7{position:relative;border:1.5px solid var(--z);border-radius:10px;background:linear-gradient(0deg,color-mix(in srgb,var(--z) 22%,transparent) var(--f),var(--surface,#fff) var(--f));padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font:inherit;color:inherit;min-height:60px}.bx7 b{font-family:ui-monospace,Menlo,monospace;font-size:13px}.bx7 small{font-size:11px;color:#4b5263}.bx7 em{position:absolute;top:2px;right:4px;font-style:normal;font-size:11px}.bx7.dn7{opacity:.75}
.pk7 .row{grid-template-columns:28px 90px 1fr auto;cursor:pointer;min-height:52px}.pk7 .row.ok7{opacity:.5;text-decoration:line-through}.qty7{font-size:18px}.pk7 input{width:22px;height:22px}
.gr7{display:grid;gap:12px}.gl7{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,#ECEEF2)}.gl7>span{flex:1}.seg7{display:flex;gap:4px}.seg7 input{display:none}.seg7 span{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:2px solid #d5d9e0;font-weight:800;cursor:pointer}.seg7 input:checked+.gA{background:#16a34a;border-color:#16a34a;color:#fff}.seg7 input:checked+.gB{background:#d97706;border-color:#d97706;color:#fff}.seg7 input:checked+.gC{background:#dc2626;border-color:#dc2626;color:#fff}
.sp7{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.spc{display:flex;flex-direction:column;gap:6px}.spc.low{border:1.5px solid #dc2626}.spc.low .bigc7 b{color:#dc2626}
.gt7 .row{grid-template-columns:auto 1.4fr 1.6fr 1fr auto}.ck7{display:flex;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid var(--line,#ECEEF2)}.ck7 input{width:22px;height:22px}
.ws7 .inp.sm{width:100%;min-width:80px}
.ms7 .mi7{display:flex;align-items:center;gap:10px;padding:6px 0}.mi7 span{font-size:20px}.mi7 b{flex:1;font-size:14px}.mi7 small{color:#6b7280}.mi7.ok b{color:#15803d}
.hd7{display:flex;justify-content:space-between;align-items:center}.tg7,.tvg{height:14px;background:#ECEEF2;border-radius:99px;overflow:hidden}.tg7 i,.tvg i{display:block;height:100%;background:linear-gradient(90deg,#D4A017,#16a34a);border-radius:99px;transition:width .6s}
.bd7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bg7{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:8px 4px;border-radius:12px;background:var(--soft,#F6F7F9);opacity:.55}.bg7.got{opacity:1;background:#FFF7E6;border:1px solid #F3D9A4}.bg7 span{font-size:24px}.bg7 b{font-size:11.5px}.bg7 small{font-size:10px;color:#6b7280}
.kd7{font-size:13.5px;padding:4px 0}.kd7 span{color:#4b5263}
@media(max-width:760px){.bd7{grid-template-columns:repeat(3,minmax(0,1fr))}.dk7{grid-template-columns:1fr}.rl7 .row,.pt7 .row,.gt7 .row{grid-template-columns:1fr 1fr!important}.pk7 .row{grid-template-columns:28px 80px 1fr auto!important}}
/* Gaddu + confetti */
.gd7{min-width:min(86vw,260px);position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px) scale(.9);opacity:0;z-index:9999;display:flex;align-items:center;gap:10px;background:#14171F;color:#fff;border-radius:20px;padding:10px 18px 10px 10px;box-shadow:0 12px 30px #0005;max-width:min(92vw,460px);transition:all .35s cubic-bezier(.2,1.4,.4,1)}.gd7.in{opacity:1;transform:translate(-50%,0) scale(1)}.gd7 p{margin:0;font-size:15px;font-weight:600}.gd7 svg{flex:none;animation:gdb 1.2s ease-in-out infinite}
@keyframes gdb{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
.cf7{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.cf7 i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:cff linear forwards}@keyframes cff{to{top:105%;transform:translateX(40px) rotate(720deg)}}
/* TV board */
body.tv7on .rail,body.tv7on #mbar,body.tv7on #hlp{display:none!important}body.tv7on #main{padding:0!important;max-width:none!important}
.tv7{min-height:100vh;background:#0B0E14;color:#fff;padding:28px 36px;display:flex;flex-direction:column;gap:22px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}.tv7 header{display:flex;align-items:center;gap:20px}.tv7 header div{flex:1;display:flex;flex-direction:column}.tv7 header b{font-size:28px}.tv7 header small{color:#9aa3b2;font-size:16px}.tv7 .clk{font-size:44px;font-weight:800;color:#D4A017}
.tvk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tvk div{background:#151A24;border-radius:20px;padding:20px 24px}.tvk b{font-size:72px;line-height:1;display:block}.tvk span{font-size:18px;color:#9aa3b2}
.tvc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tvq{background:#151A24;border-radius:18px;padding:16px 20px;border-left:8px solid var(--c);display:flex;flex-direction:column;gap:4px}.tvq b{font-size:24px}.tvq span{color:#9aa3b2}.tvq strong{font-size:30px;color:#FCD34D}.tvq em{font-style:normal;font-size:16px;color:#cbd5e1}
.tvb{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:16px;align-items:stretch}.tvb section{background:#151A24;border-radius:20px;padding:18px 22px}.tvb h3{margin:0 0 12px;font-size:18px;color:#9aa3b2}.tvb p{font-size:18px}.tvg{height:26px;background:#2a3140}.tvt{display:flex;gap:12px;align-items:center;font-size:22px;padding:4px 0}.tvt b{flex:1}.tvt em{font-style:normal;font-weight:800;color:#FCD34D}
.tvm{display:flex;align-items:center;gap:16px}.tvm svg{animation:gdb 1.6s ease-in-out infinite}.tvm p{font-size:22px;font-weight:600;margin:0}
@media(max-width:900px){.tvb,.tvk{grid-template-columns:1fr}.tvk b{font-size:48px}}
body.tv7on .shell,body.tv7on .app{display:block!important;grid-template-columns:none!important}body.tv7on #main{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box}

/* v8.css */
/* v8: simple menu */
.rail nav.nav8{display:flex;flex-direction:column;gap:6px;padding:8px 4px}
.rail nav.nav8 a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:600;text-decoration:none}
.rail nav.nav8 a svg{width:24px;height:24px;flex:none}
.rail nav.nav8 a.on{background:#D4A017;color:#14171F!important}
.mbar8 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px!important;font-weight:600;white-space:nowrap;text-decoration:none}
.mbar8 a.on{color:#14171F!important}.mbar8 a.on svg{background:#FFF0C2;border-radius:10px;padding:3px 10px;box-sizing:content-box}
.more8{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}.more8 h1{margin:0;font-size:26px}
.fnd8{display:flex;align-items:center;gap:8px;height:48px;border-radius:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);padding:0 14px;color:#4B5263}.fnd8 input{border:0;outline:none;background:transparent;font:inherit;font-size:15px;flex:1;min-width:0;color:inherit}
.tl8{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ti8{min-height:92px;border-radius:16px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px;color:inherit!important;text-decoration:none;font-size:13.5px;font-weight:600}.ti8:hover{border-color:#D4A017}.ti8[hidden]{display:none}
.fl8{display:flex;flex-direction:column;gap:8px}.fe8{display:flex;align-items:center;gap:14px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:14px;padding:14px 16px;cursor:pointer}.fe8>span{flex:1;display:flex;flex-direction:column;gap:3px}.fe8 small{color:#4B5263;font-size:13px}
.fe8 input{position:absolute;opacity:0;width:1px;height:1px}.fe8 i{width:50px;height:30px;border-radius:99px;background:#D5D9E0;position:relative;flex:none;transition:background .2s}.fe8 i::after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.fe8 input:checked+i{background:#16a34a}.fe8 input:checked+i::after{left:23px}.fe8 input:focus-visible+i{outline:3px solid #D4A017;outline-offset:2px}
.lg8{height:38px;border-radius:99px;border:1px solid #343A46;background:#1E222C;color:#fff;font:inherit;font-weight:700;font-size:13px;padding:0 14px;cursor:pointer}
.pu8{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-left:6px solid var(--c,#D4A017);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:inherit!important;text-decoration:none}.pu8>div{flex:1;display:flex;flex-direction:column;gap:3px}.pu8 b{font-size:17px}.pu8 small{font-size:13.5px;color:#4B5263}.pu8 .btn6{min-width:120px}
.ret8{--c:#f97316}.ar8{font-size:26px;color:#9AA3B2}.ri8{display:flex;flex-direction:column;gap:6px}
.mbar8 a span{font-size:11px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.2}

/* v9.css */
/* v9: departments */
.p9{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:18px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.bk9{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;height:34px;padding:0 12px 0 8px;border-radius:99px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);color:#4B5263!important;text-decoration:none;font-size:13px;font-weight:600;margin-bottom:10px}
.p9 .bk9{margin-bottom:0}
.h9{display:flex;align-items:center;gap:14px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-top:5px solid var(--c);border-radius:18px;padding:18px 20px}.h9.plain{border-top-width:1px;background:transparent;border:0;padding:0}
.h9 h1{margin:0;font-size:24px}.h9 p{margin:2px 0 0;color:#4B5263;font-size:14px}
.h9i{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c);display:grid;place-items:center;flex:none}
.g9{display:flex;flex-direction:column;gap:8px}.g9 h2{margin:0 4px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6B7280;display:flex;align-items:center;gap:6px}
.l9{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;overflow:hidden}
.t9{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px;border-bottom:1px solid var(--line,#ECEEF2);color:inherit!important;text-decoration:none}.t9:last-child{border-bottom:0}.t9:hover{background:#FFF9EB}
.t9i{width:40px;height:40px;border-radius:12px;background:var(--soft,#F3F4F6);display:grid;place-items:center;flex:none;color:#14171F}.t9i svg{width:21px;height:21px}
.t9t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.t9t b{font-size:15.5px}.t9t small{font-size:13px;color:#4B5263}.t9c{color:#9AA3B2;display:flex}
.su9{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px dashed #C9CED8;color:#4B5263!important;text-decoration:none}.su9 span{flex:1;display:flex;flex-direction:column}.su9 b{color:#14171F;font-size:14px}.su9 small{font-size:12.5px}
.dg9{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.dc9{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;color:inherit!important;text-decoration:none;transition:transform .15s,box-shadow .15s}.dc9:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0001;border-color:var(--c)}
.dc9 b{font-size:17px;margin-top:6px}.dc9 small{font-size:13px;color:#4B5263;line-height:1.35}.dc9 em{font-style:normal;font-size:12px;font-weight:700;color:var(--c)}
.rail nav.nav9 .sep9{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7C8494;padding:12px 16px 2px}
.rail nav.nav9 a{min-height:46px;font-size:15px}
html.dark .h9i{background:#262B36}html.dark .t9:hover{background:#1E222C}html.dark .t9t small,html.dark .h9 p,html.dark .dc9 small{color:#A7AEBD}
@media(max-width:760px){.dg9{grid-template-columns:1fr 1fr}.dc9{padding:14px}.dc9 small{display:none}.h9{padding:14px}.h9 h1{font-size:20px}}

/* v10.css */
/* v10: Care desk */
.cd10,.cv10{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.ch10{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ch10>div:first-child{flex:1;min-width:220px}.ch10 h1{margin:0;font-size:28px;letter-spacing:-.01em}.ch10 p{margin:2px 0 0;color:#4B5263}
.nb10{height:50px;border:0;border-radius:14px;background:#D4A017;color:#14171F;font:inherit;font-weight:800;font-size:15.5px;display:flex;align-items:center;gap:8px;padding:0 20px;cursor:pointer;box-shadow:0 6px 16px #D4A01740;transition:transform .15s}.nb10:hover{transform:translateY(-1px)}
.ring10{--p:0;width:64px;height:64px;border-radius:50%;background:conic-gradient(#16A34A calc(var(--p)*1%),#E3E6EB 0);display:grid;place-items:center;flex:none}.ring10>div{width:50px;height:50px;border-radius:50%;background:var(--bg,#F3F4F6);display:grid;place-items:center;text-align:center;line-height:1}.ring10 b{font-size:17px}.ring10 small{font-size:8.5px;color:#4B5263}
.sr10{display:flex;align-items:center;gap:10px;height:54px;border-radius:16px;background:var(--surface,#fff);border:1.5px solid var(--line,#E3E6EB);padding:0 16px;color:#6B7280;box-shadow:0 2px 8px #0000000a}.sr10:focus-within{border-color:#D4A017}.sr10 input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:inherit;min-width:0}
.tb10{display:flex;gap:4px;background:var(--soft,#E9EBEF);padding:4px;border-radius:14px;align-self:flex-start;flex-wrap:wrap}.tab10{height:38px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:600;font-size:14px;color:#4B5263;padding:0 14px;display:flex;align-items:center;gap:6px;cursor:pointer}.tab10.on{background:var(--surface,#fff);color:#14171F;box-shadow:0 1px 4px #0002}.tab10 em{font-style:normal;font-size:12px;background:#E3E6EB;border-radius:99px;padding:1px 7px}.tab10.warn em{background:#FEE4E2;color:#B42318}
.kt10,.sp10{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.kt10::-webkit-scrollbar,.sp10::-webkit-scrollbar{display:none}
.kc10{--k:#14171F;flex:none;height:42px;border-radius:99px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);font:inherit;font-weight:600;font-size:14px;display:flex;align-items:center;gap:7px;padding:0 14px;cursor:pointer;color:inherit}.kc10 svg{color:var(--k)}.kc10.on{background:var(--k);border-color:var(--k);color:#fff}.kc10.on svg{color:#fff}.kc10 em{font-style:normal;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--k) 14%,#fff);color:var(--k);border-radius:99px;padding:1px 7px}.kc10.on em{background:#ffffff33;color:#fff}
.sc10{flex:none;height:34px;border-radius:99px;border:1px dashed #C9CED8;background:transparent;font:inherit;font-size:13px;font-weight:600;color:#4B5263;padding:0 12px;cursor:pointer;display:flex;align-items:center;gap:6px}.sc10.on{border-style:solid;border-color:#14171F;color:#14171F;background:var(--surface,#fff)}.sc10 em{font-style:normal;font-weight:800;color:#14171F}
.cl10{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cc10{--k:#14171F;position:relative;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:14px 16px 14px 20px;display:flex;flex-direction:column;gap:4px;color:inherit!important;text-decoration:none;overflow:hidden;transition:transform .15s,box-shadow .15s}.cc10::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--k)}.cc10:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}.cc10.hi{box-shadow:inset 0 0 0 2px #DC262655}
.cc10t{display:flex;align-items:center;gap:8px}.cn10{font-size:12px;font-weight:700;color:#6B7280}.ag10{margin-left:auto;font-size:12px;color:#6B7280}.ag10.late{color:#B42318;font-weight:700}
.nm10{font-size:16.5px;margin-top:4px}.cc10>small{color:#4B5263;font-size:13px}.cc10b{display:flex;align-items:center;gap:10px;margin-top:6px}
.kb10{--k:#14171F;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:99px;background:color-mix(in srgb,var(--k) 12%,#fff);color:var(--k);font-size:12.5px;font-weight:700}
.pd10{display:flex;gap:3px}.pd10 i{width:14px;height:6px;border-radius:99px;background:#E3E6EB}.pd10 i.d{background:var(--k)}.pd10 i.c{background:#D4A017;animation:pl10 1.4s ease-in-out infinite}@keyframes pl10{50%{opacity:.45}}
.sg10{font-size:12.5px;font-weight:700;background:#FFF7E6;color:#8A5A00;border-radius:99px;padding:3px 10px}.sg10.done{background:#DCFCE7;color:#15803D}
.ow10{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#14171F;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.em10{grid-column:1/-1;text-align:center;padding:40px 20px;border:2px dashed #D5D9E0;border-radius:20px;display:flex;flex-direction:column;gap:6px;color:#4B5263}.em10 b{font-size:18px;color:#14171F}
/* new case */
.nk10{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.nkb10{--k:#14171F;min-height:84px;border-radius:16px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;color:inherit;cursor:pointer;text-align:center;padding:6px}.nkb10 svg{color:var(--k)}.nkb10.on{border-color:var(--k);background:color-mix(in srgb,var(--k) 10%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 20%,transparent)}
.lk10{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px}.lo10{text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:12px;padding:10px 12px;font:inherit;display:flex;flex-direction:column;gap:2px;cursor:pointer;color:inherit}.lo10.on{border-color:#16A34A;background:#F0FDF4}.lo10 span,.lo10 small{font-size:12.5px;color:#4B5263}
/* case page */
.cvh10{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-top:6px solid var(--k);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.cvh10a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cvh10 h1{margin:4px 0 0;font-size:26px}.cvh10 p{margin:0;color:#4B5263;font-size:14px}
.ur10{font-size:12px;font-weight:800;background:#FEE4E2;color:#B42318;border-radius:99px;padding:3px 10px}
.qa10,.sb10{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.qb10{height:42px;border-radius:12px;border:1.5px solid var(--line,#D5D9E0);background:var(--surface,#fff);display:inline-flex;align-items:center;gap:7px;padding:0 14px;font:inherit;font-weight:700;font-size:14px;color:inherit!important;text-decoration:none;cursor:pointer}.qb10.wa{background:#16A34A;border-color:#16A34A;color:#fff!important}
.cvg10{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}.cvc10{display:flex;flex-direction:column;gap:14px;min-width:0}
.cd10s{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.cd10s h3{margin:0;font-size:15.5px;display:flex;align-items:center;gap:8px}.cd10s h3 .ic10{margin-left:auto}
.stp10{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.stp10 li{position:relative;padding-left:2px}.stp10 li:not(:last-child)::after{content:'';position:absolute;left:17px;top:38px;bottom:-4px;width:2px;background:#E3E6EB}.stp10 li.done:not(:last-child)::after{background:var(--k)}
.stp10 button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border:0;background:none;font:inherit;font-size:14.5px;color:#6B7280;cursor:pointer;text-align:left;border-radius:10px;padding:2px 6px 2px 0}.stp10 button:hover{background:var(--soft,#F6F7F9)}
.stp10 i{width:30px;height:30px;border-radius:50%;border:2px solid #D5D9E0;background:var(--surface,#fff);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;flex:none;margin-left:2px;position:relative;z-index:1}
.stp10 li.done button{color:#14171F}.stp10 li.done i{background:var(--k);border-color:var(--k);color:#fff}.stp10 li.cur button{color:#14171F;font-weight:800}.stp10 li.cur i{border-color:#D4A017;background:#D4A017;color:#14171F;box-shadow:0 0 0 5px #D4A01733}
.nx10{min-height:54px;border:0;border-radius:14px;background:#14171F;color:#fff;font:inherit;font-weight:800;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.nx10:hover{background:#262B36}.dn10{margin:0;font-weight:700;color:#15803D}
.cod10{font-size:11.5px;font-weight:800;background:#FFF7E6;color:#8A5A00;border-radius:99px;padding:2px 9px}.pp10{font-size:11.5px;font-weight:800;background:#E0F2FE;color:#075985;border-radius:99px;padding:2px 9px}
.bk10{display:flex;align-items:center;gap:12px;background:var(--soft,#F6F7F9);border-radius:14px;padding:12px 14px;flex-wrap:wrap}.bk10>div:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:160px}.bk10 small{color:#4B5263;font-size:13px}.bkb10{display:flex;gap:6px;flex-wrap:wrap}
.sv10{position:sticky;bottom:10px;display:flex;align-items:center;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px #0000001a;z-index:3}.sv10 .btn6{min-width:180px}#cvDirty{color:#B45309;font-weight:600}
.ic10{width:34px;height:34px;border-radius:10px;border:1px solid var(--line,#E3E6EB);background:var(--surface,#fff);display:grid;place-items:center;cursor:pointer;color:inherit}
.lvs10{border-radius:14px;padding:14px 16px;background:linear-gradient(135deg,#14171F,#2A3040);color:#fff;display:flex;flex-direction:column;gap:2px}.lvs10 b{font-size:20px}.lvs10 small{color:#C9CDD6}.lvs10.s-delivered{background:linear-gradient(135deg,#166534,#16A34A)}.lvs10.s-cancelled,.lvs10.s-returned{background:linear-gradient(135deg,#7F1D1D,#B91C1C)}.lvs10.s-shipped{background:linear-gradient(135deg,#1E3A8A,#2563EB)}
.lvg10{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.lvg10 div{background:var(--soft,#F6F7F9);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;min-width:0}.lvg10 small{font-size:11.5px;color:#6B7280}.lvg10 b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis}
.le10{margin:10px 0 4px;padding-left:18px;font-size:13px;color:#4B5263}.le10 small{color:#9AA3B2}
.tp10{display:flex;gap:6px;flex-wrap:wrap}.tc10{height:34px;border-radius:99px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);font:inherit;font-size:13px;font-weight:600;padding:0 12px;cursor:pointer;color:inherit;text-decoration:none;display:inline-flex;align-items:center}.tc10.best{border-color:#D4A017;background:#FFF7E6}.tc10.on{background:#14171F;border-color:#14171F;color:#fff}.tc10.add{border-style:dashed;color:#4B5263!important}
.ad10{display:flex;gap:8px}.ad10 .inp{flex:1}
.tl10{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tl10 li{display:flex;gap:12px;padding:8px 0}.tl10 li>i{width:10px;height:10px;border-radius:50%;background:#C9CED8;margin-top:6px;flex:none;box-shadow:0 0 0 4px var(--surface,#fff)}.tl10 li.stage>i{background:var(--k)}.tl10 li.msg>i{background:#16A34A}.tl10 li.note>i{background:#D4A017}
.tl10 b{font-size:13.5px;font-weight:600;display:block}.tl10 small{font-size:12px;color:#6B7280}
.kv10{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv10 div{background:var(--soft,#F6F7F9);border-radius:12px;padding:10px}.kv10 small{display:block;color:#6B7280;font-size:12px}.kv10 b{font-family:ui-monospace,Menlo,monospace;font-size:15px;word-break:break-all}
/* templates */
.tg10{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.tt10{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.tt10h{display:flex;justify-content:space-between;gap:8px}.tt10h b{font-size:15.5px}.tt10h span{font-size:12px;color:#6B7280}.tt10g{display:flex;gap:6px;flex-wrap:wrap}.tt10 p{margin:0;font-size:13.5px;color:#4B5263;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;background:#F0FDF4;border-radius:12px 12px 12px 4px;padding:10px 12px}.tt10f{display:flex;align-items:center;gap:6px;margin-top:auto}.tt10f small{flex:1;color:#6B7280}
.ph10{display:flex;gap:6px;flex-wrap:wrap}.ph10 .chip{font-size:12px}
.k10{border-left:4px solid var(--k);padding-left:12px!important}
html.dark .kc10 em,html.dark .kb10{background:#262B36}html.dark .ring10>div{background:#0f1218}
@media(max-width:900px){.cvg10{grid-template-columns:1fr}.nk10{grid-template-columns:repeat(3,1fr)}.ch10 h1{font-size:24px}.ring10{order:3}.nb10{flex:1;justify-content:center}.cl10{grid-template-columns:1fr}.sv10{bottom:72px}}

/* v11.css */
/* v11: Stock hub */
.sh11{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.sh11h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sh11h>div:first-child{flex:1}.sh11h h1{margin:0;font-size:28px;letter-spacing:-.01em}.sh11h p{margin:2px 0 0;font-size:13px;color:#4B5263}.sh11a{display:flex;gap:8px}
.live11{display:inline-flex;align-items:center;gap:6px}.live11 i{width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 #16A34A88;animation:lv11 2s infinite}@keyframes lv11{70%{box-shadow:0 0 0 7px #16A34A00}100%{box-shadow:0 0 0 0 #16A34A00}}
.nb11{height:46px;border:0;border-radius:14px;background:#D4A017;color:#14171F;font:inherit;font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;padding:0 18px;cursor:pointer;box-shadow:0 6px 16px #D4A01740}
.tb11{position:sticky;top:0;z-index:4;display:flex;gap:4px;background:var(--bg,#F3F4F6);padding:6px 0;overflow-x:auto;scrollbar-width:none}.tb11::-webkit-scrollbar{display:none}
.tb11 a{flex:none;height:42px;border-radius:12px;display:flex;align-items:center;gap:7px;padding:0 14px;font-weight:700;font-size:14px;color:#4B5263!important;text-decoration:none;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB)}.tb11 a.on{background:#14171F;border-color:#14171F;color:#fff!important}
.hero11{border-radius:22px;padding:22px 24px;background:radial-gradient(120% 140% at 100% 0%,#3B3220 0%,#14171F 55%);color:#fff;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.hero11>div:first-child{flex:1;display:flex;flex-direction:column}.hero11 small{color:#C9CDD6;font-size:13px}.hero11>div:first-child b{font-size:46px;line-height:1.05;letter-spacing:-.02em}.hero11 span{color:#E8C766;font-weight:600}
.hv11{display:flex;gap:10px}.hv11 div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column}.hv11 b{font-size:20px}
.k11{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kp11{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:2px;color:inherit!important;text-decoration:none;transition:transform .15s}.kp11:hover{transform:translateY(-2px)}.kp11 span{font-size:12.5px;color:#4B5263}.kp11 b{font-size:28px}.kp11 small{font-size:12px;color:#6B7280}.kp11.bad{border-color:#FCA5A5}.kp11.bad b{color:#B42318}.kp11.warn b{color:#B45309}.kp11.good b{color:#15803D}
.al11{display:flex;align-items:center;gap:12px;background:#FFF7E6;border:1px solid #F3D9A4;border-radius:14px;padding:12px 14px;color:#14171F!important;text-decoration:none}.al11 svg{color:#8A5A00}.al11 span{flex:1;display:flex;flex-direction:column}.al11 small{color:#4B5263}.al11 em{font-style:normal;font-weight:800;color:#8A5A00}
.two11{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.cd11{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}.cd11 h3{margin:0;font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cd11 h3 a{margin-left:auto;font-size:13px}
.lg11{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4B5263;margin-left:auto}.lg11 i{width:10px;height:10px;border-radius:3px;display:inline-block}.lg11 .in,.ch11 .in{background:#16A34A}.lg11 .out,.ch11 .out{background:#D4A017}.lg11 .a,.sp11 .a{background:#C9CED8}.lg11 .b,.sp11 .b{background:#D4A017}.lg11 .c,.sp11 .c{background:#16A34A}
.ch11{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;height:150px;align-items:end}.ch11>div{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;position:relative;padding-bottom:16px}.ch11 i{width:40%;border-radius:4px 4px 0 0;min-height:2px}.ch11 small{position:absolute;bottom:0;font-size:10.5px;color:#6B7280}
.tp11{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;color:inherit;padding:6px 0;cursor:pointer;text-align:left;border-bottom:1px solid var(--line,#ECEEF2)}.tp11:last-child{border-bottom:0}.tp11 span:nth-of-type(2){flex:1;font-weight:600;font-size:14px}.tp11 b{font-size:15px}
.rk11{width:24px;height:24px;border-radius:8px;background:#FFF7E6;color:#8A5A00;font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}
.th11{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:#ECEEF2}.th11.lg{width:56px;height:56px;border-radius:12px}.ini{display:grid;place-items:center;font-weight:800;color:#8A5A00;background:linear-gradient(135deg,#FFF7E6,#F3D9A4)}
.cl11{display:flex;gap:8px;flex-wrap:wrap}.cl11 a{background:var(--soft,#F6F7F9);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;color:inherit!important;text-decoration:none}.cl11 small{color:#6B7280;font-size:12px}
.qa11{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qa11 a{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:inherit!important;text-decoration:none;font-weight:700;font-size:13.5px;text-align:center;padding:8px}.qa11 a svg{color:#8A5A00}
.mv11{list-style:none;margin:0;padding:0}.mv11 li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line,#ECEEF2)}.mv11 li:last-child{border-bottom:0}.mv11 li>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.mv11 b{font-size:14px}.mv11 small{font-size:12px;color:#6B7280}.mv11 li>small{text-align:right}
.mq11{min-width:48px;height:30px;border-radius:9px;background:#ECEEF2;display:grid;place-items:center;font-weight:800;font-size:13px}.mq11.up{background:#DCFCE7;color:#15803D}.mq11.dn{background:#FEE4E2;color:#B42318}
/* designs */
.fb11{display:flex;gap:8px}.sr11{flex:1;display:flex;align-items:center;gap:8px;height:48px;border-radius:14px;background:var(--surface,#fff);border:1.5px solid var(--line,#E3E6EB);padding:0 14px;color:#6B7280}.sr11:focus-within{border-color:#D4A017}.sr11 input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:15px;color:inherit;min-width:0}.sel11{max-width:200px}
.ck11{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ck11::-webkit-scrollbar{display:none}.c11{flex:none;height:36px;border-radius:99px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);font:inherit;font-weight:600;font-size:13px;padding:0 12px;cursor:pointer;color:inherit;display:inline-flex;align-items:center;gap:6px}.c11 em{font-style:normal;font-size:11.5px;font-weight:800;color:#6B7280}.c11.has em{color:#B42318}.c11.on{background:#14171F;border-color:#14171F;color:#fff}.c11.on em{color:#E8C766}.ck11.sm .c11{height:32px;font-size:12.5px}
.dg11{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.dc11{display:flex;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:12px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.dc11:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}
.im11{width:86px;height:104px;border-radius:12px;object-fit:cover;flex:none;background:#ECEEF2;font-size:28px}.dc11b{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.dc11t{display:flex;align-items:flex-start;gap:6px}.dc11t b{flex:1;font-size:15px;line-height:1.25}.dc11b>small{font-size:12px;color:#6B7280}
.pb11{flex:none;font-size:11px;font-weight:800;background:#E0F2FE;color:#075985;border-radius:99px;padding:3px 8px}
.sz11{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.s11{display:inline-flex;align-items:center;gap:4px;border-radius:9px;padding:4px 7px;font-size:12px;background:#DCFCE7;color:#14532D}.s11 i{font-style:normal;opacity:.8}.s11 b{font-weight:800}.s11 u{text-decoration:none;font-weight:700;color:#075985}.s11.low{background:#FEF3C7;color:#78350F}.s11.out{background:#FEE4E2;color:#7F1D1D}.s11.short{background:#FFE4E6;color:#9F1239;box-shadow:inset 0 0 0 1px #FDA4AF}
/* pending */
.pk11{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pk11 div{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:14px;display:flex;flex-direction:column}.pk11 b{font-size:30px}.pk11 small{color:#4B5263;font-size:12.5px}.pk11 .bad b{color:#B42318}.pk11 .good b{color:#15803D}
.pl11{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}.pc11{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}.pc11.short{border-color:#FCA5A5;box-shadow:inset 4px 0 0 #DC2626}
.pc11 header{display:flex;align-items:center;gap:12px}.pc11 header div{flex:1;display:flex;flex-direction:column;min-width:0}.pc11 header small{color:#6B7280;font-size:12.5px}.sb11{font-size:12px;font-weight:800;background:#FEE4E2;color:#B42318;border-radius:99px;padding:4px 10px}.ok11{font-size:12px;font-weight:800;background:#DCFCE7;color:#15803D;border-radius:99px;padding:4px 10px}
.pt11{display:grid;grid-template-columns:1.1fr 1.4fr .8fr .7fr .8fr}.pt11 .hd{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6B7280;padding:0 6px 6px}
.pr11{display:contents;font:inherit;color:inherit;cursor:pointer}.pr11>span{padding:9px 6px;border-top:1px solid var(--line,#ECEEF2);display:flex;flex-direction:column;justify-content:center;font-size:14px}.pr11:hover>span{background:#FFF9EB}.pr11 small{font-size:11px;color:#6B7280}
.sp11{display:flex;height:6px;border-radius:99px;overflow:hidden;background:#ECEEF2;margin-top:4px;max-width:90px}.sp11 i{display:block}
.um11{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,#ECEEF2)}.um11 span{flex:1;display:flex;flex-direction:column}.um11 small{color:#6B7280;font-size:12px}
.po11{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}.po11r{text-align:left;border:1px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.po11r span,.po11r small{font-size:12.5px;color:#4B5263}
/* labels */
.lb11{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.lb11l{display:block;font-size:12.5px;font-weight:700;color:#4B5263;margin-top:6px}.lb11l b{color:#14171F}
.szg11{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.szb11{border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;color:inherit;cursor:pointer}.szb11 i{display:block;border:2px solid #14171F;border-radius:3px;background:#fff;margin-bottom:4px}.szb11 b{font-size:12px}.szb11 small{font-size:10.5px;color:#6B7280}.szb11.on{border-color:#D4A017;background:#FFF7E6;box-shadow:0 0 0 3px #D4A01733}
.seg11{display:inline-flex;background:var(--soft,#E9EBEF);border-radius:12px;padding:4px;gap:4px}.seg11 button{height:36px;border:0;border-radius:9px;background:transparent;font:inherit;font-weight:700;padding:0 16px;cursor:pointer;color:#4B5263}.seg11 button.on{background:var(--surface,#fff);color:#14171F;box-shadow:0 1px 4px #0002}
.fc11{display:flex;gap:6px;flex-wrap:wrap}.ctl11 input[type=range]{accent-color:#D4A017;width:100%}
.pvw11{position:sticky;top:60px}.stage11{border-radius:16px;background:repeating-conic-gradient(#F3F4F6 0 25%,#fff 0 50%) 0 0/20px 20px;min-height:250px;display:grid;place-items:center;padding:20px}
.st11{background:#fff;color:#000;border-radius:6px;box-shadow:0 8px 24px #0002;padding:5% 6%;box-sizing:border-box;display:flex;flex-direction:column;gap:3%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.bd11{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8em;text-align:center}.nm11{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mid11{flex:1;display:flex;gap:6%;align-items:stretch;min-height:0}.bc11{flex:1;background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 3px,#000 3px 4px,#fff 4px 7px,#000 7px 10px,#fff 10px 11px)}.qr11{aspect-ratio:1;height:100%;background:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/25% 25%;outline:3px solid #000;outline-offset:-3px}.side11{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px}.side11 s{font-size:.75em;color:#555}.side11 small{font-size:.75em}.sk11{text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.8em;letter-spacing:.08em}
#if11{width:100%;height:260px;border:1px solid var(--line,#E3E6EB);border-radius:12px;background:#fff}
.pr11l{max-height:340px;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--line,#E3E6EB);border-radius:14px}.pi11{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line,#ECEEF2);cursor:pointer}.pi11[hidden]{display:none}.pi11 input[type=checkbox]{width:20px;height:20px;accent-color:#D4A017}.pi11 span{flex:1;display:flex;flex-direction:column;min-width:0}.pi11 small{color:#6B7280;font-size:12px}.qn11{width:76px}
.pf11{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pf11 .btn6{margin-left:auto;min-width:200px}
/* import */
.im11h{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center}.im11h h3{margin:0}.im11h p{margin:2px 0 0}.ic11{width:52px;height:52px;border-radius:14px;background:#FFF7E6;color:#8A5A00;display:grid;place-items:center}.ur11,.ex11{grid-column:1/-1}.ur11{display:flex;gap:8px}.ur11 .inp{flex:1;height:50px;font-size:15px}.ur11 .btn6{min-width:140px}.ex11{font-size:12.5px;color:#6B7280}
.busy11{flex-direction:row;align-items:center;justify-content:center;padding:28px}
.ig11{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:60vh;overflow:auto;padding:2px}.it11{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line,#E3E6EB);border-radius:14px;padding:8px;cursor:pointer}.it11:has(input:checked){border-color:#16A34A;background:#F0FDF4}.it11 input{width:20px;height:20px;accent-color:#16A34A;flex:none}.it11 .im11{width:56px;height:68px}.it11>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.it11 b{font-size:13.5px;line-height:1.25}.it11 small{font-size:12px;color:#6B7280}.it11 em{font-style:normal;font-size:11px;font-weight:800;color:#15803D}.it11.ex em{color:#6B7280}
.io11{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.io11a{display:flex;align-items:center;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:14px;color:inherit!important;text-decoration:none}.io11a svg{color:#8A5A00;flex:none}.io11a span{display:flex;flex-direction:column}.io11a small{color:#6B7280;font-size:12.5px}
html.dark .hv11 div{background:#ffffff0d}html.dark .st11{background:#fff}
@media(max-width:900px){.k11,.qa11{grid-template-columns:repeat(2,1fr)}.two11,.lb11{grid-template-columns:1fr}.pvw11{position:static;order:-1}.pk11{grid-template-columns:repeat(3,1fr)}.pk11 b{font-size:22px}.dg11,.pl11{grid-template-columns:1fr}.hero11>div:first-child b{font-size:38px}.hv11{width:100%}.hv11 div{flex:1}.io11{grid-template-columns:1fr}.nb11 span{display:none}.nb11{width:46px;padding:0;justify-content:center}.szg11{grid-template-columns:repeat(2,1fr)}.pt11{grid-template-columns:1fr 1.3fr .8fr .7fr .8fr}.sel11{max-width:130px}.pf11 .btn6{width:100%;margin:0}.ur11{flex-direction:column}}

/* v12.css */
/* v12: Reverse pickups */
.rv12{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.rh12{display:flex;align-items:center;gap:14px}.rh12 h1{margin:0;font-size:26px}.rh12 p{margin:2px 0 0;color:#4B5263}.ri12{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0E7490,#0891B2);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 8px 20px #0891B240}
.rk12{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rk12 div{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column}.rk12 b{font-size:26px}.rk12 small{color:#4B5263;font-size:12.5px}.rk12 .warn{border-color:#F3D9A4;background:#FFF7E6}.rk12 .warn b{color:#B45309}
.rc12{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.rc12 h3{margin:0;font-size:16px;display:flex;align-items:center;gap:10px}
.st12{width:28px;height:28px;border-radius:50%;background:#14171F;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.wl12{display:flex;flex-direction:column;border:1px solid var(--line,#E3E6EB);border-radius:14px;overflow:hidden;max-height:420px;overflow-y:auto}
.wr12{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line,#ECEEF2)}.wr12:last-child{border-bottom:0}.wr12.has{background:#F0FDF4}.wr12>a{flex:1;display:flex;flex-direction:column;gap:2px;color:inherit!important;text-decoration:none;min-width:0}.wr12 small{font-size:12.5px;color:#4B5263}.wr12 em{font-style:normal;font-size:12px;font-weight:700;color:#B45309;display:inline-flex;align-items:center;gap:4px}
.aw12{position:relative;width:220px;flex:none}.aw12 .inp{width:100%;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;padding-right:34px;box-sizing:border-box}.aw12 i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#16A34A;display:flex}
.ta12{font-family:ui-monospace,Menlo,monospace;font-size:15px;letter-spacing:.03em;min-height:140px;text-transform:uppercase}
.cs12{display:flex;gap:8px;flex-wrap:wrap}.cs12 span{border-radius:99px;padding:5px 12px;background:#ECEEF2;font-size:13px}.cs12 .g{background:#DCFCE7;color:#14532D}.cs12 .r{background:#FEE4E2;color:#7F1D1D}.cs12 .m{background:#FFF7E6;color:#8A5A00}
.cl12{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto}.cl12 li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;font-size:13.5px}.cl12 li b{font-family:ui-monospace,Menlo,monospace;min-width:120px}.cl12 li span{flex:1;color:#4B5263}.cl12 li i{display:flex;width:24px;height:24px;border-radius:50%;place-items:center;justify-content:center;align-items:center;flex:none}
.cl12 .g{background:#F0FDF4}.cl12 .g i{background:#16A34A;color:#fff}.cl12 .w{background:#FFFBEB}.cl12 .w i{background:#D97706;color:#fff}.cl12 .r{background:#FEF2F2}.cl12 .r i{background:#DC2626;color:#fff}.cl12 em{font-style:normal;color:#0E7490;font-weight:600}
.dl12{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.dl12 .fld{margin:0;min-width:170px}.dl12 .btn6{flex:1;min-width:240px}.dl12 .btn6:disabled{opacity:.45;cursor:not-allowed}
.hb12{border:1px solid var(--line,#E3E6EB);border-radius:14px;overflow:hidden}.hb12 summary{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none}.hb12 summary::-webkit-details-marker{display:none}.hb12 summary>span:nth-child(2){flex:1;display:flex;flex-direction:column}.hb12 small{font-size:12.5px;color:#4B5263}
.hn12{min-width:44px;height:30px;border-radius:9px;background:#E0F2FE;color:#075985;font-weight:800;display:grid;place-items:center;font-size:13px}
.hd12{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.hd12 a{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--soft,#F6F7F9);border-radius:8px;padding:4px 8px;color:inherit!important;text-decoration:none}.hw12{margin:0 14px 12px;color:#B42318;font-size:12.5px}
.cf12 summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.cf12 summary::-webkit-details-marker{display:none}.cf12 summary small{color:#6B7280;margin-left:auto}.cf12[open] summary{margin-bottom:6px}
.nl12{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}.nl12>div{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line,#ECEEF2)}.nl12 span{flex:1;display:flex;flex-direction:column}.nl12 small{color:#6B7280;font-size:12px}
.rvb12{height:50px;border-radius:14px;border:1.5px solid var(--line,#D5D9E0);background:var(--surface,#fff);display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-weight:700;color:inherit!important;text-decoration:none}.rvb12 em{font-style:normal;background:#0891B2;color:#fff;border-radius:99px;padding:1px 8px;font-size:12.5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:760px){.rk12{grid-template-columns:repeat(2,1fr)}.wr12{flex-direction:column;align-items:stretch}.aw12{width:100%}.dl12 .btn6{width:100%}.rh12 h1{font-size:22px}}

/* v13.css */
/* v13: friendly case form + pickup details */
dialog.dlg13{width:min(680px,96vw);max-width:680px}
.pg13{display:flex;gap:4px;margin:-4px 0 14px;overflow-x:auto;scrollbar-width:none}.pg13 span{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:#9AA3B2;position:relative}.pg13 span::after{content:'';position:absolute;top:13px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:#E3E6EB}.pg13 span:last-child::after{display:none}
.pg13 i{width:28px;height:28px;border-radius:50%;border:2px solid #D5D9E0;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;background:var(--surface,#fff);z-index:1}.pg13 em{font-style:normal;font-weight:600;text-align:center}
.pg13 .d{color:#15803D}.pg13 .d i{background:#16A34A;border-color:#16A34A;color:#fff}.pg13 .d::after{background:#16A34A}.pg13 .c{color:#14171F}.pg13 .c i{background:#D4A017;border-color:#D4A017;color:#14171F;box-shadow:0 0 0 4px #D4A01733}
.bd13{display:flex;flex-direction:column;gap:12px;animation:in13 .25s ease}@keyframes in13{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.q13{margin:0;font-size:20px;letter-spacing:-.01em}
.kg13{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kk13{--k:#14171F;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:16px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s}.kk13:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000000f;border-color:var(--k)}
.kk13 span{grid-row:span 2;font-size:26px}.kk13 b{font-size:15px}.kk13 small{font-size:12px;color:#6B7280}.kk13.on{border-color:var(--k);background:color-mix(in srgb,var(--k) 9%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 22%,transparent)}
.sr13 .inp{height:52px;font-size:16px;border-width:2px}.rs13{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.oc13{position:relative;text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:14px;padding:10px 14px;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.oc13 small{font-size:12.5px;color:#4B5263}.oc13 em{font-style:normal;font-size:12px;font-weight:700;color:#B45309}.oc13.on{border-color:#16A34A;background:#F0FDF4}.oc13 i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;font-weight:800}
.nm13{border:1.5px dashed #C9CED8;background:transparent;border-radius:14px;padding:12px;font:inherit;font-weight:700;color:#4B5263;cursor:pointer}.nm13:hover{border-color:#D4A017;color:#14171F}
.rc13{display:flex;flex-wrap:wrap;gap:8px}.rb13{border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:99px;padding:9px 14px;font:inherit;font-size:14px;font-weight:600;color:inherit;cursor:pointer}.rb13.on{background:#14171F;border-color:#14171F;color:#fff}.rb13.ours::after{content:' · our side';font-weight:500;color:#B45309;font-size:12px}.rb13.ours.on::after{color:#FCD34D}
.so13{margin:0;background:#FFF7E6;border-radius:12px;padding:10px 12px;font-size:13.5px;color:#7A4B00}
.al13{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#FFFBEB,#F0FDF4);border:1px solid #E7E2C8;border-radius:16px;padding:12px 14px}.al13>small{color:#6B7280;margin-top:-4px}
.ao13{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid #E3E6EB;background:#fff;border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer}.ao13 span{font-weight:700;font-size:14px}.ao13 small{font-size:12px;color:#6B7280}.ao13.on{border-color:#16A34A;background:#F0FDF4;box-shadow:0 0 0 3px #16A34A22}.ao13.plain{background:transparent;border-style:dashed}.ao13.plain.on{border-style:solid}
.ch13{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ch13>span{font-size:12.5px;font-weight:700;color:#6B7280;margin-right:4px}
.bk13{margin-top:12px;border:0;background:none;font:inherit;font-weight:700;color:#4B5263;cursor:pointer;padding:6px 0}
.mono{font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}
.g3{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:10px}
.af13 .inp.pinok{border-color:#16A34A;background:#F0FDF4}
.rd13{display:flex;align-items:center;gap:12px;background:var(--soft,#F6F7F9);border-radius:16px;padding:10px 12px;transition:background .3s}.rd13.full{background:#F0FDF4}.rd13>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.rd13>div:last-child>b{font-size:14px}.rd13 span{display:flex;flex-wrap:wrap;gap:4px 10px}.rd13 i{font-style:normal;font-size:12px;color:#9AA3B2}.rd13 i.ok{color:#15803D;font-weight:700}
.rr13{--p:0;width:48px;height:48px;border-radius:50%;background:conic-gradient(#16A34A calc(var(--p)*1%),#E3E6EB 0);display:grid;place-items:center;flex:none;transition:all .3s}.rr13 b{width:38px;height:38px;border-radius:50%;background:var(--surface,#fff);display:grid;place-items:center;font-size:12px}
.it13{display:flex;flex-direction:column;gap:6px;background:var(--soft,#F6F7F9);border-radius:14px;padding:10px 12px}.it13h{display:flex;justify-content:space-between;align-items:center}.ir13{display:grid;grid-template-columns:2fr 1fr 64px 84px 34px;gap:6px}.ir13 .inp{min-width:0}
.sm13{border:1px solid var(--line,#E3E6EB);border-left:5px solid var(--k);border-radius:16px;padding:12px 14px}.sm13h{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:6px}.sm13h span{font-size:22px}.sm13 dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.sm13 dt{font-size:12.5px;color:#6B7280}.sm13 dd{margin:0;font-size:14px}
.oc10{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line,#E3E6EB)}.oc10>span{font-size:12.5px;font-weight:700;color:#6B7280;margin-right:4px}
.kd13{flex-direction:row;align-items:center;gap:12px;background:linear-gradient(135deg,#FFF7E6,#FDF2F8);border-color:#F3D9A4}.kd13>span{font-size:28px}.kd13 div{display:flex;flex-direction:column}.kd13 small{color:#6B7280}
@media(max-width:760px){.kg13{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}.g3 .fld:first-child{grid-column:1/-1}.ir13{grid-template-columns:1fr 1fr 60px 34px}.ir13 [data-i="price"]{grid-column:1/2}.pg13 em{display:none}.q13{font-size:18px}}

/* v14.css */
/* v14: HR 2.0 — My space, HR hub, forms, sheets and gestures */
:root{--g14:#D4A017;--ink14:#14171F;--mut14:#5B6475;--ln14:#E6E8EC;--sf14:#fff;--bg14:#F5F6F8;--soft14:#F1F3F6;--ok14:#16A34A;--bad14:#DC2626;--sh14:0 1px 2px #0000000a,0 8px 24px #14171f0d}
html.dark{--ink14:#ECEEF2;--mut14:#A3AAB8;--ln14:#2A2F3A;--sf14:#171A21;--bg14:#0F1218;--soft14:#1E222B;--sh14:0 1px 2px #0006,0 8px 24px #0005}
.p14{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink14);padding-bottom:40px}
.p14 h1,.p14 h2,.p14 h3,.p14 h4{letter-spacing:-.01em}.p14 h3{font-size:16px;margin:0}
.card14{background:var(--sf14);border:1px solid var(--ln14);border-radius:20px;padding:16px;box-shadow:var(--sh14);display:flex;flex-direction:column;gap:12px;min-width:0;animation:up14 .35s ease both}
@keyframes up14{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.row14{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.ch15{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hint14{font-size:12px;color:var(--mut14)}.mt14{color:var(--mut14);font-size:13.5px;margin:0}.nt14{font-size:12.5px;color:var(--mut14);margin:0}
.lk14{border:0;background:none;color:#B07D0A;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;padding:6px 8px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.lk14:hover{background:#D4A01714}.lk14.sm{font-size:12.5px;padding:4px 8px}.lk14:disabled{opacity:.35;cursor:default}
html.dark .lk14{color:#E9B949}
.go14{height:48px;border:0;border-radius:14px;background:var(--g14);color:#14171F;font:inherit;font-weight:800;font-size:15px;padding:0 22px;cursor:pointer;box-shadow:0 6px 16px #D4A01740;transition:transform .12s,box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.go14:hover{transform:translateY(-1px);box-shadow:0 10px 22px #D4A01755}.go14:active{transform:scale(.98)}.go14.sm{height:40px;font-size:14px;padding:0 16px;border-radius:12px}.go14:disabled{opacity:.6;cursor:wait}
.go14.busy{color:transparent;position:relative}.go14.busy::after{content:'';position:absolute;width:20px;height:20px;border:3px solid #14171F44;border-top-color:#14171F;border-radius:50%;animation:sp 0.8s linear infinite}
.bk14{height:48px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:14px;font:inherit;font-weight:700;padding:0 16px;cursor:pointer}

dialog.sh14 [hidden],.p14 [hidden]{display:none!important}
label.f14,label.tg14,label.pp14,label.snd14{color:var(--ink14);font-weight:inherit}label.f14{font-weight:400}label.pp14{color:#B07D0A}
/* avatar, ring, chips, bars */
.av14{--s:40px;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);color:#fff;display:inline-grid;place-items:center;font-weight:800;font-size:calc(var(--s)*.38);flex:none;overflow:hidden;position:relative;box-shadow:0 0 0 2px var(--sf14)}
.av14 img{width:100%;height:100%;object-fit:cover}.av14.r-p{box-shadow:0 0 0 2px var(--sf14),0 0 0 4px #16A34A}.av14.r-v{box-shadow:0 0 0 2px var(--sf14),0 0 0 4px #7C3AED}
.rg14{--p:0;--s:64px;width:var(--s);height:var(--s);border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--ln14) 0);display:inline-grid;place-items:center;flex:none;transition:--p .6s}
.rg14>span{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;background:var(--sf14);display:grid;place-items:center;text-align:center;line-height:1}.rg14>span b{font-size:17px}
.ch14{--c:#64748B;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:4px 10px;border-radius:999px;white-space:nowrap}
.pb14{display:block;height:8px;border-radius:9px;background:var(--soft14);overflow:hidden;flex:1;min-width:60px}.pb14>i{display:block;height:100%;border-radius:9px;background:var(--c,linear-gradient(90deg,#D4A017,#16A34A));transition:width .6s ease}.pb14.sm{height:5px;grid-column:1/-1}.pb14.big{height:10px}
.em15{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px;color:var(--mut14)}.em15 span{font-size:38px}.em15 p{margin:0}.em15.big{padding:48px 18px;background:var(--sf14);border:1px dashed var(--ln14);border-radius:20px}

/* hero */
.hero14{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;color:#fff;background:radial-gradient(500px 220px at 100% 0,#D4A01766,transparent),linear-gradient(135deg,#14171F,#2A2F3D);box-shadow:0 14px 34px #14171f33;overflow:hidden;animation:up14 .35s ease both}
.hero14 h1{font-size:clamp(21px,4.6vw,28px);margin:2px 0}.hero14 p{margin:0;color:#C9CED8;font-size:13.5px}.hero14 small{color:#AEB5C2}
.hx14{flex:1;min-width:0}.me14{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.me14 .rg14>span{background:#14171F}
.snd14{position:absolute;top:12px;right:12px;cursor:pointer}.snd14 input{position:absolute;opacity:0}.snd14 span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff14;font-size:15px;filter:grayscale(1);opacity:.6;transition:.2s}.snd14 input:checked+span{filter:none;opacity:1}.snd14 input:focus-visible+span{outline:2px solid #fff}

/* check-in */
.ci14{gap:10px}.cx14{display:flex;align-items:center;gap:12px}.cx14>div{flex:1}.cx14 h3{font-size:18px}.cx14 h3 small{font-weight:500;color:var(--mut14);font-size:13px}.cx14 p{margin:2px 0 0;color:var(--mut14);font-size:13.5px}
.cx14 #wk14{color:var(--ink14);font-variant-numeric:tabular-nums}.late14{color:#B45309;font-weight:600}.sf14{font-size:12px;background:var(--soft14);padding:4px 10px;border-radius:99px}
.dn14 .em14.sm{font-size:34px}
.sl14{--k:0;position:relative;height:62px;border-radius:999px;background:linear-gradient(90deg,#E9F9EF,#D7F3E1);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;border:1.5px solid #BFE9CF}
.sl14.out{background:linear-gradient(90deg,#FFF4E0,#FDE7C2);border-color:#F4D79C}
html.dark .sl14{background:#12301F;border-color:#1F5135}html.dark .sl14.out{background:#3A2C10;border-color:#5C4718}
.fl14{position:absolute;inset:0 auto 0 0;width:62px;background:linear-gradient(90deg,#16A34A,#22C55E);border-radius:999px;opacity:.9}.sl14.out .fl14{background:linear-gradient(90deg,#D97706,#F59E0B)}
.sl14:not(.drag) .fl14,.sl14:not(.drag) .kn14{transition:transform .35s cubic-bezier(.2,.9,.3,1.2),width .35s cubic-bezier(.2,.9,.3,1.2)}
.lb14{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:15.5px;color:#166534;opacity:calc(1 - var(--k)*1.4);pointer-events:none;padding-left:40px;letter-spacing:.01em}.sl14.out .lb14{color:#92400E}html.dark .lb14{color:#86EFAC}html.dark .sl14.out .lb14{color:#FCD34D}
.sl14:not(.drag):not(.done) .lb14{background:linear-gradient(90deg,currentColor 40%,#fff9 50%,currentColor 60%) 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sh14 2.4s linear infinite}
@keyframes sh14{to{background-position:-250% 0}}
.kn14{position:absolute;top:4px;left:4px;width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:#16A34A;font-size:22px;font-weight:900;box-shadow:0 4px 14px #0002;cursor:grab;touch-action:none;z-index:1}.sl14.out .kn14{color:#D97706}.kn14:active{cursor:grabbing}
.sl14.done .lb14{opacity:1!important;color:#fff;-webkit-text-fill-color:#fff;animation:none;padding-left:0}.sl14.done .fl14{width:100%!important}.sl14.done .kn14{opacity:0}
.al14{border:0;background:none;color:var(--mut14);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;align-self:center;padding:2px 6px}

/* streak + week dots */
.st14{align-items:stretch}.fl15{display:flex;align-items:center;gap:12px}.fl15 b{font-size:30px;line-height:1}.fl15 small{display:block;color:var(--mut14)}
.fire14{font-size:38px;filter:grayscale(1);opacity:.4}.fire14.on{filter:none;opacity:1;animation:fl14 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes fl14{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}
.wd14{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wd14 span{display:flex;flex-direction:column;align-items:center;gap:4px}.wd14 i{width:100%;max-width:30px;aspect-ratio:1;border-radius:10px;background:var(--soft14)}.wd14 small{font-size:10.5px;color:var(--mut14)}
.wd14 .p i{background:#16A34A}.wd14 .l i{background:#F59E0B}.wd14 .h i{background:#3B82F6}.wd14 .a i{background:#EF4444}.wd14 .v i{background:#8B5CF6}.wd14 .o i{background:repeating-linear-gradient(45deg,var(--soft14),var(--soft14) 4px,var(--ln14) 4px,var(--ln14) 8px)}.wd14 .t i{border:2px dashed var(--g14);background:none}
.ms14{margin:0;font-size:13px;font-weight:600;color:var(--mut14)}

/* quick actions */
.qa14{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qb14{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);border-radius:16px;padding:12px;font:inherit;color:inherit;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;min-height:92px}
.qb14:hover{border-color:var(--g14);transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.qb14:active{transform:scale(.97)}.qb14 span{font-size:24px}.qb14 b{font-size:14.5px}.qb14 small{color:var(--mut14);font-size:12px}

/* leave balance */
.bal14{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.bl14{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px;border-radius:16px;background:var(--soft14)}.bl14>b{font-size:13.5px}.bl14 small{font-size:11.5px;color:var(--mut14)}
.bn14{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}

/* request list (swipe left to cancel) */
.rq15{display:flex;flex-direction:column;gap:8px;overflow:hidden}.rq16{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--soft14);transition:transform .25s,opacity .25s;touch-action:pan-y}
.rq16 b{font-size:14px;display:block}.rq16 small{color:var(--mut14);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.ic16{font-size:22px}
.rq16.no{background:#FEE2E2}html.dark .rq16.no{background:#3B1414}

/* calendar */
.cal14{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal14 .dh{font-style:normal;text-align:center;font-size:11px;font-weight:700;color:var(--mut14)}
.cal14 button{aspect-ratio:1;border:0;border-radius:12px;background:var(--soft14);color:var(--ink14);font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:transform .1s}.cal14 button:active{transform:scale(.92)}
.cal14 .p{background:#16A34A;color:#fff}.cal14 .l{background:#F59E0B;color:#fff}.cal14 .h{background:#3B82F6;color:#fff}.cal14 .a{background:#EF4444;color:#fff}.cal14 .v{background:#8B5CF6;color:#fff}.cal14 .o{background:transparent;color:var(--mut14);border:1px dashed var(--ln14)}.cal14 .fu{opacity:.45}.cal14 .td{box-shadow:0 0 0 2.5px var(--g14)}
.lg14{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--mut14)}.lg14 span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--soft14)}
.lg14 .p::before{background:#16A34A}.lg14 .l::before{background:#F59E0B}.lg14 .h::before{background:#3B82F6}.lg14 .a::before{background:#EF4444}.lg14 .v::before{background:#8B5CF6}.lg14 .o::before{border:1px dashed var(--mut14);background:none}

/* celebrations, holidays, work */
.cl14{display:flex;flex-direction:column;gap:8px}.cl14>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--soft14)}.cl14>div>div{flex:1}.cl14 b{display:block;font-size:14px}.cl14 small{color:var(--mut14);font-size:12px}.cl14 em{color:#B07D0A;font-style:normal;font-weight:800}
.cl14 .now{background:linear-gradient(90deg,#FFF7E0,#FDEFD0);animation:gl14 2.5s ease-in-out infinite}html.dark .cl14 .now{background:#3A2E12}@keyframes gl14{50%{box-shadow:0 0 0 3px #D4A01733}}
.hl14{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.hl14>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--soft14)}
.hl14 b{grid-row:1;font-size:22px;line-height:1}.hl14>div>span{grid-row:2;font-size:11px;font-weight:700;color:var(--mut14);text-transform:uppercase}.hl14 p{grid-row:1/3;grid-column:2;margin:0;font-weight:700;font-size:13.5px}.hl14 p small{display:block;color:var(--mut14);font-weight:500}
.wk15{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.wk15>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:16px;background:var(--soft14)}.wk15 span{font-size:20px}.wk15 b{font-size:24px;line-height:1.1}.wk15 small{color:var(--mut14);font-size:12px}
.tw15 .wk15>div{background:#ffffff12}.tw15 .wk15 small{color:#C9CED8}.tw15>div{width:100%}
.br14{display:flex;align-items:flex-end;gap:4px;height:90px}.br14>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.br14 i{width:100%;max-width:22px;border-radius:6px 6px 3px 3px;background:linear-gradient(#E9B949,#D4A017);min-height:3px;animation:gr14 .6s ease both;transform-origin:bottom}.br14 small{font-size:10px;color:var(--mut14)}
@keyframes gr14{from{transform:scaleY(0)}}

/* ============ forms ============ */
.f14{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:400}.f14.wide{grid-column:1/-1}.l14{font-size:13px;font-weight:700;color:var(--ink14)}.rq14{color:var(--bad14);font-style:normal}
.w14{position:relative;display:flex;align-items:center}
.in14{width:100%;min-height:50px;border:1.5px solid var(--ln14);border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;background:var(--sf14);color:var(--ink14);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
textarea.in14{min-height:76px;resize:vertical;line-height:1.45}select.in14{background-image:linear-gradient(45deg,transparent 50%,var(--mut14) 50%),linear-gradient(135deg,var(--mut14) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.in14:hover{border-color:#C9CED8}.in14:focus{outline:none;border-color:var(--g14);box-shadow:0 0 0 4px #D4A01726}.in14.hp{padding-left:34px}.in14.big{font-size:30px;font-weight:800;min-height:68px}
.pre14{position:absolute;left:14px;color:var(--mut14);font-weight:700;pointer-events:none}.in14.big+*,.amt14 .pre14{font-size:22px}
.h14{font-size:12px;color:var(--mut14)}.e14{font-size:12.5px;color:var(--bad14);font-weight:600;min-height:0}.e14:empty{display:none}
.f14.bad .in14{border-color:var(--bad14);box-shadow:0 0 0 4px #DC262618}.f14.good .in14{border-color:#86D19F}
.f14.good .w14::after{content:'✓';position:absolute;right:12px;color:var(--ok14);font-weight:900;pointer-events:none}.f14.good select.in14+*,.f14.good .w14:has(select)::after,.f14.good .w14:has(textarea)::after{content:none}
.shake{animation:sk14 .4s}@keyframes sk14{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.g14{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.g14.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.q14{margin:4px 0 -4px;font-weight:800;font-size:14px}.q14 small{font-weight:500;color:var(--mut14)}.sec14{margin:10px 0 0;font-size:14.5px}
.pl14{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start}.pl14>button{min-height:42px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:999px;padding:0 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s}
.pl14>button:hover{border-color:#C9CED8}.pl14>button.on{border-color:var(--ink14);background:var(--ink14);color:var(--sf14);box-shadow:0 4px 12px #14171f26}.pl14>button:active{transform:scale(.96)}
html.dark .pl14>button.on{background:var(--g14);border-color:var(--g14);color:#14171F}
.pl14.bg14>button{min-width:54px;padding:0 10px;font-weight:800}.pl14.big14>button{min-height:48px;padding:0 18px}.pl14[data-pills=off]>button{width:46px;padding:0}
.tg14{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px;min-height:40px}.tg14 input{position:absolute;opacity:0;width:1px;height:1px}
.sw14{width:46px;height:28px;border-radius:99px;background:var(--ln14);position:relative;flex:none;transition:background .2s}.sw14::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}
.tg14 input:checked+.sw14{background:var(--ok14)}.tg14 input:checked+.sw14::after{transform:translateX(18px)}.tg14 input:focus-visible+.sw14{outline:2px solid var(--g14);outline-offset:2px}.tg14.sm{font-size:12.5px;gap:6px}.tg14.sm .sw14{width:38px;height:22px}.tg14.sm .sw14::after{width:16px;height:16px}.tg14.sm input:checked+.sw14::after{transform:translateX(16px)}
.rn14{width:100%;accent-color:var(--g14);height:28px}
.sum14{padding:12px 14px;border-radius:14px;background:#FFF8E6;border:1px solid #F3E0A8;font-size:14px;min-height:20px}.sum14:empty{display:none}.sum14 .bad,.net14 .bad{color:var(--bad14);font-weight:700}html.dark .sum14{background:#2B2410;border-color:#4A3D17}
.lt14{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.lt14 button,.ct14 button{--c:#64748B;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid var(--ln14);background:var(--sf14);border-radius:16px;padding:12px;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:all .15s}
.lt14 button span{font-size:24px}.lt14 button b{font-size:14px}.lt14 button small{font-size:12px;color:var(--mut14)}.lt14 button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--sf14));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}.lt14 button.empty{opacity:.5}
.ct14{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.ct14 button{align-items:center;text-align:center;padding:10px 6px}.ct14 button span{font-size:24px}.ct14 button small{font-size:11.5px;font-weight:600}.ct14 button.on{border-color:var(--g14);background:#D4A01714;box-shadow:0 0 0 3px #D4A01733}
.amt14 .in14{text-align:left}.amt14 .pre14{font-size:26px;left:16px}.amt14 .in14.hp{padding-left:42px}
.bill14{display:block;cursor:pointer}.bz14{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;border:2px dashed var(--ln14);border-radius:18px;padding:14px;font-size:28px;color:var(--mut14);transition:all .15s;text-align:center}
.bz14 b{font-size:14px;color:var(--ink14)}.bz14 small{font-size:12px}.bill14:hover .bz14,.bill14.ov .bz14{border-color:var(--g14);background:#D4A0170d}.bill14.has .bz14{border-style:solid;border-color:#86D19F;background:#F0FDF4}html.dark .bill14.has .bz14{background:#10291A}
.bz14 img{max-height:140px;max-width:100%;border-radius:12px;box-shadow:var(--sh14)}.pdf14{display:grid;place-items:center;width:70px;height:86px;border-radius:10px;background:#DC2626;color:#fff;font-size:16px;font-weight:900}
.ph14{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ph14>div{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.ph14 small{color:var(--mut14);font-size:12.5px}
.pp14{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:12.5px;font-weight:700;color:#B07D0A}.pp14 .av14{transition:transform .15s}.pp14:hover .av14{transform:scale(1.04)}
.net14{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border-radius:16px;background:var(--soft14)}.net14:empty{display:none}.net14 span{color:var(--mut14);flex:1}.net14 b{font-size:22px}
.sv14{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--soft14);font-size:13px}.sv14 span{flex:1;word-break:break-all}
.pay14{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay14>div{padding:14px;border-radius:16px;background:var(--soft14);display:flex;flex-direction:column;gap:2px}.pay14 small{color:var(--mut14)}.pay14 b{font-size:18px}
.ps14{display:flex;flex-direction:column;gap:6px}.ps15{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--ln14);color:inherit;text-decoration:none}.ps15:hover{border-color:var(--g14)}.ps15 i{font-style:normal;color:var(--mut14);font-size:20px}

/* ============ sheet (bottom sheet on phones) ============ */
dialog.sh14{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--ink14);font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow:hidden;overflow:clip}
dialog.sh14::backdrop{background:#0b0d1266;backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}dialog.sh14.in::backdrop{opacity:1}
dialog.sh14>form{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:var(--sf14);border-radius:26px 26px 0 0;box-shadow:0 -12px 40px #0003;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.3,1)}
dialog.sh14.in>form{transform:none}
.hd14{display:flex;align-items:flex-start;gap:10px;padding:10px 18px 8px;position:relative;touch-action:none;cursor:grab}.gr14{position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:var(--ln14)}
.tt14{flex:1;padding-top:12px}.tt14 h2{margin:0;font-size:20px}.tt14 p{margin:2px 0 0;color:var(--mut14);font-size:13px}
.x14{margin-top:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--soft14);color:var(--ink14);font-size:15px;cursor:pointer;flex:none}.x14:hover{background:var(--ln14)}
.bd14{padding:6px 18px 16px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.bd14>*,.wzb14>section>*{flex-shrink:0}
.ft14{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ln14);background:var(--sf14)}.ft14 .go14{flex:1;min-width:150px}.fe14{flex-basis:100%;margin:0;color:var(--bad14);font-size:13.5px;font-weight:600;order:-1}.fe14:empty{display:none}
@media (min-width:760px){dialog.sh14>form{left:50%;top:50%;bottom:auto;width:min(560px,94vw);max-height:88vh;border-radius:24px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s,opacity .22s}dialog.sh14.wide>form{width:min(780px,94vw)}dialog.sh14.in>form{transform:translate(-50%,-50%);opacity:1}.gr14{display:none}.hd14{cursor:default}.ft14{border-radius:0 0 24px 24px}}
.ok14{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 10px}.ok14 h3{font-size:22px;margin:0}.ok14 p{margin:0;color:var(--mut14)}
.em14{font-size:64px;animation:pop14 .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop14{from{transform:scale(0) rotate(-20deg)}}
.wz14{margin:0}.wz14 span{cursor:pointer}.wzb14>section{display:flex;flex-direction:column;gap:12px;animation:in13 .25s ease}

/* ============ HR hub ============ */
.hh14{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hh14 h1{margin:0;font-size:clamp(24px,5vw,30px)}.hh14 p{margin:2px 0 0;color:var(--mut14)}
.tb14{display:flex;gap:4px;background:var(--soft14);padding:5px;border-radius:16px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:5}.tb14::-webkit-scrollbar{display:none}
.tb14 button{flex:1;min-width:max-content;height:42px;border:0;border-radius:12px;background:transparent;color:var(--mut14);font:inherit;font-weight:700;font-size:14px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s}
.tb14 button.on{background:var(--sf14);color:var(--ink14);box-shadow:0 2px 8px #0000001a}.tb14 em,.bd15{font-style:normal;background:var(--bad14);color:#fff;font-size:11.5px;font-weight:800;padding:1px 7px;border-radius:99px;animation:pop14 .4s both}
.kp14{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kq14{--c:#14171F;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:18px;background:var(--sf14);border:1px solid var(--ln14);box-shadow:var(--sh14);position:relative;overflow:hidden;animation:up14 .35s ease both}
.kq14::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--c)}.kq14 span{font-size:20px}.kq14 b{font-size:clamp(20px,4vw,28px);line-height:1.1;color:var(--c)}html.dark .kq14 b{filter:brightness(1.4)}.kq14 small{color:var(--mut14);font-weight:600}
.wh14{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.wh14 h4{margin:0 0 8px;font-size:13px;color:var(--mut14)}
.as14{display:flex;flex-wrap:wrap;gap:10px}.as14 button{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:inherit;font:inherit;width:56px}.as14 small{font-size:11.5px;font-weight:600;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as14 em{font-style:normal;font-size:10.5px;color:var(--mut14)}.as14 button:hover .av14{transform:translateY(-2px)}.as14 .av14{transition:transform .15s}.more14{align-self:center;font-weight:800;color:var(--mut14)}
.sw15{display:flex;flex-direction:column;gap:10px}
.rc14{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--sf14);border:1.5px solid var(--ln14);touch-action:pan-y;transition:transform .3s,opacity .3s,border-color .15s,background .15s;user-select:none;-webkit-user-select:none}
.rb14{display:flex;flex-direction:column;gap:3px;min-width:0}.rb14>b{font-size:15px}.rb14 span{font-size:13.5px}.rb14 small{color:var(--mut14);font-size:12.5px}.lf14{color:#B45309!important;font-weight:600}.ok15{color:var(--ok14);font-weight:700}
.ra14{display:flex;gap:8px}.ra14 button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ln14);background:var(--sf14);font-size:18px;font-weight:900;cursor:pointer;transition:all .15s}.ra14 .yes14{background:#16A34A;border-color:#16A34A;color:#fff;box-shadow:0 6px 14px #16A34A40}.ra14 .no14{color:var(--bad14)}.ra14 button:hover{transform:scale(1.08)}.ra14 button:active{transform:scale(.92)}
.sy14,.sn14{position:absolute;top:50%;transform:translateY(-50%);font-weight:900;font-size:15px;opacity:0;transition:opacity .15s;pointer-events:none;padding:6px 12px;border-radius:10px}.sy14{left:14px;color:#fff;background:#16A34A}.sn14{right:14px;color:#fff;background:var(--bad14)}
.rc14.yes{border-color:#16A34A;background:#F0FDF4}.rc14.yes .sy14{opacity:1}.rc14.no{border-color:var(--bad14);background:#FEF2F2}.rc14.no .sn14{opacity:1}html.dark .rc14.yes{background:#10291A}html.dark .rc14.no{background:#2E1212}
.rc14.fly{transform:translateX(110%) rotate(6deg);opacity:0}
.ic14{display:flex;flex-direction:column;gap:6px}.ic14 button{display:grid;grid-template-columns:1fr 110px;gap:4px 10px;align-items:center;text-align:left;border:0;background:var(--soft14);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer}.ic14 button span{font-weight:700;font-size:14px}.ic14 small{grid-column:1/-1;color:var(--mut14);font-size:12px}
.dp14{display:flex;flex-direction:column;gap:8px}.dp14>div{display:grid;grid-template-columns:minmax(90px,160px) 1fr 30px;gap:10px;align-items:center;font-size:13.5px}.dp14 b{text-align:right}
.tl14{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dep14{flex:1;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.dep14>button{flex:none}
.se14{display:flex;align-items:center;gap:8px;height:50px;border-radius:16px;background:var(--sf14);border:1.5px solid var(--ln14);padding:0 14px;flex:1 1 100%}.se14:focus-within{border-color:var(--g14);box-shadow:0 0 0 4px #D4A01726}.se14 input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:inherit;min-width:0}
.pg14{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:10px}
.pc14{display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center;text-align:left;border:1px solid var(--ln14);background:var(--sf14);border-radius:18px;padding:14px;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--sh14);transition:transform .15s,border-color .15s;animation:up14 .3s ease both}
.pc14:hover{transform:translateY(-2px);border-color:var(--g14)}.pc14:active{transform:scale(.98)}.pc14 b{display:block;font-size:15px}.pc14 small{display:block;color:var(--mut14);font-size:12.5px}.pm14{font-size:11.5px;color:var(--mut14)}
.ev14{display:flex;align-items:center;gap:14px}.ev14 h3{margin:0;font-size:17px}.ev14 p{margin:2px 0 4px;color:var(--mut14);font-size:13.5px}.ev14 small{display:block;font-size:12.5px}
.kv14{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.kv14>div{padding:10px 12px;border-radius:12px;background:var(--soft14);display:flex;flex-direction:column;gap:2px;min-width:0}.kv14 small{color:var(--mut14);font-size:12px}.kv14 b{font-size:14px;word-break:break-word}.kv14 a{color:inherit}
.hs14{display:flex;flex-direction:column}.hs14>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ln14)}.hs14>div:last-child{border:0}.hs14 b{display:block;font-size:14px}.hs14 small{color:var(--mut14);font-size:12px}
.mo14 b{min-width:150px;text-align:center;font-size:16px}.mo14 .lk14:not(.sm){font-size:22px;width:42px;height:42px;justify-content:center;background:var(--soft14)}.mo14 .go14{margin-left:auto}
.tw14{overflow:auto;border:1px solid var(--ln14);border-radius:18px;background:var(--sf14);max-height:70vh;box-shadow:var(--sh14)}
.at14{border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:100%}.at14 th,.at14 td{padding:0;text-align:center;border-bottom:1px solid var(--ln14);height:38px;min-width:32px}
.at14 thead th{position:sticky;top:0;background:var(--sf14);z-index:2;font-weight:700;font-size:12px}.at14 thead th small{display:block;font-size:9.5px;color:var(--mut14);font-weight:600}.at14 thead th.o{color:var(--mut14)}
.at14 tbody th{position:sticky;left:0;background:var(--sf14);z-index:1;text-align:left;padding:0 10px;min-width:150px;border-right:1px solid var(--ln14)}.at14 tbody th button{border:0;background:none;font:inherit;font-weight:700;color:inherit;display:flex;align-items:center;gap:8px;cursor:pointer;padding:0}
.at14 thead th:first-child{left:0;z-index:3;text-align:left;padding:0 10px}
.at14 td{cursor:pointer;font-weight:800;transition:background .1s}.at14 td:hover{background:var(--soft14)}.at14 td.p{color:#15803D;background:#16A34A14}.at14 td.l{color:#B45309;background:#F59E0B1c}.at14 td.h{color:#1D4ED8;background:#3B82F61a}.at14 td.a{color:#B91C1C;background:#EF44441a}.at14 td.v{color:#6D28D9;background:#8B5CF61a}.at14 td.o{color:var(--mut14);background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--soft14) 4px,var(--soft14) 8px)}.at14 td.td{box-shadow:inset 0 0 0 2px var(--g14)}.at14 .tot{font-size:14px;cursor:default;background:var(--soft14)}
.ltx14{display:flex;flex-direction:column;gap:8px}.ltx14>div{display:grid;grid-template-columns:64px minmax(110px,1fr) 64px auto auto;gap:6px;align-items:center}.ltx14 .in14{min-height:42px;padding:8px 10px;font-size:14px;border-radius:10px;min-width:0}.ltx14 .lc14{text-transform:uppercase;font-weight:800;letter-spacing:0;text-align:center}
.hlx14{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.hlx14>div{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--soft14)}.hlx14 b{font-size:15px}.hlx14 small{grid-row:2;color:var(--mut14);font-size:11.5px}.hlx14 span{grid-row:1/3;grid-column:2;font-weight:600;font-size:13.5px}.hlx14 button{grid-row:1/3;grid-column:3}
.ha14{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:end}
.sv15{position:sticky;bottom:12px;display:flex;justify-content:flex-end;z-index:4}.sv15 .go14{box-shadow:0 10px 30px #D4A01766}
.pr14{display:flex;flex-direction:column;gap:6px}.pr14>div{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--soft14);transition:opacity .2s}.pr14>div.pd{opacity:.72}.pr14 b{display:block}.pr14 small{color:var(--mut14);font-size:12px}.nm14{text-align:right}.nm14 b{font-size:17px}
.pf14{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}.pf14 .card14{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.pf14 small{color:var(--mut14);display:block;font-size:12px}.pt14{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.pt14 span{background:var(--soft14);padding:5px 10px;border-radius:99px;font-size:12.5px}
.p14 .hh14 .pl14{flex-wrap:nowrap}

/* phones */
@media (max-width:640px){
  .kp14{grid-template-columns:repeat(2,1fr)}.hero14{padding:16px;border-radius:20px}.card14{padding:14px;border-radius:18px}
  .rc14{grid-template-columns:auto 1fr}.ra14{grid-column:1/-1;justify-content:stretch}.ra14 button{flex:1;border-radius:14px;height:44px}
  .pr14>div{grid-template-columns:auto 1fr;}.pr14 .nm14{grid-column:2;text-align:left}.pr14>div>a,.pr14>div>button,.pr14>div>.ch14{grid-column:span 1;justify-self:start}
  .hs14>div{grid-template-columns:auto 1fr auto}.hs14>div>button{grid-column:2}
  .ltx14>div{grid-template-columns:62px 1fr 58px;}.ltx14 .tg14,.ltx14 [data-trm]{grid-row:2}.ha14{grid-template-columns:1fr}.mo14 b{min-width:0;flex:1}.mo14 .go14{margin-left:0;width:100%}
  .qa14{grid-template-columns:1fr 1fr}.pay14{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.p14 *,dialog.sh14 *,dialog.sh14>form{animation:none!important;transition:none!important}}

/* v14 · care refunds, made order IDs, pickup sheets */
.mk15{display:flex;align-items:flex-start;gap:8px;font-weight:600;font-size:13.5px;margin:4px 0}.mk15 small{display:block;font-weight:500;color:var(--mut14,#5B6475)}
.pq15{margin:8px 0 6px;font-weight:800;font-size:14px}
.pp15,.bm15{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.pp15 button,.bm15 button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);color:inherit;border-radius:16px;padding:12px 14px;font:inherit;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}
.pp15 button:hover,.bm15 button:hover{transform:translateY(-1px);border-color:#D4A017}.pp15 span,.bm15 span{font-size:24px}.pp15 b,.bm15 b{font-size:14.5px}.pp15 small,.bm15 small{font-size:12px;color:#6B7280}
.pp15 button.on,.bm15 button.on{border-color:#16A34A;background:#F0FDF4;box-shadow:0 0 0 3px #16A34A2e}
.rf15{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;border:1.5px solid}.rf15>span{font-size:28px;line-height:1}.rf15 b{display:block;font-size:15px}.rf15 small{color:#4B5263;font-size:13px}
.rf15.pp{background:#EFF6FF;border-color:#BFDBFE}.rf15.cod{background:#FFF7E6;border-color:#F3D79A}
.bv15{display:flex;gap:6px;flex-wrap:wrap}.ra15{font-size:20px;font-weight:800;height:52px}
.rf10{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:#EFF6FF;color:#1E3A8A;font-size:13.5px}
.ps15{margin-left:auto;height:34px;border:0;border-radius:10px;background:#14171F;color:#fff;font:inherit;font-weight:700;font-size:13px;padding:0 12px;cursor:pointer;white-space:nowrap}.ps15:disabled{opacity:.6;cursor:wait}
.tk15b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.tk15b small{flex-basis:100%}
.tk15c{display:grid;place-items:center;width:36px;height:36px;flex:none;cursor:pointer}.tk15c input{width:20px;height:20px;accent-color:#16A34A;cursor:pointer}.tk15c input:disabled{cursor:not-allowed;opacity:.35}
html.dark .pp15 button,html.dark .bm15 button{background:#171A21;border-color:#2A2F3A}html.dark .pp15 button.on,html.dark .bm15 button.on{background:#10291A}
html.dark .rf15.pp{background:#0F1E36;border-color:#1E3A6A}html.dark .rf15.cod{background:#2B2410;border-color:#4A3D17}html.dark .rf15 small{color:#A3AAB8}html.dark .rf10{background:#0F1E36;color:#BFDBFE}html.dark .ps15{background:#D4A017;color:#14171F}
@media (max-width:520px){.pp15,.bm15{grid-template-columns:1fr}}
/* bank form: account match + IFSC check */
.if16{display:flex;gap:6px}.if16 .inp{flex:1;text-transform:uppercase}.bkm16,.bki16{font-size:12.5px;font-weight:600;min-height:1em}.bkm16.ok,.bki16.ok{color:#15803D}.bkm16.no,.bki16.no{color:#B91C1C}
.bm15.b3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.bm15.b3{grid-template-columns:1fr}}

/* v15.css */
/* v15: Schedule orders */
.sq15{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink14);padding-bottom:24px}
.sk15{display:flex;flex-direction:column;gap:10px;padding-top:70px}.sk15 i{height:74px;border-radius:18px;background:linear-gradient(90deg,var(--soft14) 25%,var(--ln14) 50%,var(--soft14) 75%) 0/300% 100%;animation:sk15 1.2s linear infinite}@keyframes sk15{to{background-position:-300% 0}}
.hd15{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hd15 h1{margin:0;font-size:clamp(24px,5vw,30px);letter-spacing:-.01em}.hd15 p{margin:2px 0 0;color:var(--mut14)}
.cn15{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:99px;background:var(--soft14);color:var(--mut14)}.cn15.on{background:#DCFCE7;color:#166534}html.dark .cn15.on{background:#12301F;color:#86EFAC}
.st15{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.st15 button{--c:#14171F;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:16px;padding:10px 12px;font:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:var(--sh14)}
.st15 button:hover{transform:translateY(-1px)}.st15 button b{font-size:22px;color:var(--c);line-height:1.1}.st15 button span{font-size:12px;font-weight:700;color:var(--mut14)}html.dark .st15 button b{filter:brightness(1.5)}
.st15 button.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}.st15 em{position:absolute;top:8px;right:8px;font-style:normal;font-size:11px;font-weight:800;background:#FEF3C7;color:#92400E;border-radius:99px;padding:1px 7px}
.fb15{position:sticky;top:0;z-index:6;display:flex;flex-direction:column;gap:8px;padding:10px;margin:0 -10px;background:color-mix(in srgb,var(--bg14,#F5F6F8) 88%,transparent);backdrop-filter:blur(10px)}
.dt15{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;align-items:center}.dt15::-webkit-scrollbar{display:none}
.dt15>button{flex:none;height:36px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:99px;padding:0 14px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer}.dt15>button.on{background:var(--ink14);color:var(--sf14);border-color:var(--ink14)}
html.dark .dt15>button.on{background:var(--g14);border-color:var(--g14);color:#14171F}
.cr15{display:flex;align-items:center;gap:6px;flex:none}.cr15 .in14{min-height:36px;padding:4px 10px;font-size:14px;width:auto}.cr15 i{font-style:normal;color:var(--mut14)}
.tl15{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.se14.sm{height:42px;flex:1 1 240px;border-radius:12px}.se14.sm input{font-size:15px}
.sg15{display:flex;background:var(--soft14);border-radius:12px;padding:3px}.sg15 button{height:36px;border:0;background:none;font:inherit;font-weight:700;font-size:13px;color:var(--mut14);padding:0 12px;border-radius:9px;cursor:pointer}.sg15 button.on{background:var(--sf14);color:var(--ink14);box-shadow:0 1px 4px #0000001a}
.so15{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--mut14)}.so15 .in14{min-height:42px;padding:6px 34px 6px 10px;font-size:14px;width:auto;border-radius:12px}
.fl16{height:42px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:12px;font:inherit;font-weight:700;font-size:13.5px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.fl16.on{border-color:var(--g14);background:#D4A01714}.fl16 em{font-style:normal;background:var(--g14);color:#14171F;border-radius:99px;padding:0 7px;font-size:12px}
.uf15{min-height:42px}
.rl15{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ru15{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:99px;padding:5px 8px 5px 11px;font:inherit;font-size:12.5px;cursor:pointer}.ru15 i{font-style:normal;opacity:.6;margin-left:2px}
.ru15.in{background:#DCFCE7;color:#166534}.ru15.ex{background:#FEE2E2;color:#991B1B}html.dark .ru15.in{background:#12301F;color:#86EFAC}html.dark .ru15.ex{background:#3B1414;color:#FCA5A5}
.sm15{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--mut14)}.sm15 b{color:var(--ink14)}.u15{color:#B45309!important}
.pk15{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pk15 button{border:0;background:var(--soft14);color:var(--ink14);border-radius:99px;padding:5px 11px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer}.pk15 button:hover{background:var(--ln14)}
.ol15{display:flex;flex-direction:column;gap:8px;transition:opacity .15s}.ol15.ld{opacity:.45;pointer-events:none}
.oq15{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--sf14);border:1.5px solid var(--ln14);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:transform .25s,opacity .25s,border-color .12s,background .12s,box-shadow .12s;content-visibility:auto;contain-intrinsic-size:auto 86px}
.oq15:hover{border-color:#C9CED8}.oq15:focus-visible{outline:2px solid var(--g14);outline-offset:2px}
.oq15.urg{border-left:5px solid #F59E0B;padding-left:10px}.oq15.sel{border-color:#2563EB;background:#EFF6FF;box-shadow:0 0 0 3px #2563EB22}html.dark .oq15.sel{background:#0F1E36}
.ck15{width:24px;height:24px;border-radius:8px;border:2px solid var(--ln14);display:grid;place-items:center;transition:all .12s;flex:none}.oq15.sel .ck15{background:#2563EB;border-color:#2563EB}.oq15.sel .ck15::after{content:'✓';color:#fff;font-weight:900;font-size:14px}
.om15{display:flex;flex-direction:column;gap:2px;min-width:0}.om15 b{font-size:15px}.om15>span{font-size:13.5px}.om15 small{color:var(--mut14);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ub15{font-style:normal;font-size:11.5px;font-weight:800;background:#FEF3C7;color:#92400E;border-radius:99px;padding:1px 8px;margin-left:4px}
.hr15,.wy15{font-style:normal;font-size:12px;font-weight:600;border-radius:8px;padding:3px 8px;align-self:flex-start;margin-top:2px}.hr15{background:#F1F5F9;color:#334155}.wy15{background:#FEF2F2;color:#991B1B}html.dark .hr15{background:#1E222B;color:#CBD5E1}html.dark .wy15{background:#2E1212;color:#FCA5A5}
.tg15{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tg15 i{font-style:normal;font-size:11px;font-weight:700;background:#EDE9FE;color:#5B21B6;border-radius:6px;padding:1px 6px}html.dark .tg15 i{background:#2A2046;color:#C4B5FD}
.or15{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.or15 b{font-size:16px}.or15 small{font-size:11.5px;color:var(--mut14)}
.oq15.yes{border-color:#F59E0B;background:#FFFBEB}.oq15.yes .sy14{opacity:1;background:#F59E0B}.oq15.no{border-color:#64748B;background:#F1F5F9}.oq15.no .sn14{opacity:1;background:#64748B}
html.dark .oq15.yes{background:#2B2410}html.dark .oq15.no{background:#1E222B}
.gs15{text-align:center}
.ab15{position:sticky;bottom:14px;z-index:40;display:none;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:20px;background:var(--sf14);border:1px solid var(--ln14);box-shadow:0 18px 50px #0000002e}
.ab15.on{display:flex;animation:ab15 .28s cubic-bezier(.2,.9,.3,1.2)}@keyframes ab15{from{transform:translateY(30px);opacity:0}}.bi15{display:flex;flex-direction:column;line-height:1.25;min-width:110px}.bi15 span{font-size:12px;color:var(--mut14)}
.bb15{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center}.bb15 .bk14.sm{height:40px;padding:0 12px;font-size:13.5px;border-radius:12px}.bb15 .x14{margin:0}
.fx15{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto}.fi15{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;cursor:pointer;transition:all .12s}
.fi15 i{width:24px;height:24px;border-radius:7px;border:2px solid var(--ln14);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px}.fi15 em{font-style:normal;font-size:12px;font-weight:700;color:var(--mut14);background:var(--soft14);border-radius:99px;padding:1px 8px}
.fi15.in{border-color:#16A34A;background:#F0FDF4}.fi15.in i{background:#16A34A;border-color:#16A34A;color:#fff}.fi15.ex{border-color:#DC2626;background:#FEF2F2}.fi15.ex i{background:#DC2626;border-color:#DC2626;color:#fff}.fi15.ex span{text-decoration:line-through;opacity:.8}
html.dark .fi15.in{background:#10291A}html.dark .fi15.ex{background:#2E1212}
.tb14.sm{position:static}.tb14.sm button{height:38px;font-size:13px}
.hl15{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.hl15 button{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:14px;padding:12px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}.hl15 button span{font-size:22px}.hl15 button.on{border-color:#64748B;background:#F1F5F9;box-shadow:0 0 0 3px #64748B26}html.dark .hl15 button.on{background:#1E222B}
.cp15{font-family:ui-monospace,Menlo,monospace;font-size:14px;min-height:140px}
.mb15{border-top:1px solid var(--ln14);padding-top:6px}
.pr15{height:6px;border-radius:9px;background:var(--soft14);overflow:hidden}.pr15 i{display:block;height:100%;width:40%;border-radius:9px;background:linear-gradient(90deg,#D4A017,#16A34A);animation:pr15 1.1s ease-in-out infinite}@keyframes pr15{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.rs15{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow:auto}.rs15 li{display:flex;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px}.rs15 li.g{background:#F0FDF4}.rs15 li.r{background:#FEF2F2}.rs15 span{color:var(--mut14)}html.dark .rs15 li.g{background:#10291A}html.dark .rs15 li.r{background:#2E1212}
@media (max-width:760px){
  .st15{grid-template-columns:repeat(3,minmax(0,1fr))}.st15 button b{font-size:19px}
  .oq15{grid-template-columns:auto 1fr;gap:4px 10px}.or15{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;text-align:left}
  .ab15{bottom:calc(80px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;padding:10px;gap:8px}.bb15{justify-content:stretch;gap:6px}.bb15>button:not(.x14){flex:1 1 30%;height:38px!important;font-size:12.5px!important;padding:0 8px!important}.bb15 .go14.sm{min-width:100%}
  .bb15 .x14{position:absolute;top:6px;right:6px;width:30px;height:30px;font-size:13px}.bi15{flex-direction:row;gap:8px;align-items:baseline;padding-right:34px}
  .so15 span{display:none}.sg15{flex:1}.sg15 button{flex:1}
}
@media (prefers-reduced-motion:reduce){.sq15 *,.ab15{animation:none!important;transition:none!important}}
/* selection + one-click copy */
.ma15{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;color:var(--mut14)}.ma15 input{position:absolute;opacity:0;width:1px;height:1px}
.ma15 input:checked+.ck15{background:#2563EB;border-color:#2563EB}.ma15 input:checked+.ck15::after{content:'✓';color:#fff;font-weight:900;font-size:14px}
.ma15 input:indeterminate+.ck15{background:#2563EB;border-color:#2563EB}.ma15 input:indeterminate+.ck15::after{content:'–';color:#fff;font-weight:900;font-size:16px;line-height:1}
.ma15 input:focus-visible+.ck15{outline:2px solid var(--g14);outline-offset:2px}
.pk15 .ca15{background:var(--ink14);color:var(--sf14)}.pk15 .ca15:hover{background:var(--ink14);opacity:.9}html.dark .pk15 .ca15{background:var(--g14);color:#14171F}
.cg15{display:inline-flex;align-items:stretch}.cg15 .go14{border-radius:12px 0 0 12px}.cf15{border:0;border-left:1px solid #0000001f;background:var(--g14);border-radius:0 12px 12px 0;padding:0 10px;cursor:pointer;font-size:14px;box-shadow:0 6px 16px #D4A01740}
.go14.done15,.ca15.done15{background:#16A34A!important;color:#fff!important;box-shadow:0 6px 16px #16A34A40}
.mo15{height:46px;border:1.5px dashed var(--ln14);background:transparent;color:var(--mut14);border-radius:14px;font:inherit;font-weight:700;cursor:pointer}.mo15:hover{border-color:var(--g14);color:var(--ink14)}
@media (max-width:760px){.cg15{flex:1 1 100%}.cg15 .go14{flex:1}}
.sx15{display:contents}.mx15{display:none!important}
@media (max-width:1180px){.mx15{display:inline-flex!important}.sx15{display:none}.sx15.on{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;justify-content:flex-end}}
@media (max-width:760px){.sx15.on{justify-content:stretch}.sx15.on>button{flex:1 1 30%;height:38px;font-size:12.5px;padding:0 8px}}
@media (max-width:760px){.cg15 .go14.sm{min-width:0!important;flex:1}.cg15 .cf15{flex:none;width:44px}.fb15{position:static;margin:0;padding:0;background:none;backdrop-filter:none}}

/* v16.css */
/* v16: Label Studio + Print files */
.ls16{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink14);padding-bottom:30px}
.zz16{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dz16{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:170px;padding:18px;border:2px dashed var(--ln14);border-radius:20px;background:var(--sf14);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.dz16:hover,.dz16.ov{border-color:var(--g14);background:#D4A0170d}.dz16.ov{transform:scale(1.01)}.dz16.has{border-style:solid;border-color:#86D19F;background:#F0FDF4;align-items:stretch;text-align:left}html.dark .dz16.has{background:#10291A}
.di16{font-size:34px;line-height:1}.dz16.has .di16{font-size:24px}.dz16 b{font-size:15.5px}.dz16 b small{font-weight:500;color:var(--mut14)}.dz16>small{color:var(--mut14);font-size:12.5px}.dh16{margin-top:6px;font-size:12.5px;font-weight:700;color:#B07D0A}
.dz16 ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.dz16 li{display:flex;align-items:center;gap:8px;background:var(--sf14);border:1px solid var(--ln14);border-radius:10px;padding:6px 8px;font-size:13px}.dz16 li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz16 li em{font-style:normal;color:var(--mut14);font-size:12px}.x14.sm{width:26px;height:26px;margin:0;font-size:11px}
.op16{gap:14px}.og16{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.sw16{display:flex;flex-direction:column;gap:4px}.sw16 small{display:block;color:var(--mut14);font-size:12px;font-weight:500}
.big16{height:60px;font-size:17px;border-radius:18px;width:100%}.big16:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.sp16{width:18px;height:18px;border:3px solid #14171F44;border-top-color:#14171F;border-radius:50%;animation:sp .8s linear infinite;display:inline-block}
.pb16{height:10px;border-radius:9px;background:var(--soft14);overflow:hidden;margin-top:4px}.pb16 i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#D4A017,#16A34A);transition:width .5s ease}
.rz16{gap:12px;animation:up14 .35s ease both}.rh16{display:flex;align-items:center;gap:12px}.rh16 h3{font-size:19px}.rh16 p{margin:2px 0 0;color:var(--mut14)}
.ch16{display:flex;flex-wrap:wrap;gap:6px}.ac16{display:flex;gap:8px;flex-wrap:wrap}.ac16 a{text-decoration:none}.ac16 .bk14{display:inline-flex;align-items:center}
.gr16{background:#16A34A;color:#fff;box-shadow:0 6px 16px #16A34A40}.gr16:disabled{background:#86D19F;cursor:default;transform:none}
.tb16{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.tb16 th,.tb16 td{padding:9px 10px;border-bottom:1px solid var(--ln14);text-align:left;white-space:nowrap}.tb16 th{position:sticky;top:0;background:var(--sf14);font-size:12px;color:var(--mut14)}
.tb16 td:nth-child(6),.tb16 td:nth-child(9){white-space:normal;min-width:160px}.tb16 tr.w16 td{background:#FFFBEB}html.dark .tb16 tr.w16 td{background:#2B2410}.cd16{color:#C2410C}
.dg16{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}.df16 fieldset{border:0;border-top:1px solid var(--ln14);margin:0;padding:12px 0 4px;display:flex;flex-direction:column;gap:10px}.df16 fieldset:first-child{border-top:0;padding-top:0}.df16 legend{font-weight:800;font-size:14.5px;padding:0 0 6px}
.lg16{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lg16 .bk14{display:inline-flex;align-items:center;cursor:pointer}
.pv16{position:sticky;top:12px;display:flex;flex-direction:column;gap:8px}.pf16{background:var(--sf14);border:1px solid var(--ln14);border-radius:18px;padding:10px;box-shadow:var(--sh14)}.pf16 iframe{width:100%;aspect-ratio:2/3;border:0;border-radius:10px;background:#fff;display:block}
.bl16{display:flex;flex-direction:column;gap:10px}.bt16{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--sf14);border:1px solid var(--ln14);box-shadow:var(--sh14)}
.bt16.sent{border-color:#93C5FD;box-shadow:0 0 0 3px #2563EB18}.bn16{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px;border-radius:14px;background:var(--soft14)}.bn16 b{font-size:18px}.bn16 small{font-size:11px;color:var(--mut14);text-align:center}
.bm16{display:flex;flex-direction:column;gap:4px;min-width:0}.bm16 small{color:var(--mut14);font-size:12.5px}.ba16{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ba16 a{text-decoration:none;display:inline-flex;align-items:center}
.nw16,.nf16{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(90deg,#EFF6FF,#DBEAFE);border:1px solid #93C5FD;color:#1E3A8A}.nw16 small,.nf16 small{display:block;color:#1E40AF}
html.dark .nw16,html.dark .nf16{background:#0F1E36;border-color:#1E3A6A;color:#BFDBFE}html.dark .nw16 small,html.dark .nf16 small{color:#93C5FD}
.nf16{text-decoration:none;margin-bottom:12px;animation:up14 .35s ease both}.nf16>span{font-size:28px}.nf16>div{flex:1}.nf16 em{font-style:normal;font-weight:800}
@media (max-width:900px){.dg16{grid-template-columns:1fr}.pv16{position:static;order:-1}.pf16 iframe{max-height:60vh}}
@media (max-width:640px){.zz16{grid-template-columns:1fr}.og16{grid-template-columns:1fr}.bt16{grid-template-columns:auto 1fr}.ba16{grid-column:1/-1;justify-content:stretch}.ba16>*{flex:1;justify-content:center}}

/* v17.css */
/* v17: the dispatch flow — five steps */
.fs17{display:flex;align-items:stretch;gap:0;margin:0 auto 14px;max-width:min(1180px,100%);width:100%;min-width:0;box-sizing:border-box;padding:10px;border-radius:20px;background:var(--sf14,#fff);border:1px solid var(--ln14,#E6E8EC);box-shadow:var(--sh14);overflow-x:auto;scrollbar-width:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;animation:up14 .3s ease both}
.fs17::-webkit-scrollbar{display:none}
.st17{flex:1 1 0;min-width:124px;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:14px;color:var(--ink14,#14171F)!important;text-decoration:none;transition:background .15s,transform .12s}
.st17:hover{background:var(--soft14,#F1F3F6)}.st17:active{transform:scale(.98)}
.nb17{position:relative;flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--soft14,#F1F3F6);color:var(--mut14,#5B6475);transition:all .2s}
.nb17 i{position:absolute;top:-6px;right:-6px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;background:var(--sf14,#fff);color:var(--mut14,#5B6475);box-shadow:0 0 0 1.5px var(--ln14,#E6E8EC)}
.tx17{display:flex;flex-direction:column;min-width:0;line-height:1.25}.tx17 b{font-size:14px}.tx17 small{font-size:11.5px;color:var(--mut14,#5B6475)}
.tx17 em{font-style:normal;font-size:11.5px;font-weight:600;color:#1D4ED8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx17 em strong{font-size:13px}.tx17 em.z{color:var(--mut14,#5B6475);font-weight:500}
.ln17{flex:0 0 10px;align-self:center;height:2px;background:repeating-linear-gradient(90deg,var(--ln14,#E6E8EC) 0 5px,transparent 5px 9px)}
.st17.team .nb17{background:#D4A01722;color:#8A6508}
.st17.on{background:linear-gradient(135deg,#14171F,#2A2F3D);color:#fff!important;box-shadow:0 8px 20px #14171f33}.st17.on .tx17 small{color:#C9CED8}.st17.on .tx17 em{color:#FCD34D}.st17.on .tx17 em.z{color:#C9CED8}
.st17.on .nb17{background:var(--g14,#D4A017);color:#14171F}.st17.on .nb17 i{background:#14171F;color:#fff;box-shadow:0 0 0 1.5px #D4A017}
html.dark .st17.on{background:linear-gradient(135deg,#D4A017,#B8860B);color:#14171F!important}html.dark .st17.on .tx17 small,html.dark .st17.on .tx17 em{color:#2A2F3D}html.dark .st17.on .nb17{background:#14171F;color:#D4A017}html.dark .tx17 em{color:#93C5FD}
@media (max-width:760px){.fs17{padding:6px;border-radius:16px;margin-bottom:10px}.st17{min-width:118px;padding:8px;gap:8px}.nb17{width:34px;height:34px;border-radius:11px}.nb17 svg{width:17px;height:17px}.tx17 small{display:none}.tx17 b{font-size:13px}.ln17{flex-basis:8px}}
@media (prefers-reduced-motion:reduce){.fs17{animation:none}}
@media (max-width:1280px){.tx17 small{display:none}}
@media (max-width:1100px){.tx17 em{white-space:normal;overflow:visible}.st17{min-width:112px}.tx17 b{white-space:nowrap}}