.admin{background:var(--bg);min-height:100vh;padding-bottom:4rem}[hidden]{display:none!important}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:60;background:var(--surface);padding:.6rem 1rem;border-radius:999px;box-shadow:var(--shadow)}.gate{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:50;padding:1.5rem}.gate-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.4rem 2rem;text-align:center;max-width:26rem}.gate-logo{width:72px;height:72px;border-radius:50%;margin:0 auto .7rem}.gate-card h1{font-size:1.6rem;margin-bottom:.5rem}.gate-card p{color:var(--ink-soft);margin-bottom:1.2rem}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar-in{max-width:var(--maxw);margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.05rem}.brand-mark{width:26px;height:26px;border-radius:50%;flex:0 0 auto}.brand small{display:block;color:var(--ink-soft);font-size:.78rem;font-weight:500}.topbar-right{display:flex;gap:.5rem;flex-wrap:wrap}.tabs{max-width:var(--maxw);margin:1.1rem auto 0;padding:0 1.25rem;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:.7rem 1.1rem;border-radius:999px;display:inline-flex;align-items:center;gap:.45rem}.tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pill{background:#fff;color:var(--primary-ink);border-radius:999px;padding:0 .45rem;font-size:.78rem;min-width:1.35rem;text-align:center}.tab:not(.is-active) .pill{background:var(--primary);color:#fff}.wrap-admin{max-width:var(--maxw);margin:0 auto;padding:1.4rem 1.25rem 0}.panel{display:none}.panel.is-active{display:block}.stack{display:grid;gap:.85rem}.sec-h{font-size:1.15rem;margin:1.8rem 0 .8rem}.hint{color:var(--ink-soft);font-size:.92rem;margin-bottom:1rem}.btn{font:inherit;font-weight:700;cursor:pointer;border-radius:999px;padding:.65rem 1.15rem;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.2;min-height:44px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-deep)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--primary)}.btn-lg{padding:.95rem 1.6rem;font-size:1.05rem}.btn-block{width:100%;margin:1rem 0 0}.btn-danger{background:#fff;border-color:#f0b6b6;color:#b4474b}.hero-card{background:linear-gradient(145deg,var(--bg-alt),var(--surface));border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.8rem;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--primary-ink);font-weight:800}.big{font-size:clamp(3rem,12vw,4.5rem);font-weight:800;line-height:1;color:var(--primary-ink);margin:.3rem 0 .1rem}.big-sub{color:var(--ink-soft);margin-bottom:1.2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.8rem;margin-top:1.1rem}.stat{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.95rem 1rem}.stat-label{font-size:.8rem;color:var(--ink-soft)}.stat-value{font-size:1.5rem;font-weight:800}.card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}.card-head{display:flex;gap:.8rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.card-title{font-weight:800;font-size:1.05rem}.card-sub{color:var(--ink-soft);font-size:.88rem}.amount{font-weight:800;font-size:1.15rem;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.22rem .7rem;font-size:.8rem;font-weight:800;border:1px solid transparent}.badge-new{background:#fff0f6;color:var(--primary-ink);border-color:var(--line-strong)}.badge-packed{background:#f4efff;color:#6b4fae;border-color:#ddd0f7}.badge-shipped{background:#eafaf3;color:#2e7d5b;border-color:#bfe9d6}.badge-done{background:#f2f2f2;color:#6d6d6d;border-color:#e2e2e2}.order-body{margin-top:.9rem;border-top:1px dashed var(--line-strong);padding-top:.9rem}.kv{display:grid;grid-template-columns:7.5rem 1fr;gap:.35rem .8rem;font-size:.94rem}.kv dt{color:var(--ink-soft)}.items{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.3rem;font-size:.94rem}.items li{display:flex;justify-content:space-between;gap:1rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.field{display:grid;gap:.3rem;margin-top:.9rem}.field>span{font-size:.85rem;font-weight:700;color:var(--ink-soft)}input[type=text],input[type=search],input[type=number],textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.6rem .8rem;width:100%}input:focus-visible,textarea:focus-visible,.btn:focus-visible,.tab:focus-visible,.chip:focus-visible{outline:3px solid var(--lav);outline-offset:2px}textarea{min-height:4.5rem;resize:vertical}.filters{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1.1rem}.chip{font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:.45rem .9rem;min-height:44px}.chip.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.tools{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:.9rem}.search{flex:1 1 16rem}.checkline{display:inline-flex;align-items:center;gap:.45rem;font-size:.92rem;cursor:pointer}.checkline input{width:1.15rem;height:1.15rem}.prod{display:grid;grid-template-columns:4rem 1fr;gap:.9rem;align-items:start}.prod-thumb{width:4rem;height:4rem;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-alt);border:1px solid var(--line)}.prod-controls{display:flex;gap:.9rem;flex-wrap:wrap;align-items:flex-end;margin-top:.7rem}.toggle{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.92rem;cursor:pointer;background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:999px;padding:.45rem .85rem;min-height:44px}.toggle input{width:1.1rem;height:1.1rem}.mini{width:7.5rem}.mini-label{font-size:.78rem;font-weight:700;color:var(--ink-soft);display:block;margin-bottom:.2rem}.muted-row{opacity:.55}.add-card{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);padding:1.3rem 1.4rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}.add-h{font-size:1.2rem;margin-bottom:.4rem}.add-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem}select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.6rem .8rem;width:100%;min-height:44px}input[type=file]{font:inherit;font-size:.92rem;padding:.5rem 0}.thumbs{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.7rem}.thumb{position:relative;width:5rem;height:5rem}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line-strong)}.thumb button{position:absolute;top:-.45rem;right:-.45rem;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-weight:800;line-height:1;cursor:pointer}.thumb.is-busy img{opacity:.4}.alert-bad{background:#fdecec;border-color:#f0b6b6;color:#a03c40}.badge-custom{background:#eef3ff;color:#3f5aa6;border-color:#cfdcfb}.empty{text-align:center;color:var(--ink-soft);padding:2.6rem 1rem;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius)}.alert{border-radius:var(--radius-sm);padding:.85rem 1rem;margin-bottom:1rem;font-size:.94rem;border:1px solid}.alert-warn{background:#fff8e8;border-color:#f3dda6;color:#7a5c14}.help-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.2rem 1.35rem;margin-bottom:.9rem}.help-card h2{font-size:1.1rem;margin-bottom:.5rem}.help-card ol{margin:.6rem 0 0 1.1rem;display:grid;gap:.35rem}.log-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.9rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.log-when{color:var(--ink-soft);white-space:nowrap}.toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);background:var(--ink);color:#fff;padding:.75rem 1.3rem;border-radius:999px;font-weight:700;box-shadow:var(--shadow);z-index:40;max-width:calc(100vw - 2rem)}.toast.is-bad{background:#b4474b}@media(max-width:560px){.kv{grid-template-columns:1fr;gap:.15rem}.kv dt{margin-top:.4rem}.prod{grid-template-columns:3rem 1fr}.prod-thumb{width:3rem;height:3rem}}