:root{--brand:#e11d25;--brand-dark:#b3121a;--brand-soft:#fdecec;--ink:#121317;--ink-2:#1d1f25;--bg:#f4f4f6;--surface:#ffffff;--surface-2:#f7f7f9;--text:#16181d;--muted:#6b7079;--border:#e6e6ea;--danger:#d92d20;--ok:#15803d;--ok-soft:#e7f6ec;--warn-soft:#fff4e5;--radius:16px;--radius-sm:12px;--shadow:0 1px 2px rgba(18,19,23,0.04),0 6px 18px rgba(18,19,23,0.06);--nav-h:68px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shop{min-height:100vh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 24px)}.shop-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.shop-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--surface);box-shadow:0 1px 0 var(--border)}.shop-header-row{gap:12px;padding:10px 0}.shop-header-row,.shop-logo{display:flex;align-items:center}.shop-logo{gap:8px;flex-shrink:0}.shop-logo img{width:42px;height:42px;object-fit:contain}.shop-logo-text{display:none;line-height:1.05}.shop-logo-text strong{display:block;font-size:17px;font-weight:800;color:var(--brand);letter-spacing:-.01em}.shop-logo-text span{font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.search-field{flex:1 1;min-width:0;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:0 14px;height:44px;color:var(--muted)}.search-field input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;font-size:14px;color:var(--text);height:100%}.search-field:focus-within{border-color:var(--brand);background:var(--surface)}.header-actions{display:none;align-items:center;gap:4px}.header-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-weight:600;font-size:13px;color:var(--ink-2);position:relative}.header-link:hover{background:var(--surface-2)}.header-link.active{color:var(--brand)}.branch-bar{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;margin:0 0 10px}.branch-bar .pin{color:var(--brand);flex-shrink:0}.branch-bar label{display:block;font-size:11px;color:var(--muted)}.branch-bar select{border:0;background:transparent;font-weight:700;font-size:14px;color:var(--text);padding:0;max-width:100%;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.branch-bar .select-wrap{display:flex;align-items:center;gap:4px;min-width:0}.branch-bar .select-wrap select{min-width:0;text-overflow:ellipsis}.branch-bar .meta{font-size:11px;color:var(--muted);margin-left:auto;text-align:right}@media (min-width:900px){.shop{padding-bottom:48px}.shop-logo-text{display:block}.header-actions{display:flex}.branch-bar{margin-top:0}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);border-radius:22px 22px 0 0;padding-bottom:var(--safe-bottom);box-shadow:0 -6px 24px rgba(0,0,0,.18)}.bottom-nav-inner{max-width:560px;margin:0 auto;height:var(--nav-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#c9cbd1;font-size:11px;font-weight:600;height:100%}.bottom-nav a.active{color:#ff4d55}.bottom-nav .cart-fab{position:relative;justify-self:center;width:64px;height:64px;margin-top:-30px;border-radius:50%;background:var(--brand);color:#fff;border:5px solid var(--bg);box-shadow:0 8px 20px rgba(225,29,37,.45);display:flex;align-items:center;justify-content:center}.bottom-nav .cart-fab.active{background:var(--brand-dark);color:#fff}.count-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:var(--brand);font-size:12px;font-weight:800;line-height:22px;text-align:center;box-shadow:0 0 0 2px var(--brand)}.header-link .count-badge{position:static;margin-left:2px;background:var(--brand);color:#fff;box-shadow:none}@media (min-width:900px){.bottom-nav{display:none}}.card{border:1px solid var(--border);padding:14px}.card,.panel{background:var(--surface);border-radius:var(--radius)}.panel{box-shadow:var(--shadow)}.panel,.section{padding:16px}.section h2{font-size:16px;margin:0 0 12px}.page-title{display:flex;align-items:center;gap:10px;padding:14px 0 10px}.page-title h1{font-size:19px;margin:0;font-weight:800}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-2);flex-shrink:0}.icon-btn:hover{background:var(--surface-2)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--border);font-size:14px;background:var(--surface);color:var(--text);font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field input:disabled{background:var(--surface-2);color:var(--muted)}.field .hint{font-size:11px;color:var(--muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:12px;border:1px solid transparent;background:var(--brand);color:#fff;font-weight:700;font-size:14px;cursor:pointer;text-align:center}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.secondary:hover:not(:disabled){background:var(--surface-2)}.btn.dark{background:var(--ink)}.btn.dark:hover:not(:disabled){background:#000}.btn.ghost{background:transparent;color:var(--brand);border-color:var(--brand)}.btn.ghost:hover:not(:disabled){background:var(--brand-soft)}.btn.sm{padding:8px 12px;font-size:13px;border-radius:10px;width:auto}.btn.lg{padding:15px 18px;font-size:15px;border-radius:14px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;color:var(--ink-2)}.chip:hover{border-color:#cfd0d6}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.chip:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.badge.tersedia{background:var(--ok-soft);color:var(--ok)}.badge.habis{background:#f1f1f3;color:var(--muted)}.badge.cond{background:var(--ink);color:#fff}.badge.brand{background:var(--brand-soft);color:var(--brand)}.price{font-weight:800;color:var(--brand);font-size:15px}.notice{font-size:12.5px;padding:10px 12px;border-radius:12px;background:var(--warn-soft);color:#8a5a00;margin-bottom:12px;display:flex;gap:8px;align-items:flex-start}.notice.ok{background:var(--ok-soft);color:var(--ok)}.notice.info{background:#eef4ff;color:#1d4ed8}.error{font-size:12.5px;color:var(--danger);margin-top:8px}.empty-state{text-align:center;padding:40px 16px;color:var(--muted)}.empty-state .glyph{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.skeleton{background:linear-gradient(90deg,#ececf0 25%,#f5f5f7 50%,#ececf0 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position:-200% 0}}.home-block{margin-top:18px}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.block-head h2{font-size:17px;font-weight:800;margin:0}.block-head a{color:var(--brand);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.banner-carousel{position:relative;margin-top:12px}.banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px;scrollbar-width:none;background:var(--ink)}.banner-track::-webkit-scrollbar{display:none}.banner-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:16/7;display:block}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.banner-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.banner-dots button{width:7px;height:7px;border-radius:999px;border:0;background:#d3d4da;padding:0;cursor:pointer;transition:width .2s}.banner-dots button.active{width:20px;background:var(--brand)}@media (min-width:900px){.banner-slide{aspect-ratio:3/1}}.quick-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px 6px;gap:12px 6px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 8px}.quick-item{flex-direction:column;gap:6px;text-align:center;font-size:11px;font-weight:600;color:var(--ink-2);min-width:0}.quick-icon,.quick-item{display:flex;align-items:center}.quick-icon{width:52px;height:52px;border-radius:50%;justify-content:center;background:var(--brand-soft);color:var(--brand);overflow:hidden}.quick-icon img{width:100%;height:100%;object-fit:cover}.quick-item span:last-child{line-height:1.2;overflow-wrap:normal;word-break:normal;max-width:100%;letter-spacing:-.01em}@media (min-width:900px){.quick-menu{grid-template-columns:repeat(8,minmax(0,1fr));padding:18px}}.category-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.category-row::-webkit-scrollbar{display:none}.category-tile{flex:0 0 96px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.category-tile .glyph{width:44px;height:44px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);display:flex;align-items:center;justify-content:center}.category-tile strong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.category-tile small{font-size:10.5px;color:var(--muted)}.category-tile:hover{border-color:var(--brand)}.product-row{display:grid;grid-auto-flow:column;grid-auto-columns:46%;grid-gap:10px;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.product-row::-webkit-scrollbar{display:none}.product-row>*{scroll-snap-align:start}@media (min-width:640px){.product-row{grid-auto-columns:31%}}@media (min-width:900px){.product-row{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (min-width:640px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (min-width:900px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1100px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.flash-head{display:flex;align-items:center;gap:8px}.flash-head .timer{background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.p-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;min-width:0}.gallery-slide,.p-card-media{position:relative;display:block;width:100%;min-width:0;min-height:0;aspect-ratio:1/1;overflow:hidden;background:#fff}.p-card-media{flex-shrink:0}.gallery-slide>.no-photo,.gallery-slide>img,.p-card-media>.no-photo,.p-card-media>img{position:absolute;inset:0;display:block;width:100%;height:100%}.gallery-slide>img,.p-card-media>img{object-fit:contain;object-position:center;padding:8px;box-sizing:border-box}.gallery-slide>.no-photo,.p-card-media>.no-photo{display:flex}.p-card-media .badge{position:absolute;top:8px;left:8px}.no-photo{width:100%;height:100%;align-items:center;justify-content:center;color:#b6b8bf;font-size:10.5px;background:linear-gradient(160deg,#f7f7f9,#eeeef2)}.no-photo,.p-card-body{display:flex;flex-direction:column;gap:4px}.p-card-body{padding:10px 10px 12px;flex:1 1}.p-card-body h3{font-size:13px;font-weight:600;margin:0;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.p-card-body .meta{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-card-body .price{font-size:14.5px}.p-card-body .stock{font-size:11px;font-weight:600}.p-card-body .stock.ok{color:var(--ok)}.p-card-body .stock.out{color:var(--muted)}.p-card-action{margin-top:auto;padding-top:6px}.p-card-action .btn{padding:9px 8px;font-size:12.5px;border-radius:10px}.list-toolbar{display:flex;flex-direction:column;gap:10px;padding:12px 0}.list-toolbar .row{display:flex;gap:8px;align-items:center}.list-toolbar select{padding:9px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:13px}.pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px 0}.pager .btn{width:auto}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;padding-top:10px}@media (min-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}}.gallery{min-width:0;position:relative;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.gallery-track{display:flex;align-items:flex-start;width:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;scroll-snap-align:start}.gallery-slide>img{padding:16px}.gallery-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.gallery-dots{display:flex;justify-content:center;gap:6px;padding:10px 0}.gallery-dots span{width:7px;height:7px;border-radius:999px;background:#d3d4da}.gallery-dots span.active{width:18px;background:var(--brand)}.gallery-caption{font-size:11.5px;color:var(--muted);padding:0 14px 12px;text-align:center}.detail-info h1{font-size:21px;margin:0;font-weight:800;line-height:1.25}.detail-info .sub{color:var(--muted);font-size:13px;margin-top:4px}.detail-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 6px;flex-wrap:wrap}.detail-price .price{font-size:24px}.option-group{margin-top:16px}.option-group h3{font-size:13px;margin:0 0 8px;font-weight:700}.unit-list{display:grid;grid-gap:8px;gap:8px}.unit-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;width:100%}.unit-card.active{border-color:var(--brand);background:var(--brand-soft)}.unit-card:disabled{opacity:.5;cursor:not-allowed}.unit-card .thumb{width:52px;height:52px;border-radius:10px;background:var(--surface-2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#b6b8bf}.unit-card .thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:4px;box-sizing:border-box;background:#fff}.spec-list{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:13px}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0}.cart-list{display:grid;grid-gap:10px;gap:10px}.cart-item{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.cart-item .thumb{width:72px;height:72px;border-radius:12px;background:var(--surface-2);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#b6b8bf}.cart-item .thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:4px;box-sizing:border-box;background:#fff}.cart-item .info{flex:1 1;min-width:0}.cart-item .name{font-size:13.5px;font-weight:700;line-height:1.3}.cart-item .variant{font-size:12px;color:var(--muted);margin-top:2px}.check{width:22px;height:22px;border-radius:7px;border:1.8px solid #c4c6cc;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;color:#fff;padding:0;margin-top:2px}.check.on{background:var(--brand);border-color:var(--brand)}.qty{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.qty,.qty button{align-items:center}.qty button{width:32px;height:32px;border:0;background:var(--surface);cursor:pointer;display:flex;justify-content:center}.qty button:disabled{color:#c4c6cc;cursor:not-allowed}.qty span{min-width:30px;text-align:center;font-weight:700;font-size:13px}.cart-item-foot{justify-content:space-between;margin-top:8px;gap:8px}.cart-item-foot,.checkout-bar{display:flex;align-items:center}.checkout-bar{position:-webkit-sticky;position:sticky;bottom:calc(var(--nav-h) + var(--safe-bottom) + 10px);z-index:20;margin-top:14px;background:var(--surface);border-radius:16px;box-shadow:0 8px 28px rgba(18,19,23,.14);padding:12px;gap:12px}.checkout-bar .total{margin-left:auto;text-align:right}.checkout-bar .total small{display:block;font-size:11px;color:var(--muted)}.checkout-bar .btn{width:auto;min-width:130px}@media (min-width:900px){.checkout-bar{bottom:16px}}.summary-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;gap:12px}.summary-row.total{font-weight:800;font-size:16px;border-top:1px dashed var(--border);margin-top:8px;padding-top:10px}.form-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px}.form-card h2{font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.form-card h2 .num{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.checkout-layout{display:grid;grid-gap:0;gap:0}@media (min-width:900px){.checkout-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}}.success-hero{text-align:center;padding:28px 16px 8px}.success-hero .check-circle{width:84px;height:84px;border-radius:50%;background:#22a34a;color:#fff;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(34,163,74,.35)}.success-hero h1{font-size:22px;margin:0 0 6px;font-weight:800}.timeline-step{display:flex;gap:10px;padding:8px 0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);margin-top:5px;flex-shrink:0}.account-head{display:flex;gap:12px;align-items:center;background:var(--ink);color:#fff;border-radius:var(--radius);padding:16px}.account-head .avatar{width:52px;height:52px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0}.staff-shell{min-height:100vh;display:flex;background:var(--bg)}.staff-sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:16px 0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translateX(-100%);transition:transform .2s ease;z-index:30}.staff-sidebar.open{transform:translateX(0)}@media (min-width:900px){.staff-sidebar{position:-webkit-sticky;position:sticky;transform:none;height:100vh}}.staff-sidebar-header{padding:0 16px 16px;border-bottom:1px solid var(--border);margin-bottom:8px}.staff-sidebar-header .name{font-weight:700;font-size:14px}.staff-sidebar-header .meta{font-size:11px;color:var(--muted);margin-top:2px}.staff-nav-group{padding:8px 16px 2px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:8px}.staff-nav-link{display:block;padding:10px 16px;font-size:13px;color:var(--text);border-left:3px solid transparent}.staff-nav-link.active{background:var(--brand-soft);border-left-color:var(--brand);color:var(--brand-dark);font-weight:600}.staff-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20}@media (min-width:900px){.staff-backdrop{display:none}}.staff-main{flex:1 1;min-width:0}.staff-topbar{top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:12px}.staff-topbar h1{font-size:15px;margin:0;flex:1 1;min-width:0;overflow-wrap:break-word}.staff-hamburger{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:16px;cursor:pointer;flex-shrink:0}@media (min-width:900px){.staff-hamburger{display:none}}.staff-content{padding:16px;max-width:1100px}.staff-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.staff-table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px}.staff-table td,.staff-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.staff-table th{font-size:11px;text-transform:uppercase;color:var(--muted);background:#fafafb}.staff-table tr:last-child td{border-bottom:none}.staff-row-link{cursor:pointer}.staff-row-link:hover{background:#fbf6f6}.staff-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}.staff-toolbar .btn,.staff-toolbar input,.staff-toolbar select{width:auto}.staff-btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.staff-btn-row .btn{width:auto;flex:1 1 auto;min-width:120px}.staff-toast{position:fixed;top:14px;right:14px;left:14px;max-width:380px;margin-left:auto;z-index:50;padding:12px 16px;border-radius:10px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.staff-toast.success{background:var(--ok-soft);color:var(--ok)}.staff-toast.error{background:#fdecea;color:var(--danger)}.staff-grid-2{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:700px){.staff-grid-2{grid-template-columns:1fr 1fr}}.staff-pill{display:inline-block;font-size:11px;padding:3px 10px;border-radius:999px;background:#f1f1f3;color:var(--text);margin:2px 4px 2px 0;border:1px solid var(--border)}.staff-pill.on{background:var(--ok-soft);color:var(--ok);border-color:transparent}.staff-pill.warn{background:var(--warn-soft);color:#8a5a00;border-color:transparent}.staff-pill.off{background:#f1f1f3;color:var(--muted)}.staff-checkbox-grid{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:10px}@media (min-width:600px){.staff-checkbox-grid{grid-template-columns:1fr 1fr}}.staff-checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px}.staff-channel-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border:2px solid var(--border);border-radius:12px;cursor:pointer;background:#fafafa}.staff-channel-toggle.on{border-color:#1f9d55;background:#edf8f1}.staff-channel-toggle input{width:22px!important;height:22px;flex-shrink:0;accent-color:#1f9d55;cursor:pointer;margin:0}.staff-channel-toggle strong{display:block;font-size:14px}.staff-channel-toggle small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.staff-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.staff-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#eee}.staff-tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto}.staff-list-item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.staff-list-item:last-child{border-bottom:0}.staff-banner-preview{width:160px;aspect-ratio:16/7;border-radius:10px;object-fit:cover;background:#eee;flex-shrink:0}.staff-form-grid{display:grid;grid-template-columns:1fr;grid-gap:0 12px;gap:0 12px}@media (min-width:700px){.staff-form-grid{grid-template-columns:1fr 1fr}}.staff-icon-grid{display:flex;flex-wrap:wrap;gap:6px}.staff-icon-grid button{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.staff-icon-grid button.active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.pl-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.pl-filters input,.pl-filters select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px}.pl-search{grid-column:1/-1}@media (min-width:900px){.pl-search{grid-column:span 2}}.pl-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}.pl-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pl-table td,.pl-table th{padding:10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}.pl-table th{font-size:11px;text-transform:uppercase;color:var(--muted);background:#fafafb}.pl-table tr:last-child td{border-bottom:none}.pl-table .col-thumb{width:64px}.pl-table .col-cat{width:14%}.pl-table .col-status{width:17%}.pl-table .col-stock{width:11%}.pl-table .col-action{width:116px}.pl-card.pl-focus,.pl-table tr.pl-focus td{background:#fff6e0;transition:background .6s}.pl-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#f1f1f3;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;text-align:center}.pl-name{font-weight:700;color:var(--text);line-height:1.35;display:block}.pl-name:hover{color:var(--brand);text-decoration:underline}.pl-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.pl-cards{display:none}@media (max-width:759px){.pl-table{display:none}.pl-cards{display:grid;grid-gap:10px;gap:10px}}.pl-card{display:grid;grid-template-columns:56px 1fr;grid-gap:10px;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.pl-card .pl-thumb{width:56px;height:56px}.pl-card .btn{margin-top:8px;width:100%}.pl-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:16px 0;font-size:13px}.pl-pager .btn{width:auto}.pe-section{margin-bottom:16px}.pe-section h3{margin-top:0}.pe-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.pe-photo{border:1px solid var(--border);border-radius:10px;padding:6px;background:var(--surface);font-size:11px}.pe-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#f1f1f3;display:block}.pe-photo .row{display:flex;gap:4px;margin-top:6px}.pe-photo .row .btn{flex:1 1;min-width:0;padding:6px 4px;font-size:12px}.pe-savebar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;background:var(--surface);border-top:1px solid var(--border);padding:10px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pe-savebar .btn{width:auto}.pe-stock{width:100%;border-collapse:collapse;font-size:12px}.pe-stock td,.pe-stock th{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left}.pe-stock-wrap{overflow-x:auto}.badge.promo{background:var(--brand);color:#fff}.p-card-media .badge.p-card-save{top:auto;bottom:8px;left:8px}.price-was{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:1px}.promo-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:0 0 6px}.promo-line s{font-size:13px}.promo-form-products{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:6px}.promo-form-products label{display:flex;gap:8px;align-items:flex-start;font-size:12px;padding:4px 2px}.promo-preview{width:100%;border-collapse:collapse;font-size:12px}.promo-preview td,.promo-preview th{padding:5px 6px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.variant-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:20px;padding:16px 0;border:0;border-top:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;color:inherit}.variant-summary small{display:block;margin-top:6px;color:var(--muted)}.variant-summary>span:last-child{font-size:12px;white-space:nowrap;color:var(--brand)}.product-purchase-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;background:var(--surface);border-top:1px solid var(--border);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #00000008}.product-purchase-inner{max-width:1100px;margin:auto;display:flex;align-items:center;gap:10px}.product-purchase-inner .btn{flex:1 1;min-height:46px;font-size:13px;padding:10px}.purchase-cart-link{display:flex;align-items:center;flex-direction:column;gap:3px;padding:0 8px}.purchase-cart-link small{font-size:10px}.purchase-sheet{border:0;border-radius:22px 22px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));width:100%;max-width:560px;max-height:88dvh;margin:auto auto 0;background:var(--surface);color:var(--ink);overflow:auto;box-shadow:0 -8px 50px #0002}.purchase-sheet::-webkit-backdrop{background:#07101e88}.purchase-sheet::backdrop{background:#07101e88}.purchase-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.purchase-sheet-header h2{font-size:17px;margin:0}.purchase-preview{display:flex;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--border)}.purchase-preview>.no-photo,.purchase-preview>img{width:84px;height:84px;aspect-ratio:1/1;object-fit:contain;object-position:center;background:#fff;border-radius:12px;flex-shrink:0}.purchase-preview>img{display:block;padding:4px;box-sizing:border-box}.purchase-preview>div:not(.no-photo){min-width:0}.purchase-preview strong{font-size:14px}.purchase-preview .price{font-size:22px;margin:8px 0}.purchase-hint,.purchase-preview small{font-size:12px;color:var(--muted)}.purchase-quantity{display:flex;justify-content:space-between;align-items:center;padding:18px 0 8px;border-top:1px solid var(--border);margin-top:18px}.purchase-quantity>div{display:flex;align-items:center;gap:18px}.purchase-quantity output{min-width:20px;text-align:center}.purchase-confirm{width:100%;margin-top:16px;position:-webkit-sticky;position:sticky;bottom:0}@media(min-width:900px){.purchase-sheet{margin:auto;border-radius:22px}.product-purchase-inner .btn{flex:0 1 270px}.product-purchase-inner{justify-content:flex-end}}@media(max-width:380px){.product-purchase-inner{gap:6px}.product-purchase-inner .btn{font-size:11px}.purchase-sheet{padding:16px}}.shop.shop-product-detail{padding-bottom:calc(90px + env(safe-area-inset-bottom, 0px))}.staff-shell{--staff-ink:#17212f;--staff-muted:#667386;--staff-line:#e6eaf0;background:#f5f6f9;color:var(--staff-ink)}.staff-shell *{box-sizing:border-box}.staff-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid #dc173d;outline-offset:3px}.staff-shell button:disabled{cursor:not-allowed;opacity:.55}.staff-sidebar{width:256px;display:flex;flex-direction:column;padding:0;border-color:var(--staff-line);visibility:hidden;box-shadow:8px 0 30px #17212f0a}.staff-sidebar.open{visibility:visible}.staff-brand{display:flex;align-items:center;gap:11px;min-height:88px;padding:20px 20px 16px}.staff-brand-mark{display:grid;place-items:center;flex:0 0 39px;height:39px;background:#ed1935;border-radius:12px;color:#fff;font-size:17px;font-weight:900;letter-spacing:-1px;box-shadow:0 5px 10px #ed19351a}.staff-brand strong{display:block;font-size:15px;letter-spacing:-.3px}.staff-brand span:not(.staff-brand-mark){display:block;margin-top:4px;font-size:8px;font-weight:700;letter-spacing:1.55px;color:var(--staff-muted)}.staff-menu-close{display:inline-flex;border:0;background:transparent;padding:6px;margin-left:auto;cursor:pointer;color:var(--staff-muted)}.staff-menu-search{display:flex;align-items:center;gap:8px;margin:0 16px 9px;padding:0 11px;background:#f5f6f9;border:1px solid var(--staff-line);border-radius:9px;color:#7f8a9a}.staff-menu-search input{width:100%;min-width:0;padding:10px 0;font-size:12px;border:0;background:transparent;box-shadow:none}.staff-navigation{flex:1 1;padding:0 12px 18px}.staff-nav-group{font-size:9px;font-weight:700;letter-spacing:1px;padding:17px 12px 7px;margin:0;color:#8993a2}.staff-nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:9px;color:#536072;font-size:12px;font-weight:500;margin:2px 0;min-height:40px;transition:background .15s ease,color .15s ease}.staff-nav-link svg{flex-shrink:0}.staff-nav-link:hover{background:#f5f6f9}.staff-nav-link.active{background:#fff0f2;color:#cf1533;font-weight:700}.staff-nav-dot{width:5px;height:5px;background:currentColor;margin-left:auto;border-radius:50%;flex-shrink:0}.staff-menu-empty{color:var(--staff-muted);font-size:12px;padding:10px}.staff-sidebar-footer{margin:auto 16px 0;padding:16px 0;border-top:1px solid var(--staff-line)}.staff-person{display:flex;align-items:center;gap:10px;min-width:0}.staff-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f4e9ec;color:#a94c60;font-size:13px;font-weight:700;flex-shrink:0}.staff-person strong{display:block;font-size:12px;overflow-wrap:anywhere}.staff-person div span{display:block;font-size:9px;color:var(--staff-muted);margin-top:3px}.staff-logout{width:100%;border:1px solid var(--staff-line);background:#fff;border-radius:8px;color:#687487;padding:8px;margin-top:12px;font-size:11px;cursor:pointer}.staff-topbar{min-height:86px;padding:16px 30px;border-color:var(--staff-line);background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:16px}.staff-page-heading{flex:1 1;min-width:0}.staff-page-heading>span{display:block;font-size:10px;color:#7a8597;margin-bottom:5px}.staff-topbar h1{font-size:19px;font-weight:750;letter-spacing:-.45px}.staff-branch-label{color:#657183;background:#f7f8fa;padding:8px 10px;border:1px solid var(--staff-line);border-radius:7px}.staff-branch-label,.staff-store-link{display:flex;align-items:center;gap:7px;font-size:11px}.staff-store-link{color:#435166;padding:8px}.staff-hamburger{display:grid;place-items:center;background:white}.staff-content{width:100%;max-width:1440px;margin:0 auto;padding:28px 30px 52px;min-width:0}.staff-content>*,.staff-grid-2>*{min-width:0}.staff-shell .card{border:1px solid var(--staff-line);border-radius:14px;padding:22px;box-shadow:0 2px 4px #17212f03}.staff-shell .card h3{margin-top:0;font-size:15px}.staff-shell .card h4{font-size:13px}.staff-shell .field label{color:#566277;font-size:12px;font-weight:500}.staff-shell .field input,.staff-shell .field select,.staff-shell .field textarea{font-size:13px;border-radius:9px}.staff-shell .btn{border-radius:9px;font-size:12px;min-height:41px;font-weight:650}.staff-shell .btn.secondary{background:#fff;border-color:#dce2eb;color:#354358}.staff-shell .staff-table td,.staff-shell .staff-table th{white-space:normal;overflow-wrap:anywhere;line-height:1.55}.staff-shell .staff-table th{padding-top:13px;padding-bottom:13px;letter-spacing:.5px;background:#f8f9fb}.staff-shell .staff-table td{padding-top:14px;padding-bottom:14px}.staff-shell .notice{font-size:12px;line-height:1.65}.staff-shell .summary-row{font-size:12px;gap:12px}.staff-shell .summary-row span:last-child{text-align:right}.staff-loading{min-height:100vh;display:grid;place-items:center;color:#667386;background:#f5f6f9}.staff-skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:#fff;z-index:100;border-radius:8px}.staff-skip-link:focus{top:12px}.staff-page-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.staff-eyebrow{display:block;color:#cc1836;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:8px}.staff-page-intro h2{margin:0 0 8px;font-size:24px;letter-spacing:-.7px;line-height:1.2}.staff-page-intro p{margin:0;color:var(--staff-muted);font-size:12px;line-height:1.6}.staff-refresh{width:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.staff-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.staff-metric{text-align:left;color:var(--staff-ink);border:1px solid var(--staff-line);border-radius:12px;background:#fff;padding:17px 18px;cursor:pointer;box-shadow:0 2px 4px #17212f03;transition:box-shadow .15s ease}.staff-metric.selected{border-color:#efacb7;box-shadow:0 0 0 2px #ed193509}.staff-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#687487}.staff-metric-top svg{color:#9aa5b4;flex-shrink:0}.staff-metric>strong{display:block;margin:12px 0 5px;font-size:30px;line-height:1;letter-spacing:-1px;font-weight:750}.staff-metric small{font-size:10px;color:#8993a2}.staff-metric.needs-attention>strong{color:#c77813}.staff-queue-panel{background:#fff;border:1px solid var(--staff-line);border-radius:14px;box-shadow:0 3px 9px #17212f03;overflow:hidden}.staff-queue-toolbar{display:flex;align-items:flex-end;gap:12px;padding:20px 22px 14px}.staff-order-search{display:flex;align-items:center;flex:1 1;min-width:150px;gap:9px;border:1px solid #dfe4ec;border-radius:9px;padding:0 12px;color:#8b95a3;height:41px}.staff-order-search input{min-width:0;width:100%;font-size:12px;border:0;padding:8px 0;background:transparent;box-shadow:none}.staff-queue-select>span{display:block;font-size:10px;color:#7a8597;margin-bottom:7px}.staff-queue-select select{font-size:11px;padding:10px;border-radius:8px;max-width:230px;min-height:41px}.staff-queue-meta{display:flex;justify-content:space-between;gap:10px;padding:0 22px 17px;font-size:10px;color:#8993a2}.staff-text-button{display:inline;color:#cb1735;border:0;background:transparent;font-size:10px;margin-left:10px;padding:0;cursor:pointer}.staff-order-list-head,.staff-order-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.15fr) minmax(95px,.65fr) 64px;align-items:center;grid-gap:16px;gap:16px;padding:19px 22px}.staff-order-list-head{font-size:9px;text-transform:uppercase;letter-spacing:.75px;color:#8290a3;background:#f8f9fb;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #edf0f5}.staff-order-list-head,.staff-order-row+.staff-order-row{border-top:1px solid #edf0f5}.staff-order-row:hover{background:#fefcfc}.staff-order-person,.staff-order-state,.staff-order-total{min-width:0}.staff-order-person>*{display:block}.staff-order-number{font-size:12px;font-weight:750;color:#d41836;overflow-wrap:anywhere;margin-bottom:7px}.staff-order-person>strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.staff-order-person>span{color:#687487;font-size:11px;margin:4px 0}.staff-order-person>small{font-size:9px;color:#8993a2;line-height:1.55}.staff-status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:600;line-height:1.4;background:#f0f3f8;color:#58677e}.staff-status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.staff-status-badge.warning{background:#fff5e4;color:#94630f}.staff-status-badge.danger{background:#fff0f1;color:#c44256}.staff-status-badge.info{background:#eef3ff;color:#476aac}.staff-status-badge.success{background:#eaf8f0;color:#2f8058}.staff-order-alerts{list-style:none;padding:0;margin:9px 0 0}.staff-order-alerts li{font-size:10px;line-height:1.8;color:#b07920}.staff-order-alerts li:before{content:"· ";font-weight:700}.staff-order-muted{display:block;color:#8993a2;font-size:10px;margin-top:8px}.staff-order-total strong{display:block;font-size:13px;letter-spacing:-.2px;overflow-wrap:anywhere}.staff-order-total small,.staff-order-total span{display:block;font-size:9px;color:#8993a2;margin-top:5px}.staff-order-open{display:flex;gap:5px;justify-content:center;align-items:center;border:1px solid #e4e8ef;border-radius:7px;font-size:11px;color:#526078;padding:8px;background:white}.staff-order-open:hover{border-color:#e8a5b1;color:#cf1533}.staff-state-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px;color:var(--staff-muted);font-size:12px}.staff-state-box svg{color:#b1bbc8}.staff-state-box h3{margin:16px 0 0;color:#344158;font-size:15px}.staff-state-box .btn{width:auto;margin-top:12px}.staff-detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.staff-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#637188;border:0;background:transparent;cursor:pointer;padding:0}.staff-next-step{display:flex;align-items:flex-start;gap:14px;background:#fff8ed;border:1px solid #f0dec3;border-radius:12px;padding:18px 20px;margin-bottom:20px;color:#865c24}.staff-next-step>svg{flex-shrink:0;margin-top:2px}.staff-next-step strong{display:block;font-size:13px}.staff-next-step p{font-size:12px;line-height:1.65;margin:6px 0 0}.staff-next-step a{display:inline-block;margin-top:8px;font-weight:650;font-size:12px;text-decoration:underline}.staff-order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.staff-order-detail-grid>*{min-width:0}.staff-order-action-column{display:grid;grid-gap:20px;gap:20px}.staff-order-detail-grid .card{margin:0}.staff-order-detail-grid .card>p{line-height:1.8;overflow-wrap:anywhere}.staff-order-actions>details,.staff-order-actions>div{border-top:1px solid #edf0f5;padding-top:16px}.staff-order-actions h4{margin-top:0}.staff-order-actions details{margin-top:18px}.staff-order-actions summary{font-size:12px;font-weight:650;color:#526078;cursor:pointer;padding:6px 0}.staff-action-note{font-size:12px;line-height:1.65;color:var(--staff-muted)}.staff-reservation-panel{scroll-margin-top:105px}.staff-detail-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;padding:13px 0;border-bottom:1px solid #edf0f5}.staff-detail-item strong{display:block;font-size:12px;line-height:1.55}.staff-detail-item small{display:block;font-size:10px;color:#8993a2;margin-top:4px;overflow-wrap:anywhere}.staff-detail-item>span{font-size:12px;font-weight:600;text-align:right}.staff-detail-history{margin-top:20px;border-top:1px solid #edf0f5;padding-top:18px}.staff-detail-history summary{cursor:pointer;font-size:12px;font-weight:650;margin-bottom:14px}.staff-detail-money .total{font-size:14px}@media (min-width:900px){.staff-sidebar{visibility:visible;height:100dvh}.staff-hamburger,.staff-menu-close{display:none}}@media (max-width:1180px){.staff-content{padding:24px 22px 40px}.staff-topbar{padding-left:22px;padding-right:22px}.staff-order-metrics{gap:10px}.staff-metric{padding:16px 13px}.staff-queue-toolbar{flex-wrap:wrap}.staff-order-search{flex-basis:100%}.staff-queue-select{flex:1 1}.staff-queue-select select{width:100%;max-width:none}}@media (max-width:700px){.staff-content{padding:20px 14px 36px}.staff-topbar{min-height:72px;padding:12px 14px;gap:10px}.staff-topbar h1{font-size:16px}.staff-branch-label{display:none}.staff-store-link{padding:7px}.staff-store-link span{display:none}.staff-page-intro{align-items:flex-start;margin-bottom:18px}.staff-page-intro h2{font-size:21px;max-width:240px}.staff-page-intro p{font-size:11px}.staff-refresh{font-size:0!important;padding:10px;flex-shrink:0}.staff-refresh svg{width:18px;height:18px}.staff-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.staff-metric{padding:15px 13px}.staff-metric>strong{font-size:28px}.staff-metric small{font-size:9px}.staff-metric-top{font-size:10px}.staff-queue-toolbar{padding:16px 14px 12px;gap:10px}.staff-queue-select{min-width:0}.staff-queue-select select{font-size:10px;padding:9px 5px}.staff-queue-meta{padding:0 14px 14px;flex-direction:column;gap:6px}.staff-order-list-head{display:none}.staff-order-row{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px 14px;border-top:1px solid #edf0f5;align-items:start}.staff-order-person{grid-column:1}.staff-order-state{grid-column:1/-1;grid-row:2}.staff-order-total{grid-row:1;grid-column:2;text-align:right;max-width:125px}.staff-order-open{grid-column:1/-1;padding:10px;min-height:39px}.staff-order-detail-grid{grid-template-columns:minmax(0,1fr);gap:16px}.staff-order-action-column{gap:16px}.staff-shell .card{padding:18px}.staff-next-step{padding:16px;gap:10px}.staff-shell .staff-toolbar>:is(input,select){min-width:0!important;max-width:100%}.staff-shell .staff-toolbar{gap:10px}}@media (prefers-reduced-motion:reduce){.staff-metric,.staff-nav-link,.staff-sidebar{transition:none}}.staff-shell .staff-direct-form .field{margin-bottom:0;min-width:0}.staff-shell .staff-direct-form .field :is(input,select){display:block;width:100%;min-height:44px;margin-top:7px}.staff-shell .staff-backup-data{overflow-wrap:anywhere;display:grid;grid-gap:5px 24px;gap:5px 24px}.staff-shell .staff-backup-data dt{font-size:12px;color:var(--muted)}.staff-shell .staff-backup-data dd{margin:0 0 16px;font-weight:500}@media (min-width:700px){.staff-shell .staff-backup-data{grid-template-columns:210px minmax(0,1fr)}}.shop-header{background:var(--ink);color:#f8fafc;box-shadow:0 1px 0 #303238}.shop-header .shop-logo-text strong{color:#fff}.shop-header .shop-logo-text span{color:#b9bec9}.shop-header .header-link{color:#e3e5eb}.shop-header .header-link.active{color:#ff6970}.shop-header .header-link:hover{background:#292c33}.shop-header .branch-bar{background:#24262d;border-color:#383b44;color:#fff}.shop-header .branch-bar label,.shop-header .branch-caption{color:#c3c7d1;font-size:11px;display:block}.shop-header .branch-bar select{color:#fff;width:100%}.shop-header .branch-bar option{color:#17191f;background:#fff}.shop-header .branch-bar .pin{color:#ff6970}.shop-header .branch-bar .error{color:#ff9297}.product-branches{color:var(--muted);font-size:11px;line-height:1.45;margin:6px 0}.branch-options{margin:16px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.branch-options h3{margin:0 0 10px;font-size:13px}.branch-offer{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;margin-top:8px;cursor:pointer;color:var(--text)}.branch-offer[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.branch-offer small{color:var(--muted);font-size:12px}.branch-recommendation{background:#eaf8f0;border:1px solid #b7e0c7;border-radius:12px;padding:12px;margin:12px 0;font-size:13px}.branch-recommendation p{margin:0 0 8px}.branch-stock-note{font-size:12px;color:var(--muted);margin:8px 0 0}.purchase-confirm{box-shadow:0 0 0 8px var(--surface)}.purchase-confirm:disabled{opacity:1;background:#f2a0a4}.staff-person-link{color:inherit;text-decoration:none;border-radius:10px;padding:6px;margin:-6px;transition:background .15s}.staff-person-link:focus-visible,.staff-person-link:hover{background:rgba(0,0,0,.05)}.staff-avatar{overflow:hidden}.staff-avatar img{width:100%;height:100%;object-fit:cover;display:block}.staff-avatar-lg{width:88px;height:88px;font-size:32px}.staff-unsaved-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff7e6;border:1px solid #f5c26b;color:#7a4b00;font-size:13px;line-height:1.5}.staff-attention{box-shadow:0 0 0 3px rgba(225,29,37,.25);animation:staff-attention-pulse 1.6s ease-in-out 3}@keyframes staff-attention-pulse{50%{box-shadow:0 0 0 7px rgba(225,29,37,.12)}}.location-picker{display:grid;grid-gap:8px;gap:8px}.location-search{display:flex;gap:8px}.location-search input{flex:1 1;min-width:0}.location-results{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:180px;overflow:auto}.location-results li+li{border-top:1px solid var(--border)}.location-results button{display:block;width:100%;text-align:left;padding:8px 10px;font-size:12px;background:none;border:0;color:var(--text);cursor:pointer}.location-map,.location-results button:hover{background:var(--surface-2)}.location-map{position:relative;z-index:0;isolation:isolate;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.location-actions{display:flex;gap:8px;flex-wrap:wrap}.map-pin-icon{background:none;border:0}.map-pin{position:absolute;left:2px;top:0;width:24px;height:24px;border-radius:50% 50% 50% 0;background:var(--brand);transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.35);border:2px solid #fff}.map-pin:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.shipping-estimate{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--ok)}.address-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:grid;grid-gap:4px;gap:4px;font-size:13px}.address-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.address-card .meta{color:var(--muted);font-size:12px}.address-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.address-pick{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.address-pick label{cursor:pointer}.legal-page{max-width:760px;margin:0 auto;padding:16px 0 32px;font-size:14px;line-height:1.7;color:var(--text)}.legal-page h1{font-size:22px;margin:4px 0}.legal-page h2{font-size:16px;margin:22px 0 6px}.legal-page ul{padding-left:20px;margin:6px 0}.legal-page li{margin:4px 0}.legal-page a{color:var(--brand-dark);font-weight:600}.legal-meta{font-size:12px;color:var(--muted)}.push-prompt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 0;padding:12px 14px;border-radius:var(--radius);background:var(--brand-soft);border:1px solid rgba(225,29,37,.18)}.push-prompt-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff}.push-prompt-text{flex:1 1 200px;min-width:0;display:grid;grid-gap:2px;gap:2px;font-size:13px}.push-prompt-text strong{font-size:14px}.push-prompt-text span{color:var(--muted)}.push-prompt-actions{display:flex;gap:8px;margin-left:auto}.push-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(0,0,0,.08)}.push-row strong{display:block;font-size:14px}.push-row p{margin:2px 0 0;font-size:12px;color:var(--muted)}.push-preview{display:flex;gap:10px;align-items:flex-start;max-width:420px;padding:10px 12px;border-radius:14px;background:#f1f2f4;border:1px solid rgba(0,0,0,.06)}.push-preview img{border-radius:8px;flex:0 0 auto}.voucher-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-top:10px;border:1px dashed var(--brand);border-radius:var(--radius-sm);background:var(--brand-soft);font-size:13px}.voucher-box>svg{color:var(--brand);flex-shrink:0;margin-top:2px}.voucher-box.muted{border-color:var(--border);background:var(--surface-2);color:var(--muted)}.voucher-box.column{flex-direction:column;align-items:stretch}.voucher-head{display:flex;gap:10px;align-items:center}.voucher-head>svg{color:var(--brand);flex-shrink:0}.voucher-save{color:var(--ok);font-weight:700;font-size:12.5px}.voucher-list{display:grid;grid-gap:6px;gap:6px}.voucher-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.voucher-option.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.voucher-option input{width:auto;margin-top:3px}.voucher-option small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.voucher-code{display:flex;gap:8px}.voucher-code input{flex:1 1;min-width:0}.p-card-buy{margin-top:6px;width:100%}.member-gate{display:grid;grid-gap:12px;gap:12px}.member-gate-lines{display:grid;grid-gap:8px;gap:8px}.member-gate-line{display:flex;gap:10px;align-items:center;font-size:13px}.member-gate-line .was{color:var(--muted);text-decoration:line-through;font-size:12px}.member-gate-actions{display:grid;grid-gap:8px;gap:8px}.staff-shell{background:radial-gradient(1200px 500px at 100% -10%,#fde7f0 0,transparent 60%),radial-gradient(900px 420px at -10% 110%,#e0f2fe 0,transparent 55%),#f6f7fb}.staff-sidebar{background:linear-gradient(180deg,#fff,#fff 70%,#fff7f9)}.staff-brand-mark{background:linear-gradient(135deg,#e11d48,#f97316);box-shadow:0 8px 18px #e11d4840}.staff-brand strong{background:linear-gradient(90deg,#be123c,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent}.staff-nav-group{color:#94a0b4}.staff-nav-link{gap:10px;padding:7px 10px}.staff-nav-ico{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,#fff);transition:transform .15s ease,background .15s ease}.staff-nav-link:hover{background:color-mix(in srgb,var(--tone) 7%,#fff);color:#17212f}.staff-nav-link:hover .staff-nav-ico{transform:scale(1.06)}.staff-nav-link.active{background:color-mix(in srgb,var(--tone) 11%,#fff);color:color-mix(in srgb,var(--tone) 75%,#111)}.staff-nav-link.active .staff-nav-ico{color:#fff;background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone) 60%,#ec4899));box-shadow:0 6px 14px color-mix(in srgb,var(--tone) 35%,transparent)}.staff-avatar{background:linear-gradient(135deg,#fda4af,#fdba74);color:#7c1d2e}.staff-topbar{background:#ffffffe6;border-bottom:0;box-shadow:0 1px 0 #eceef5,0 6px 20px #1e1b4b08;position:-webkit-sticky;position:sticky}.staff-topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#e11d48,#f97316,#eab308,#10b981,#0ea5e9,#6366f1,#a855f7);opacity:.85}.staff-page-heading>span{color:#e11d48;font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.staff-branch-label{background:linear-gradient(135deg,#eef2ff,#fdf2f8);border-color:#e0e4f5;color:#4338ca;font-weight:600}.staff-shell .card{border-color:#e9ebf3;border-radius:16px;box-shadow:0 4px 18px #1e1b4b0a}.staff-shell .card h3{color:#1f2433}.staff-shell .btn:not(.secondary):not(.ghost){background:linear-gradient(135deg,#e11d48,#f43f5e 55%,#f97316);border-color:transparent;box-shadow:0 6px 16px #e11d4830}.staff-shell .btn:not(.secondary):not(.ghost):hover:not(:disabled){filter:brightness(1.05);box-shadow:0 8px 20px #e11d4840}.staff-shell .btn.secondary:hover:not(:disabled){border-color:#c7cdf5;background:#f7f8ff;color:#3730a3}.staff-shell .chip{border-radius:999px;border-color:#e3e6f2;background:#fff}.staff-shell .chip:hover{border-color:#c7cdf5}.staff-shell .chip.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:transparent;color:#fff;box-shadow:0 4px 12px #6366f135}.staff-shell .notice{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-color:#fde3b5}.staff-pill.on{background:#dcfce7;color:#15803d}.staff-pill.warn,.staff-status-badge.warning{background:#fef3c7;color:#a16207}.staff-status-badge.danger{background:#ffe4e6;color:#be123c}.staff-status-badge.info{background:#e0e7ff;color:#4338ca}.staff-status-badge.success{background:#dcfce7;color:#15803d}.staff-channel-toggle.on{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#ecfeff)}.staff-page-intro{padding:20px 22px;border-radius:18px;background:linear-gradient(120deg,#fff1f2,#fff7ed 40%,#eef2ff);border:1px solid #f3e5ea}.staff-eyebrow{color:#e11d48}.staff-metric{border:0;position:relative;overflow:hidden;--tone:#6366f1;background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 10%,#fff),#fff 70%);box-shadow:0 4px 16px #1e1b4b0b,inset 0 0 0 1px color-mix(in srgb,var(--tone) 18%,#fff)}.staff-metric:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--tone),color-mix(in srgb,var(--tone) 55%,#ec4899))}.staff-metric:first-child{--tone:#6366f1}.staff-metric:nth-child(2){--tone:#f97316}.staff-metric:nth-child(3){--tone:#e11d48}.staff-metric:nth-child(4){--tone:#0ea5e9}.staff-metric-top svg{color:var(--tone)}.staff-metric>strong{color:color-mix(in srgb,var(--tone) 70%,#111)}.staff-metric.selected{box-shadow:0 8px 22px color-mix(in srgb,var(--tone) 25%,transparent),inset 0 0 0 2px var(--tone)}.staff-order-number{color:#e11d48}.staff-shell .pl-table th,.staff-shell .staff-table th{background:linear-gradient(180deg,#f8f9ff,#f3f4fb);color:#5b6280}.with-voucher{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border:1px solid #f7b6a8;border-radius:6px;color:#e8461f;background:#fff4f1;font-size:12px;font-weight:700;vertical-align:middle;white-space:nowrap}.with-voucher.sm{margin-left:0;font-size:10px;padding:1px 6px;gap:3px}.price-voucher{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;font-size:11px}.price-voucher s,.voucher-line{color:var(--muted)}.voucher-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 4px;font-size:13px}.voucher-chip{display:inline-block;border:1px dashed #ee4d2d;color:#ee4d2d;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600}.voucher-member{font-size:11px}.voucher-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.voucher-row>svg:first-child{color:#ee4d2d;flex-shrink:0}.voucher-row.guest,.voucher-row.muted{cursor:default;font-size:13px}.voucher-row.guest a{color:var(--brand);font-weight:700}.voucher-row-title{font-weight:700}.voucher-row-picks{flex:1 1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:0}.voucher-row-empty{color:var(--muted);font-size:13px}.vchip{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid;white-space:nowrap}.vchip.ship{color:#16917f;border-color:#26aa99;background:#effaf8}.vchip.disc{color:#e8461f;border-color:#ee4d2d;background:#fff4f1}.voucher-note{margin:4px 2px 0;font-size:11px;color:var(--muted)}.voucher-sheet{border:0;padding:0;width:100%;max-width:560px;max-height:92dvh;margin:auto auto 0;border-radius:20px 20px 0 0;background:#f5f5f5;color:var(--text);display:none;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px #0003}.voucher-sheet[open]{display:flex}.voucher-sheet::-webkit-backdrop{background:#07101e88}.voucher-sheet::backdrop{background:#07101e88}@media (min-width:900px){.voucher-sheet{margin:auto;border-radius:20px}}.vs-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:#fff;padding:12px 10px;border-bottom:1px solid #eee}.vs-head h2{margin:0;text-align:center;font-size:16px}.vs-back{border:0;background:transparent;color:#444;padding:6px;cursor:pointer}.vs-code{display:flex;margin:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.vs-code input{flex:1 1;min-width:0;border:0;border-bottom:2px solid #ddd;margin:8px 10px;padding:6px 2px;font:inherit;font-size:14px;outline:none;background:transparent}.vs-code input:focus{border-bottom-color:#ee4d2d}.vs-code button{border:0;padding:0 18px;background:#ee4d2d;color:#fff;font-weight:700;cursor:pointer}.vs-code button:disabled{background:#d5d5d5;color:#fff;cursor:not-allowed}.vs-body{flex:1 1;overflow-y:auto;padding:0 12px 12px}.vs-body section{background:#fff;margin:10px -12px 0;padding:12px}.vs-body h3{margin:0 0 10px;font-size:14px;font-weight:700}.vs-empty{color:var(--muted);font-size:13px;margin:0}.vs-auto{display:block;width:100%;margin-top:12px;padding:10px;border:1px dashed #c9c9c9;border-radius:8px;background:#fff;color:#555;font:inherit;font-size:13px;cursor:pointer}.vs-foot{background:#fff;border-top:1px solid #eee;padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.vs-foot p{margin:0 0 8px;font-size:13px}.vs-foot .ship{color:#16917f;font-weight:700}.vs-foot .disc{color:#e8461f;font-weight:700}.vs-foot .btn{width:100%;background:#ee4d2d;border-color:#ee4d2d;border-radius:4px}.vt{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 36px;align-items:stretch;width:100%;margin:0 0 12px;padding:0;border:1px solid #eee;border-radius:4px;background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px #0000000d}.vt:disabled{cursor:not-allowed}.vt.on{border-color:#ee4d2d}.vt-stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;color:#fff;text-align:center;border-radius:3px 0 0 3px;background:radial-gradient(circle at 0 8px,#f5f5f5 4px,transparent 4.5px) 0 0 /8px 16px repeat-y,#ee4d2d}.vt.ship .vt-stub{background:radial-gradient(circle at 0 8px,#f5f5f5 4px,transparent 4.5px) 0 0 /8px 16px repeat-y,#26aa99}.vt-stub small{font-size:9px;font-weight:700;letter-spacing:.3px;line-height:1.2;overflow-wrap:anywhere}.vt-body{display:flex;flex-direction:column;gap:3px;padding:10px 6px 10px 12px;min-width:0}.vt-body strong{font-size:14px;line-height:1.3}.vt-min{font-size:12px;color:#333}.vt-tag{width:-moz-fit-content;width:fit-content;font-size:10px;color:#ee4d2d;border:1px solid #ee4d2d;border-radius:2px;padding:0 4px}.vt-quota{display:block;height:4px;width:70%;border-radius:9px;background:#f0f0f0;overflow:hidden;margin-top:3px}.vt-quota i{display:block;height:100%;background:linear-gradient(90deg,#ee4d2d,#f7a12d)}.vt-meta{font-size:11px;color:#888}.vt-meta em{color:#ee4d2d;font-style:normal;font-weight:600}.vt-save{font-size:11px;color:#16917f;font-weight:700}.vt.disc .vt-save{color:#e8461f}.vt-why{font-size:11px;color:#d0011b}.vt-check{align-self:center;justify-self:center;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #bbb;color:#fff}.vt-check.on{border-color:#ee4d2d;background:#ee4d2d}.vt.off{opacity:.55}.vt.off .vt-stub{filter:grayscale(.8)}.vt-ribbon{position:absolute;top:-7px;right:-4px;z-index:1;background:#ee4d2d;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px 10px 0 10px;box-shadow:0 2px 4px #ee4d2d55}