@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--bg:#f4f1ea;--ink:#1c1917;--muted:#78716c;--card:#fffdf8;--line:#e7e0d5;--accent:#0f766e;--accent-ink:#ecfdf5;--danger:#b91c1c;--warn:#b45309;--ok:#15803d;--font:"IBM Plex Sans", "Noto Sans TC", system-ui, sans-serif;--display:"Fraunces", "Noto Serif TC", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #dcefea 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #f5e6d3 0%, transparent 50%), var(--bg)}a{color:var(--accent)}.app-shell{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.brand{font-family:var(--display);letter-spacing:-.02em;font-size:1.35rem;font-weight:600}.brand small{font-family:var(--font);color:var(--muted);margin-top:.15rem;font-size:.75rem;font-weight:400;display:block}.nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn,button.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.35rem;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:#c4b8a5}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.btn-redeem{letter-spacing:.04em;border-radius:14px;width:100%;min-height:4.5rem;padding:1.15rem 1.25rem;font-size:1.5rem;font-weight:800;box-shadow:0 8px 20px #0f766e47}.coupon-hero-with-dock{padding-bottom:9.5rem}.redeem-dock{z-index:40;padding:.75rem 1rem calc(.85rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8f5;flex-direction:column;gap:.55rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1c191714}.redeem-dock-note{border:1px solid var(--line);width:100%;max-width:520px;font:inherit;background:#fff;border-radius:10px;margin:0 auto;padding:.65rem .8rem}.redeem-dock .btn-redeem{max-width:520px;margin:0 auto}.demo-brand{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:1rem;margin:1rem 0 1.5rem;padding:.85rem 1rem;display:flex}.demo-brand img{object-fit:contain;display:block}.demo-grid{gap:1.25rem;display:grid}.demo-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0;overflow:hidden}.demo-card img{background:#f5f5f4;width:100%;height:auto;display:block}.demo-card figcaption{padding:.9rem 1rem 1.1rem}.demo-card figcaption .btn{margin-top:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:0 1px #1c19170a}.panel+.panel{margin-top:1rem}h1,h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .75rem;font-weight:600}h1{font-size:1.75rem}h2{font-size:1.25rem}.muted{color:var(--muted)}.grid-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=720px){.grid-2{grid-template-columns:1fr}}label{color:var(--muted);margin-bottom:.3rem;font-size:.85rem;display:block}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:.6rem .75rem}textarea{resize:vertical;min-height:90px}.field{margin-bottom:.85rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .4rem}th{color:var(--muted);font-size:.8rem;font-weight:600}.badge{border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:var(--ok);background:#ecfdf5;border-color:#bbf7d0}.badge-redeemed{color:var(--danger);background:#fef2f2;border-color:#fecaca}.badge-void,.badge-expired,.badge-archived,.badge-not_yet_valid{color:var(--warn);background:#fff7ed;border-color:#fed7aa}.coupon-hero{text-align:center;padding:1.5rem 1rem 2rem}.coupon-hero .amount{font-family:var(--display);letter-spacing:-.03em;margin:.4rem 0;font-size:clamp(2.5rem,8vw,3.75rem);font-weight:700}.coupon-hero .status-big{margin:.75rem 0;font-size:1.25rem;font-weight:700}.coupon-qr{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:280px;margin:1rem auto 1.25rem;padding:.85rem}.coupon-qr img{width:100%;height:auto;margin:0 auto;display:block}.coupon-qr-code{letter-spacing:.08em;margin-top:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700}.coupon-qr-url{word-break:break-all;margin-top:.25rem;font-size:.72rem}.status-big.redeemed{color:var(--danger)}.status-big.active{color:var(--ok)}.stack{flex-direction:column;gap:.75rem;display:flex}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:.5rem 0;padding:.65rem .8rem}.success{color:var(--ok);background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;padding:.65rem .8rem}.print-toolbar{margin-bottom:1rem}.tpl-editor{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}.tpl-editor summary{cursor:pointer;margin-bottom:.75rem;font-weight:600}.tpl-grid{grid-template-columns:1fr 1fr;gap:.65rem .85rem;display:grid}.tpl-grid label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.tpl-grid label.full{grid-column:1/-1}.tpl-grid input,.tpl-grid textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem .65rem}.voucher-print{grid-template-columns:repeat(2,132mm);justify-content:center;align-items:start;gap:6mm;display:grid}.voucher-sheet{break-inside:avoid;page-break-inside:avoid;background:0 0;width:132mm}.codes-mark{color:#1c1917;flex-direction:column;align-items:stretch;width:92px;line-height:1;display:flex}.codes-mark-bold{letter-spacing:-.02em;text-align:center;font-family:Noto Sans TC,Avenir Next,Helvetica Neue,sans-serif;font-size:28px;font-weight:800}.codes-mark-rule{background:currentColor;height:2px;margin:3px 0 4px;display:block}.codes-mark-thin{letter-spacing:.28em;text-align:center;padding-left:.28em;font-family:Noto Sans TC,Avenir Next,Helvetica Neue,sans-serif;font-size:15px;font-weight:300}.codes-mark-sm{width:64px;margin:0 auto 3mm}.codes-mark-sm .codes-mark-bold{font-size:20px}.codes-mark-sm .codes-mark-thin{font-size:11px}.vf-logo{mix-blend-mode:normal;filter:none;width:64px;height:auto;margin:0 auto;display:block}.voucher-front{aspect-ratio:16/9;color:#1c1917;box-sizing:border-box;background:radial-gradient(at 50% 38%,#b8892b1a,#0000 58%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E"),linear-gradient(145deg,#fffdf7 0%,#f4eddd 52%,#ede1c9 100%);width:100%;padding:2.5mm}.vf-frame{box-sizing:border-box;text-align:center;background:#fffcf4a3;border:1.5px solid #111;flex-direction:column;align-items:center;height:100%;padding:2.8mm 4mm 2.4mm;display:flex;box-shadow:inset 0 0 0 2.2px #fffaf0,inset 0 0 0 3.2px #111,0 2px 10px #5e431014}.vf-title{letter-spacing:.12em;color:#1c1917;margin:1mm 0 .5mm;font-family:Noto Serif TC,Libre Baskerville,Georgia,serif;font-size:18px;font-weight:700}.vf-sub{letter-spacing:.26em;text-transform:uppercase;color:#292524;margin:0;font-family:Noto Sans TC,system-ui,sans-serif;font-size:8px;font-weight:600}.vf-issuer-line{color:#9a701d;letter-spacing:.04em;margin:1.2mm 0 0;font-size:9px;font-weight:600}.vf-stage{flex:0 0 116px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:4mm;width:min(100%,105mm);height:116px;min-height:116px;margin:1mm auto;display:grid}.vf-amount-wrap{background:radial-gradient(circle,#fffcf1eb 0%,#faf0d78c 58%,#0000 72%);border-radius:50%;place-items:center;width:100%;max-width:160px;height:106px;margin:0 auto;display:grid;position:relative}.vf-arcs{width:100%;height:100%;position:absolute;inset:0}.vf-amount{z-index:1;color:#a67c22;letter-spacing:-.03em;text-shadow:0 1px #ffffff80;font-family:Libre Baskerville,Noto Serif TC,Georgia,serif;font-size:44px;font-weight:700;line-height:1;position:relative}.vf-amount-caption{z-index:1;letter-spacing:.14em;color:#8a6721;font-size:8.5px;font-weight:600;position:absolute;bottom:4px;left:0;right:0}.vf-qr-block{text-align:center;justify-self:center;width:100%;max-width:92px}.vf-qr-frame{background:#fffdf8;border:1px solid #b48a34;padding:3px;box-shadow:0 0 0 3px #b48a3414,0 2px 6px #5e431014}.vf-qr-block img{aspect-ratio:1;width:100%;display:block}.vf-code{letter-spacing:.06em;color:#1c1917;margin-top:2px;font-family:Noto Sans TC,ui-monospace,monospace;font-size:9px;font-weight:700}.vf-qr-hint{color:#57534e;letter-spacing:.06em;margin-top:1px;font-size:8.5px}.vf-band{color:#7a5818;letter-spacing:.02em;background:#b48a3414;border:1px solid #b48a343d;width:100%;margin:0 0 1.5mm;padding:2.2mm 2mm;font-size:9px;font-weight:600}.vf-band-sep{opacity:.55;margin:0 .35em}.vf-footer-line{border-top:1px dotted #78716c;width:100%;margin:0}.vf-cols{box-sizing:border-box;background:linear-gradient(90deg,#b48a340f,#b48a3421,#b48a340f);border-top:1px solid #a67c2233;border-bottom:2px solid #a67c2285;grid-template-columns:repeat(4,1fr);gap:0;width:100%;min-height:0;padding:1.2mm .8mm 1mm;display:grid}.vf-col{text-align:left;color:#292524;border-right:1px solid #d6d3d1;align-items:center;gap:3px;padding:0 3px;font-family:Noto Sans TC,system-ui,sans-serif;display:flex}.vf-col:last-child{border-right:0}.vf-col-k{color:#78716c;font-size:7.2px;line-height:1.25}.vf-col-v{color:#1c1917;font-size:8px;font-weight:700;line-height:1.25}.vf-ico{color:#a67c22;background:#fffbf0eb;border:1px solid #a67c22;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.vf-ico svg{display:block}.voucher-cut{text-align:center;color:#a8a29e;padding:6px 0;font-size:10px}.voucher-back{aspect-ratio:16/9;color:#1c1917;box-sizing:border-box;background:radial-gradient(at 50% 38%,#b8892b1a,#0000 58%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E"),linear-gradient(145deg,#fffdf7 0%,#f4eddd 52%,#ede1c9 100%);width:100%;margin-top:4mm;padding:2.5mm}.vb-frame{box-sizing:border-box;text-align:left;background:#fffcf4a3;border:1.5px solid #111;flex-direction:column;height:100%;min-height:0;padding:3.2mm 4mm 2.8mm;display:flex;box-shadow:inset 0 0 0 2.2px #fffaf0,inset 0 0 0 3.2px #111}.vb-header{text-align:center;border-bottom:1px solid #a67c2259;justify-content:center;align-items:center;margin-bottom:1.5mm;padding-bottom:1.5mm;display:flex}.voucher-back h3{text-align:center;margin:0;font-family:Noto Serif TC,Georgia,serif;font-size:12px}.vb-issuer{color:#8a6721;letter-spacing:.03em;margin:.5mm 0 0;font-family:Noto Sans TC,system-ui,sans-serif;font-size:7.5px;font-weight:600}.vb-info-grid{background:#a67c2214;border:1px solid #a67c2240;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:1.4mm;font-family:Noto Sans TC,system-ui,sans-serif;display:grid}.vb-info{border-right:1px solid #a67c2240;min-width:0;padding:1.2mm 1.6mm}.vb-info:last-child{border-right:0}.vb-info span{color:#9a701d;letter-spacing:.06em;margin-bottom:.4mm;font-size:7px;font-weight:700;display:block}.vb-info strong{color:#292524;font-size:7.2px;font-weight:600;line-height:1.2;display:block}.vb-products{text-overflow:ellipsis;white-space:nowrap;color:#57534e;margin:0 0 1.2mm;padding:0 .5mm;font-family:Noto Sans TC,system-ui,sans-serif;font-size:7.2px;overflow:hidden}.vb-products span{color:#9a701d;font-weight:700}.vb-terms-title{color:#292524;letter-spacing:.08em;margin-bottom:.8mm;font-family:Noto Serif TC,Georgia,serif;font-size:8.5px;font-weight:700}.vb-terms{column-count:2;column-rule:1px solid #a67c2238;flex:1;column-gap:4mm;min-height:0}.vb-terms p{break-inside:avoid;color:#44403c;margin:0 0 .9mm;font-family:Noto Sans TC,system-ui,sans-serif;font-size:7px;line-height:1.28}.vb-code{color:#5f4516;background:#a67c221a;border-top:1px solid #a67c224d;margin:1mm 0 0;padding:1mm 1.5mm;font-family:Noto Sans TC,system-ui,sans-serif;font-size:7.8px}@media screen and (width<=1150px){.voucher-print{grid-template-columns:132mm}}@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff!important}.print-toolbar,.topbar,.no-print{display:none!important}.app-shell{max-width:none;padding:0}.voucher-print{grid-template-columns:repeat(2,132mm);justify-content:center;gap:6mm;display:grid}.voucher-sheet{break-inside:avoid;page-break-inside:avoid;width:132mm}.voucher-front,.voucher-back,.vf-frame,.vb-frame{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{color:inherit;text-decoration:none}}@media (width<=720px){.tpl-grid{grid-template-columns:1fr}.voucher-print{flex-direction:column;align-items:center;gap:1rem;display:flex}.voucher-sheet{width:min(100%,132mm)}}.login-box{max-width:420px;margin:2rem auto}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.sku-picker{border:1px solid var(--line);background:#fff;border-radius:12px;margin:.75rem 0 1rem;padding:.85rem}.sku-chips{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.chip{appearance:none;border:1px solid var(--accent);background:var(--accent-ink);color:var(--accent);cursor:pointer;border-radius:999px;padding:.2rem .65rem;font-size:.8rem}.sku-list{border:1px solid var(--line);background:#fffcf7;border-radius:10px;max-height:240px;overflow:auto}.sku-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:auto 7.5rem 1fr auto;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.9rem;display:grid}.sku-row:last-child{border-bottom:0}.sku-row input{width:auto}.sku-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.sku-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remember-row{cursor:pointer;align-items:center;gap:.5rem;margin:.75rem 0 1rem;font-size:.95rem;display:flex}.remember-row input{width:auto}.scan-panel .qr-reader{border:1px solid var(--line);background:#111;border-radius:12px;width:min(100%,420px);margin:.75rem auto 0;overflow:hidden}.scan-panel .qr-reader video{border-radius:12px}