:root{--dd-bg:#0b0e14;--dd-bg-elevated:#10141d;--dd-fg:#f3f4f6;--dd-muted:#a1a1aa;--dd-primary:#a78bfa;--dd-primary-muted:#a78bfa24;--dd-cta:#5eb8a5;--dd-cta-muted:#5eb8a529;--dd-accent-emerald:#34d399;--dd-card:#ffffff0b;--dd-card-hover:#ffffff0e;--dd-border:#ffffff16;--dd-border-strong:#ffffff1f;--dd-shadow:0 24px 48px #00000059;--dd-radius:14px;--dd-font:system-ui, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--dd-bg);--bg-elevated:var(--dd-bg-elevated);--ink:var(--dd-fg);--muted:var(--dd-muted);--accent:var(--dd-cta);--accent-wa:#25d366;--border:var(--dd-border);--shadow:var(--dd-shadow);--radius:var(--dd-radius);--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--dd-cta)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(110% 70% at 20% -10%,#25d3661a,#0000 50%),radial-gradient(80% 50% at 100% 100%,#5eb8a512,#0000 50%);margin:0;font-family:system-ui,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.6}::selection{background:color-mix(in oklab, var(--dd-primary) 30%, transparent);color:var(--ink)}.skip-link{z-index:100;color:var(--bg);background:var(--accent);clip-path:inset(50%);white-space:nowrap;border-radius:8px;width:1px;height:1px;padding:.5rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;position:absolute;top:.75rem;left:.75rem;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto;box-shadow:var(--focus-ring);outline:none}.page{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background:#0f1419a6;align-items:center;gap:.65rem;padding:1rem 1.25rem;display:flex}.badge{letter-spacing:-.02em;color:#fff;background:linear-gradient(145deg, var(--dd-primary), var(--dd-cta));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.65rem;font-weight:700;display:inline-flex}.topbar__title{color:var(--muted);font-size:.9rem;font-weight:500}.wrap{width:100%;max-width:42rem;padding:2rem 1.25rem 2.5rem;padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));flex:1;margin:0 auto}#main:focus{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.55rem,4.2vw,2.05rem);font-weight:650;line-height:1.2}.lede{color:var(--muted);max-width:38ch;margin:0 0 1.35rem;font-size:1.05rem}.commands{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.hint{color:var(--muted);margin:0;font-size:.9rem;line-height:1.7}.commands__sep{opacity:.5;margin:0 .35rem}code{color:var(--accent);background:var(--dd-cta-muted);border:1px solid #5eb8a540;border-radius:6px;padding:.15rem .45rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.84em;display:inline-block}.foot{padding:1rem 1.25rem 1.35rem;padding-bottom:max(1.35rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center;margin-top:auto}.foot p{color:var(--muted);opacity:.85;margin:0;font-size:.8rem}a:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.washop-page{flex-direction:column;min-height:100dvh;display:flex}.washop-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);z-index:20;background:#0f1419b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.washop-topbar__brand{align-items:center;gap:.65rem;display:flex}.washop-badge{color:#062b1a;background:linear-gradient(145deg, #25d366, var(--dd-cta));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.65rem;font-weight:800;display:inline-flex}.washop-topbar__title{letter-spacing:-.02em;color:var(--ink);font-size:1rem;font-weight:650}.washop-topbar__sub{color:var(--muted);font-size:.75rem}.washop-nav{flex-wrap:wrap;gap:.35rem;display:flex}.washop-nav__a{color:var(--muted);border:1px solid #0000;border-radius:10px;padding:.45rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s,border-color .15s;position:relative}.washop-nav__a:hover{color:var(--ink);background:#ffffff0d}.washop-nav__a--active{color:var(--accent-wa);background:#25d3661a;border-color:#25d36659}.washop-nav__badge{color:#062b1a;background:var(--accent-wa);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;margin-left:.25rem;padding:0 .28rem;font-size:.65rem;font-weight:700;display:inline-flex}.washop-nav--mobile{display:none}.washop-table-wrap{overflow-x:auto}.washop-table{border-collapse:collapse;width:100%;font-size:.78rem}.washop-table th,.washop-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.45rem .5rem}.washop-table th{color:var(--muted);font-weight:650}.washop-audit-list{flex-direction:column;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.washop-audit-item{border:1px solid var(--border);background:#0003;border-radius:10px;gap:.15rem;padding:.55rem .65rem;font-size:.8rem;display:grid}.washop-cloud--ok{color:#6ee7b7;background:#25d3661a;border-color:#25d36647}.washop-cloud--warn{color:#fcd34d;background:#fbbf241a;border-color:#fbbf2447}.washop-cloud--err{color:#fca5a5;background:#f871711a;border-color:#f8717147}.washop-hero{margin-bottom:.25rem}.washop-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-wa);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.washop-main{width:100%;max-width:52rem;padding:1.75rem 1.25rem 2rem;padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));flex:1;margin:0 auto}.washop-h1{letter-spacing:-.02em;margin:0 0 .65rem;font-size:clamp(1.45rem,4vw,1.85rem);font-weight:650}.washop-h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.washop-lede{color:var(--muted);max-width:48ch;margin:0 0 1.5rem;font-size:.95rem;line-height:1.65}.washop-stats{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.washop-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.washop-stat__val{font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.5rem;font-weight:700;display:block}.washop-stat__lbl{color:var(--muted);font-size:.75rem}.washop-stat--warn .washop-stat__val{color:#fbbf24}.washop-actions{flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem;display:flex}.washop-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:transform .12s,filter .12s;display:inline-flex}.washop-btn:active{transform:scale(.98)}.washop-btn--primary{background:linear-gradient(145deg, var(--dd-cta), color-mix(in srgb, var(--dd-cta) 75%, #0b0e14));color:#0b0e14;border-color:#ffffff1f}.washop-btn--primary:hover{filter:brightness(1.06)}.washop-btn--ghost{color:var(--ink);border-color:var(--border);background:#ffffff0d}.washop-btn--ghost:hover{background:#ffffff14}.washop-btn--wa{color:#062b1a;background:linear-gradient(145deg,#25d366,#128c7e);border-color:#ffffff1a;text-decoration:none}.washop-btn--wa:hover{filter:brightness(1.06)}.washop-btn--sm{padding:.45rem .85rem;font-size:.8rem}.washop-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.washop-card,.washop-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.2rem}.washop-panel--accent{background:linear-gradient(160deg, #25d36614, var(--bg-elevated));border-color:#25d36647}.washop-split{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.washop-bullets{color:var(--ink);margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.7}.washop-bullets--muted{color:var(--muted)}.washop-bullets strong{color:var(--accent-wa);font-weight:650}.washop-toolbar{flex-wrap:wrap;gap:.65rem;margin-bottom:1.15rem;display:flex}.washop-search{border:1px solid var(--border);min-width:10rem;color:var(--ink);background:#00000040;border-radius:10px;flex:1;padding:.65rem .85rem;font-family:inherit;font-size:.9rem}.washop-wa-preview{white-space:pre-wrap;word-break:break-word;color:var(--ink);border:1px solid var(--border);background:#00000047;border-radius:12px;max-height:16rem;margin:0;padding:.85rem 1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.55;overflow:auto}.washop-wa-preview--sm{max-height:8rem;margin-bottom:.65rem}.washop-hint{color:var(--muted);margin:.65rem 0 0;font-size:.8rem}.washop-steps{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.75}.washop-steps strong{color:var(--ink);font-weight:600}.washop-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.85rem;display:grid}.washop-product{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.1rem;display:flex}.washop-product__cat{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-wa);font-size:.68rem;font-weight:700}.washop-product__name{margin:0;font-size:1rem;font-weight:600}.washop-product__meta{color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.washop-product__price{color:var(--accent);margin:.5rem 0 0;font-size:1.1rem;font-weight:700}.washop-product__stock{color:var(--muted);margin:.25rem 0 0;font-size:.75rem}.washop-product__stock.is-low{color:#fbbf24;font-weight:600}.washop-product__actions{flex-wrap:wrap;gap:.4rem;display:flex}.washop-cart{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.washop-cart-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.washop-cart-row__name{font-weight:600}.washop-cart-row__meta{color:var(--muted);font-size:.8rem}.washop-cart-row__actions{align-items:center;gap:.35rem;display:flex}.washop-icon-btn{border:1px solid var(--border);width:2rem;height:2rem;color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:1.1rem;display:inline-flex}.washop-cart-row__qty{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5rem;font-weight:600}.washop-cart-row__sub{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:650}.washop-cart-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.washop-cart-total{font-size:1.05rem}.washop-order-list{flex-direction:column;gap:.85rem;display:flex}.washop-order{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.washop-order__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.washop-order__id{color:var(--muted);font-family:ui-monospace,monospace;font-size:.78rem}.washop-order__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.washop-order__badge--pending{color:#fcd34d;background:#fbbf2426}.washop-order__badge--paid,.washop-order__badge--preparing{color:#6ee7b7;background:#25d36624}.washop-order__badge--shipped{color:var(--dd-cta);background:#5eb8a529}.washop-order__badge--done{color:var(--muted);background:#ffffff14}.washop-order__badge--cancelled{color:#fca5a5;background:#f8717124}.washop-order__actions{flex-wrap:wrap;gap:.4rem;display:flex}.washop-order__meta{color:var(--muted);margin-bottom:.65rem;font-size:.8rem}.washop-order__lines{color:var(--ink);margin:0 0 .75rem;padding-left:1.1rem;font-size:.88rem;line-height:1.6}.washop-form{flex-direction:column;gap:1rem;max-width:28rem;display:flex}.washop-form--wide{max-width:36rem}.washop-field{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.washop-field input,.washop-field select,.washop-field textarea{border:1px solid var(--border);color:var(--ink);resize:vertical;background:#00000040;border-radius:10px;padding:.65rem .75rem;font-family:inherit;font-size:.9rem}.washop-field input::placeholder,.washop-field textarea::placeholder{color:#8b9aab8c}.washop-check{color:var(--ink);cursor:pointer;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.washop-check--inline{font-size:.8rem;font-weight:500}.washop-customer-list,.washop-auto-list,.washop-campaign-list{flex-direction:column;gap:.75rem;display:flex}.washop-customer,.washop-auto,.washop-campaign{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;display:flex}.washop-customer__name,.washop-campaign__head h3{margin:0;font-size:1rem;font-weight:650}.washop-customer__meta,.washop-campaign__aud{color:var(--muted);margin:.2rem 0 .45rem;font-size:.8rem}.washop-customer__notes{color:var(--ink);margin:.35rem 0 0;font-size:.82rem}.washop-tags{flex-wrap:wrap;gap:.3rem;display:flex}.washop-tag{color:#6ee7b7;background:#25d3661f;border-radius:6px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.washop-auto__head,.washop-campaign__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;display:flex}.washop-form-actions{flex-wrap:wrap;gap:.65rem;margin-top:.25rem;display:flex}.washop-inline-link{color:var(--accent);font-weight:600;text-decoration:none}.washop-inline-link:hover{text-decoration:underline}.washop-foot{padding:1rem 1.25rem 1.35rem;padding-bottom:max(1.35rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center;margin-top:auto}.washop-foot p{color:var(--muted);margin:0;font-size:.78rem}.washop-modal{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}@media (min-width:640px){.washop-modal{align-items:center}}.washop-modal__panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:min(28rem,100%);max-height:min(90dvh,40rem);box-shadow:var(--shadow);padding:1.15rem 1.2rem 1.35rem;overflow:auto}.washop-toast{color:#0b0e14;background:linear-gradient(145deg, var(--dd-cta), color-mix(in srgb, var(--dd-cta) 70%, var(--dd-primary)));z-index:100;border-radius:999px;max-width:min(22rem,100% - 2rem);padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;bottom:1.35rem;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 12px 40px #00000073}.washop-toast--show{transform:translate(-50%)translateY(0)}@media (max-width:900px){.washop-nav--desk{display:none}.washop-nav--mobile{z-index:25;padding:.45rem .5rem;padding-bottom:max(.45rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#0b0e14eb;order:3;justify-content:space-around;gap:.15rem;display:flex;position:sticky;bottom:0}.washop-nav--mobile .washop-nav__a{text-align:center;flex:1;padding:.55rem .35rem;font-size:.72rem}.washop-foot{order:2}.washop-page{padding-bottom:.25rem}}@media (max-width:520px){.washop-cart-row{grid-template-columns:1fr}.washop-cart-row__sub{justify-self:start}.washop-main{padding-top:1.25rem}}