:root{--primary: #1e1b4b;--primary-rgb: 30, 27, 75;--primary-hover: #312e81;--primary-foreground: #ffffff;--background: #f8fafc;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--secondary: #f1f5f9;--secondary-foreground: #1e1b4b;--muted: #f1f5f9;--muted-foreground: #64748b;--accent: #2563eb;--accent-foreground: #ffffff;--destructive: #ef4444;--border: #e2e8f0;--input: #e2e8f0;--ring: #2563eb;--radius: .75rem;--font-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--border-color: #e2e8f0;--bg-card: #ffffff;--text-dark: #0f172a;--bg-secondary: #f1f5f9;--pink: #1e1b4b;--pink-pale: rgba(30, 27, 75, .08)}*{box-sizing:border-box}html{background-color:var(--background)}body{font-family:var(--font-sans)!important;color:var(--foreground)!important;background-color:var(--background)!important;background:var(--background)!important;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.container-soft{max-width:1140px;margin:0 auto;padding:0 1.5rem}.font-serif{font-family:var(--font-serif)}.text-muted{color:var(--muted-foreground)!important}.text-primary{color:var(--primary)!important}.pt-14{padding-top:3.5rem}.pb-14{padding-bottom:3.5rem}.pt-20{padding-top:5rem}.pb-20{padding-bottom:5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.btn-primary-pink,.btn-primary-accent{background:var(--primary);color:var(--primary-foreground);border:none;border-radius:50px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,color .2s,transform .15s,box-shadow .2s;cursor:pointer;box-shadow:0 2px 4px #0000000f}.btn-primary-pink:hover,.btn-primary-pink:focus,.btn-primary-accent:hover,.btn-primary-accent:focus{background:var(--primary-hover);color:var(--primary-foreground);text-decoration:none;box-shadow:0 4px 12px #1e1b4b40}.btn-primary-pink.disabled,.btn-primary-accent.disabled{background:#cbd5e1;color:var(--primary-foreground);box-shadow:none;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-foreground)!important;border-radius:50px!important;font-weight:500!important;transition:background .2s,border-color .2s!important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:var(--primary-foreground)!important;box-shadow:none!important}.btn-outline-pink,.btn-outline-accent{background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:50px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s;cursor:pointer}.btn-outline-pink:hover,.btn-outline-accent:hover{background:var(--secondary);border-color:var(--primary);color:var(--primary)}.btn-wa{background:#25d366;color:#fff;border:none;border-radius:50px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s;box-shadow:0 4px 12px #25d36640}.btn-wa:hover{background:#1ebe5d;opacity:1;color:#fff}.card-section{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-section-padded{padding:1.5rem}.form-input{width:100%;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.625rem .875rem;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s;color:var(--foreground)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e1b4b14}.form-input::placeholder{color:var(--muted-foreground)}.form-label{font-size:.75rem;font-weight:600;color:var(--muted-foreground);margin-bottom:.375rem;display:block;text-transform:uppercase;letter-spacing:.05em}.product-card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.product-card:hover{box-shadow:0 12px 30px #00000014;border-color:#1e1b4b33;transform:translateY(-2px);color:inherit}.product-card .product-img-wrap{aspect-ratio:1;overflow:hidden;border-radius:14px;background:#f8fafc;margin-bottom:12px;border:1px solid rgba(0,0,0,.03)}.product-card .product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-img-wrap img{transform:scale(1.04)}.product-card .product-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);font-weight:600}.product-card .product-name{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;margin:.25rem 0;color:var(--foreground);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7em}.product-card__name{font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7em}.product-card .product-price{font-size:.95rem;font-weight:600;color:var(--primary)}.filter-pill{display:inline-block;padding:.375rem 1rem;border-radius:50px;font-size:.8rem;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;transition:all .15s;text-decoration:none}.filter-pill.active,.filter-pill:hover.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.filter-pill:hover:not(.active){background:var(--secondary)}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:50px;background:var(--card);overflow:hidden}.qty-stepper button{border:none;background:none;padding:.5rem .75rem;cursor:pointer;color:var(--foreground);font-size:1rem;transition:color .15s}.qty-stepper button:hover{color:var(--primary)}.qty-stepper .qty-value{min-width:2.5rem;text-align:center;font-weight:600;font-size:.9rem;color:var(--foreground)}.radio-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--card);cursor:pointer;transition:all .15s}.radio-card:has(input:checked){border-color:var(--primary);background:#1e1b4b0a}.radio-card input[type=radio]{accent-color:var(--primary);width:1.1rem;height:1.1rem}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--primary)}.auth-container{max-width:420px;margin:0 auto}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000000a}.auth-input{width:100%;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;outline:none;transition:border-color .15s;color:var(--foreground)}.auth-input:focus{border-color:var(--primary)}.auth-input::placeholder{color:var(--muted-foreground)}.badge-soft{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pending{background:#fef3c7;color:#92400e}.badge-processing{background:#dbeafe;color:#1e40af}.badge-shipped{background:#ede9fe;color:#5b21b6}.badge-delivered{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.faq-item{border-bottom:1px solid var(--border);background:transparent}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;background:none;border:none;color:var(--foreground);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;transition:color .15s}.faq-trigger:hover{color:var(--primary)}.faq-trigger svg{transition:transform .2s;flex-shrink:0;color:var(--muted-foreground)}.faq-item.open .faq-trigger svg{transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-content-inner{padding:0 0 1.25rem;color:var(--muted-foreground);font-size:.925rem;line-height:1.6}.step-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:border-color .2s,box-shadow .2s}.step-card:hover{border-color:#1e1b4b40;box-shadow:0 8px 24px #0000000d}.step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1e1b4b14;color:var(--primary);font-weight:700;font-size:1.15rem;margin-bottom:1rem}.resi-tear{margin-top:1.25rem;border-top:1px dashed rgba(148,163,184,.75);height:0}.resi-slip{margin-top:.9rem;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem 1.05rem;box-shadow:0 1px 2px #00000008}.resi-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem}.resi-title{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.resi-eyebrow{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:1.05rem;letter-spacing:.02em;color:var(--foreground)}.resi-cap{font-size:.72rem;color:var(--muted-foreground)}.resi-stamp{flex-shrink:0;text-align:center;min-width:74px}.resi-stamp-ring{width:64px;height:64px;margin:0 auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #cbd5e1;color:#94a3b8;transition:all .35s ease}.resi-stamp-ring .stamp-num{font-size:.85rem;font-weight:700;line-height:1}.resi-stamp-ring .stamp-sub{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.resi-stamp .stamp-state{margin-top:6px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;font-weight:600}.resi-stamp.done .resi-stamp-ring{border:0;background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 14px #1e1b4b59,inset 0 0 0 3px #ffffff2e,inset 0 0 0 5px #1e1b4b66;transform:rotate(-4deg)}.resi-stamp.done .stamp-state{color:var(--primary)}@media(prefers-reduced-motion:reduce){.resi-stamp-ring{transition:none}}.resi-stubs{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.resi-stub{display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:12px;padding:.35rem .5rem .35rem .35rem;background:var(--card);box-shadow:0 1px 2px #00000008}.resi-stub-no{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--foreground);background:var(--secondary);padding:6px 10px;border-radius:8px;white-space:nowrap}.resi-stub-qty{display:flex;align-items:center;gap:3px;font-size:.78rem;font-weight:600;color:var(--foreground)}.resi-stub-qty input{width:40px;border:1px solid var(--border);border-radius:7px;text-align:center;padding:3px;font-size:.78rem;font-weight:600;color:var(--foreground)}.resi-stub-qty input:focus,.resi-add-qty input:focus{outline:2px solid rgba(30,27,75,.35);outline-offset:1px;border-color:var(--primary)}.resi-stub-remove{border:0;background:none;color:#cbd5e1;font-size:1.05rem;line-height:1;cursor:pointer;padding:2px 3px;border-radius:6px;transition:color .15s,background .15s}.resi-stub-remove:hover{color:#dc2626;background:#fef2f2}.resi-add-row{margin-top:.6rem;display:inline-flex;align-items:center;gap:.5rem;border:1.5px dashed #cbd5e1;border-radius:12px;padding:.4rem .5rem .4rem .75rem}.resi-add-no{width:190px;border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--foreground);background:var(--card)}.resi-add-no:focus{outline:2px solid rgba(30,27,75,.35);outline-offset:1px;border-color:var(--primary)}.resi-add-btn{cursor:pointer;border:0;background:none;padding:0;color:var(--muted-foreground);font-size:.78rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;transition:color .15s}.resi-add-btn:hover{color:var(--primary)}.resi-add-btn .plus{font-size:1rem;font-weight:500;line-height:1}.resi-add-qty{display:flex;align-items:center;gap:.35rem;border-left:1px dashed var(--border);padding-left:.5rem}.resi-add-qty input{width:46px;border:1px solid var(--border);border-radius:8px;text-align:center;padding:4px 2px;font-size:.78rem;font-weight:600;color:var(--foreground);background:var(--card)}.resi-add-qty .unit{font-size:.62rem;color:var(--muted-foreground);white-space:nowrap}.resi-add-row.disabled{opacity:.45;pointer-events:none}.resi-empty{font-size:.78rem;color:var(--muted-foreground);padding:.45rem 0}.pdf-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 7px;border-radius:9px;background:#fee2e2;color:#dc2626;font-size:.62rem;font-weight:700;letter-spacing:.06em;flex-shrink:0}.resi-pdf-file{display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);border-radius:14px;padding:.6rem .75rem;background:var(--card);box-shadow:0 1px 2px #00000008}.resi-pdf-name{font-size:.85rem;font-weight:600;color:var(--foreground);word-break:break-all}.resi-pdf-meta{font-size:.7rem;color:var(--muted-foreground)}.resi-pdf-meta a{color:var(--primary);text-decoration:underline}.resi-pdf-review{flex-shrink:0;border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--primary);text-decoration:none;background:var(--card);transition:all .15s}.resi-pdf-review:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.resi-pdf-remove{border:0;background:none;color:#cbd5e1;font-size:1.15rem;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px;transition:color .15s,background .15s}.resi-pdf-remove:hover{color:#dc2626;background:#fef2f2}#resi-pdf-list+.resi-pdf-upload{margin-top:.875rem}.resi-pdf-upload{display:flex;align-items:center;justify-content:center;gap:.6rem;border:1.5px dashed #cbd5e1;border-radius:14px;padding:1rem;cursor:pointer;color:var(--muted-foreground);font-size:.85rem;font-weight:500;transition:all .15s}.resi-pdf-upload:hover{border-color:var(--primary);color:var(--primary);background:var(--pink-pale)}.resi-pdf-hint{font-size:.7rem;color:var(--muted-foreground);margin:.6rem 0 0}