:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#1b84ff;--blue-600:#056ee9;--blue-700:#0a5fc4;--green-50:#eafff1;--green-100:#d3f9e0;--green-500:#17c653;--green-600:#13a948;--green-700:#0f8f3d;--amber-50:#fff8dd;--amber-100:#fdeeb8;--amber-500:#f6c000;--amber-600:#d9a400;--amber-700:#b67d00;--red-50:#fff5f8;--red-100:#ffe0e9;--red-500:#f8285a;--red-600:#f8285a;--red-700:#d61b48;--violet-50:#f8f5ff;--violet-100:#ede5ff;--violet-500:#7239ea;--violet-600:#6429d6;--violet-700:#5a23c0;--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#1b1c22;--background:#ffffff;--foreground:#1b1c22;--card:#ffffff;--card-foreground:#1b1c22;--muted:#f9f9f9;--muted-foreground:#4b5675;--secondary:#f1f1f4;--secondary-foreground:#252f4a;--accent:#f4f4f4;--accent-foreground:#252f4a;--primary:#1b1c22;--primary-foreground:#ffffff;--brand:#1b84ff;--brand-foreground:#ffffff;--border:#f1f1f4;--border-strong:#dbdfe9;--input:#dbdfe9;--ring:#1b84ff;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.04);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.06);--shadow-md:0 4px 12px -2px rgba(0,0,0,.08),0 2px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 12px 32px -8px rgba(0,0,0,.16),0 6px 14px -6px rgba(0,0,0,.08);--radius:.5rem;--radius-sm:.375rem;--radius-lg:.75rem;--sidebar-w:280px;--header-h:64px;--fs:18px;--text-sm:16px;--text-base:18px;--text-lg:20px;--pad:1.15rem;--row-h:44px;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono","SF Mono",ui-monospace,monospace}.dark{--background:#15171c;--foreground:#f5f5f5;--card:#1b1c22;--card-foreground:#f5f5f5;--muted:#15171c;--muted-foreground:#9a9cae;--secondary:#26272f;--secondary-foreground:#f5f5f5;--accent:#1f212a;--accent-foreground:#f5f5f5;--primary:#f5f5f5;--primary-foreground:#1b1c22;--brand:#1b84ff;--brand-foreground:#ffffff;--border:#26272f;--border-strong:#363843;--input:#363843;--ring:#1b84ff;--blue-50:rgba(27,132,255,.12);--blue-100:rgba(27,132,255,.18);--green-50:rgba(23,198,83,.13);--green-100:rgba(23,198,83,.2);--amber-50:rgba(246,192,0,.13);--amber-100:rgba(246,192,0,.2);--red-50:rgba(248,40,90,.13);--red-100:rgba(248,40,90,.2);--violet-50:rgba(114,57,234,.14);--violet-100:rgba(114,57,234,.22);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.4);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.5);--shadow-md:0 4px 12px -2px rgba(0,0,0,.5);--shadow-lg:0 12px 32px -8px rgba(0,0,0,.6)}[data-density=compact]{--text-sm:15px;--text-base:16px;--text-lg:19px;--pad:1rem;--row-h:40px}[data-density=regular]{--text-sm:16px;--text-base:18px;--text-lg:20px;--pad:1.15rem;--row-h:44px}[data-density=comfy]{--text-sm:17px;--text-base:19px;--text-lg:22px;--pad:1.35rem;--row-h:48px}@media(min-width:1024px){[data-density=compact]{--text-sm:12.5px;--text-base:13.5px;--text-lg:17px;--pad:1rem;--row-h:34px}[data-density=regular]{--text-sm:13.5px;--text-base:15px;--text-lg:19px;--pad:1.15rem;--row-h:38px}[data-density=comfy]{--text-sm:15px;--text-base:16.5px;--text-lg:21px;--pad:1.35rem;--row-h:42px}}*{box-sizing:border-box}html,body{margin:0;height:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--sans);font-size:var(--text-base);line-height:1.5;color:var(--foreground);background:var(--muted);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--brand) 24%,transparent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--ring) 70%,transparent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--input) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--input);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.t-title{font-size:var(--text-base);font-weight:600;letter-spacing:0}.t-h2{font-size:var(--text-lg);font-weight:600;letter-spacing:0}.t-h1{font-size:var(--text-lg);font-weight:700;letter-spacing:0}.muted{color:var(--muted-foreground)}.t-xs,.t-sm{font-size:var(--text-sm)}.t-md,.t-lg{font-size:var(--text-base)}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.tnum{font-variant-numeric:tabular-nums}.uppercase{text-transform:uppercase;letter-spacing:0}.clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.full{width:100%}.hidden{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:560px){.form-grid{grid-template-columns:1fr}}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stat-grid{grid-template-columns:1fr}}.filter-row{display:grid;grid-template-columns:1fr 1fr 1.6fr 1.1fr;gap:.85rem;align-items:end}@media(max-width:820px){.filter-row{grid-template-columns:1fr 1fr}}@media(max-width:460px){.filter-row{grid-template-columns:1fr}}.dotc{width:9px;height:9px;border-radius:50%;flex:0 0 auto;display:inline-block}.dot-green{background:var(--green-500)}.dot-amber{background:var(--amber-500)}.dot-red{background:var(--red-500)}.dot-blue{background:var(--blue-500)}.ot-tabs{display:flex;align-items:center;gap:.5rem;padding:.6rem var(--pad);border-bottom:1px solid var(--border);flex-wrap:wrap}.ot-tab{display:inline-flex;align-items:center;gap:.45rem;border:none;background:transparent;cursor:pointer;padding:.5rem .8rem;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;color:var(--muted-foreground)}.ot-tab:hover{background:var(--accent)}.ot-tab.on{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.ot-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--secondary);color:var(--secondary-foreground);font-size:var(--text-sm);font-weight:600}.ot-tab.on .ot-count{background:var(--brand);color:#fff}.pg-num{min-width:var(--row-h);height:var(--row-h);padding:0 .5rem;border:1px solid var(--input);background:var(--card);color:var(--foreground);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}.pg-num:hover{background:var(--accent)}.pg-num.on{background:var(--brand);border-color:var(--brand);color:#fff}.drag-row{display:flex;align-items:center;gap:.85rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);transition:box-shadow .15s,border-color .15s,opacity .15s}.drag-row.dragging{opacity:.45}.drag-row.over{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.drag-handle{cursor:grab;color:var(--muted-foreground);display:flex;flex:0 0 auto;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-rank{width:26px;height:26px;border-radius:7px;background:var(--secondary);color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex:0 0 auto;font-variant-numeric:tabular-nums}.hide-desk{display:none}@media(max-width:1023px){.hide-desk{display:inline-flex}}@media(max-width:640px){.hide-sm{display:none!important}}.card{display:flex;flex-direction:column;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem var(--pad);min-height:56px;border-bottom:1px solid var(--border)}.card-body{padding:var(--pad)}.card-footer{display:flex;align-items:center;padding:var(--pad);border-top:1px solid var(--border)}.btn{--h:var(--row-h);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:var(--h);padding:0 .85rem;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;line-height:1;white-space:nowrap;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,opacity .15s}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 90%,#000)}.dark .btn-primary:hover{background:color-mix(in srgb,var(--primary) 90%,#fff)}.btn-brand{background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.btn-brand:hover{background:var(--blue-600)}.btn-outline{background:var(--card);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 32%,var(--input));box-shadow:var(--shadow-xs)}.btn-outline:hover{background:color-mix(in srgb,var(--brand) 8%,var(--card));border-color:var(--brand)}.btn-neutral{background:var(--card);color:var(--foreground);border-color:var(--input);box-shadow:var(--shadow-xs)}.btn-neutral:hover{background:var(--accent)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:color-mix(in srgb,var(--secondary) 92%,var(--foreground))}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover{background:var(--accent)}.btn-dashed{background:var(--card);border:1px dashed var(--input);color:var(--foreground)}.btn-dashed:hover{background:var(--accent)}.btn-destructive{background:var(--red-600);color:#fff;box-shadow:var(--shadow-xs)}.btn-destructive:hover{background:var(--red-700)}.btn-success{background:var(--green-600);color:#fff}.btn-success:hover{background:var(--green-700)}.btn-lg{--h:50px;padding:0 1.2rem;font-size:var(--text-base)}.btn-sm{--h:36px;padding:0 .7rem;font-size:var(--text-sm)}@media(min-width:1024px){.btn-lg{--h:42px}.btn-sm{--h:30px}.badge{height:24px;padding:0 .5rem}.badge-lg{height:28px}.qty button{width:30px;height:30px}.step-dot{width:28px;height:28px}}.btn-icon{width:var(--row-h);padding:0}.btn-icon.btn-lg{width:40px}.btn-icon.btn-sm{width:28px}.btn-block{width:100%}.btn-wa{background:#fff;color:var(--foreground);border:1px solid var(--input);box-shadow:var(--shadow-xs);justify-content:flex-start}.btn-wa:hover{background:var(--accent);border-color:#25d36680}.btn-wa .wa-ic{color:#25d366}.dark .btn-wa{background:var(--card)}.badge{display:inline-flex;align-items:center;gap:.3rem;height:28px;padding:0 .55rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:1;border:1px solid transparent;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-lg{height:32px;padding:0 .7rem;font-size:var(--text-sm)}.badge-neutral{background:var(--secondary);color:var(--secondary-foreground)}.badge-blue{background:var(--blue-50);color:var(--blue-700)}.badge-green{background:var(--green-50);color:var(--green-700)}.badge-amber{background:var(--amber-50);color:var(--amber-700)}.badge-red{background:var(--red-50);color:var(--red-700)}.badge-violet{background:var(--violet-50);color:var(--violet-700)}.badge-outline{background:transparent;border-color:var(--border-strong);color:var(--muted-foreground)}.dark .badge-blue{color:#7db8ff}.dark .badge-green{color:#5fd98a}.dark .badge-amber{color:#f0c44e}.dark .badge-red{color:#ff7d96}.dark .badge-violet{color:#b89bf0}.field-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:.4rem}.field-label .req{color:var(--red-600);margin-left:2px}.field-hint{font-size:var(--text-sm);color:var(--muted-foreground);margin-top:.35rem}.field-error{font-size:var(--text-sm);color:var(--red-600);margin-top:.35rem}.input,.select,.textarea{width:100%;min-width:0;height:var(--row-h);padding:0 .7rem;font:inherit;font-size:var(--text-sm);color:var(--foreground);background:var(--background);border:1px solid var(--input);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s;line-height:calc(var(--row-h) - 2px)}input.input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--row-h);min-height:var(--row-h);padding:0 .7rem;line-height:normal;display:flex;align-items:center;box-sizing:border-box}input.input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;margin:0}input.input[type=date]::-webkit-datetime-edit{line-height:normal;padding:0}input.input[type=date]::-webkit-date-and-time-value{text-align:left}input.input[type=number]{-moz-appearance:textfield}.textarea{height:auto;padding:.55rem .7rem;resize:vertical;min-height:76px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:color-mix(in srgb,var(--muted-foreground) 80%,transparent)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}.input[readonly],.input:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:15px;padding-right:1.9rem;cursor:pointer}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:var(--radius) 0 0 var(--radius)}.input-group .input-addon,.input-group .btn{border-radius:0 var(--radius) var(--radius) 0}.input-addon{display:inline-flex;align-items:center;padding:0 .7rem;background:var(--muted);border:1px solid var(--input);color:var(--muted-foreground);font-size:var(--text-sm)}.input-icon{position:relative}.input-icon>svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted-foreground);pointer-events:none}.input-icon .input{padding-left:2.1rem}.password-toggle{z-index:2}.password-toggle svg{position:static;transform:none;width:18px;height:18px;pointer-events:auto}.turnstile-wrap{min-height:65px;display:flex;align-items:center}.checkbox{width:18px;height:18px;border:1.5px solid var(--input);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:var(--background);cursor:pointer;flex:0 0 auto;transition:.15s}.checkbox.on{background:var(--brand);border-color:var(--brand);color:#fff}.checkbox svg{width:12px;height:12px}.switch{width:46px;height:26px;border-radius:13px;background:var(--input);position:relative;cursor:pointer;transition:.18s;flex:0 0 auto;border:none;padding:0}.switch.on{background:var(--brand)}.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.18s;box-shadow:0 1px 3px #0003}.switch.on:after{left:23px}.tbl{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.tbl th{text-align:left;font-weight:500;color:var(--muted-foreground);font-size:var(--text-sm);padding:.7rem var(--pad);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--muted)}.tbl td{padding:.75rem var(--pad);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr.clickable{cursor:pointer;transition:background .12s}.tbl tbody tr.clickable:hover{background:var(--muted)}.tbl .right{text-align:right}.stepper{display:flex;align-items:center;gap:0}.stepper.compact{gap:0}.stepper.compact .step-dot{width:30px;height:30px;font-size:var(--text-sm)}.stepper.compact .step-line{width:14px;margin:0 .25rem}@media(max-width:480px){.stepper.compact .step-dot{width:27px;height:27px}.stepper.compact .step-line{width:8px;margin:0 .15rem}}.step{display:flex;align-items:center;gap:.6rem}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex:0 0 auto;border:1.5px solid var(--border-strong);color:var(--muted-foreground);background:var(--background);transition:.2s}.step.active .step-dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}.step.done .step-dot{background:var(--green-600);border-color:var(--green-600);color:#fff}.step-label{font-size:var(--text-sm);font-weight:500;color:var(--muted-foreground);white-space:nowrap}.step.active .step-label,.step.done .step-label{color:var(--foreground)}.step-line{width:34px;height:1.5px;background:var(--border-strong);margin:0 .5rem;flex:0 0 auto}.step-line.done{background:var(--green-600)}.step.clickable{cursor:pointer}.ful-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.ful-card{padding:1rem .6rem}.pick{border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:.15s;background:var(--card);position:relative}.pick:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border-strong))}.pick.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--card));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.pick-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--input);flex:0 0 auto;display:flex;align-items:center;justify-content:center}.pick.on .pick-radio{border-color:var(--brand)}.pick.on .pick-radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--brand)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media(max-width:640px){.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.prod-thumb{font-size:32px!important}}.prod{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card);transition:.15s;display:flex;flex-direction:column}.prod:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.prod-thumb{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,var(--muted),var(--muted) 9px,color-mix(in srgb,var(--muted) 60%,var(--border-strong)) 9px,color-mix(in srgb,var(--muted) 60%,var(--border-strong)) 18px);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-size:.6875rem;font-family:var(--mono)}.qty{display:inline-flex;align-items:center;border:1px solid var(--input);border-radius:var(--radius);overflow:hidden}.qty button{width:38px;height:38px;border:none;background:var(--card);color:var(--foreground);cursor:pointer;display:flex;align-items:center;justify-content:center}.qty button:hover{background:var(--accent)}.qty .n{min-width:34px;text-align:center;font-weight:600;font-size:var(--text-base)}.qty-full{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--row-h);border:1px solid var(--brand);border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--brand) 6%,var(--card))}.qty-full button{width:var(--row-h);height:100%;border:none;background:transparent;color:var(--brand);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.qty-full button:hover{background:color-mix(in srgb,var(--brand) 14%,transparent)}.qty-full .n{font-weight:700;font-size:var(--text-base);color:var(--foreground);font-variant-numeric:tabular-nums}.qr-box{width:240px;height:240px;border-radius:var(--radius);background:#fff;padding:10px;box-shadow:var(--shadow-sm)}.qr-box svg{width:100%;height:100%;display:block}.seg{display:inline-flex;background:var(--secondary);border-radius:var(--radius);padding:3px;gap:2px;max-width:100%;overflow-x:auto}.seg button{border:none;background:transparent;padding:.35rem .75rem;border-radius:calc(var(--radius) - 3px);font-size:var(--text-sm);font-weight:500;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;flex:0 0 auto}.seg button.on{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-xs)}.hr{height:1px;background:var(--border);border:none;margin:0}.dashed-hr{height:0;border:none;border-top:1px dashed var(--border-strong);margin:.5rem 0}.avatar{border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);flex:0 0 auto}.toast-wrap{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:.5rem;align-items:center}.toast{background:var(--zinc-950);color:#fff;padding:.7rem 1rem;border-radius:var(--radius);font-size:var(--text-sm);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.5rem;animation:toastin .25s ease}.dark .toast{background:#26262c;border:1px solid var(--border-strong)}@keyframes toastin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090b80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade .2s ease}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;animation:pop .2s ease}.modal-lg{max-width:620px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--pad);border-bottom:1px solid var(--border)}.modal-body{padding:var(--pad);overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem var(--pad);border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}.fadein{animation:stepin .28s ease}@keyframes stepin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1180px){.wiz-grid,.od-grid{grid-template-columns:minmax(0,1fr)!important}.wiz-grid>div[style*=sticky],.od-grid>div[style*=sticky]{position:static!important}}@media(max-width:560px){.step-label{display:none}.step-line{width:14px;margin:0 .2rem}.stepper{justify-content:center}}@media(max-width:1023px){.wiz-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -4px 16px -6px #0003;padding:.7rem 1rem;margin:0}.wiz-nav .btn{flex:1 1 0}main{padding-bottom:82px!important}}.review-banner{background:var(--amber-50);border:1px solid color-mix(in srgb,var(--amber-500) 38%,var(--border));border-radius:var(--radius-lg);padding:1rem 1.1rem}.review-section{border-color:color-mix(in srgb,var(--brand) 22%,var(--border))!important}.review-section .card-header{background:color-mix(in srgb,var(--brand) 4%,transparent)}.od-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.od-actions .btn{width:100%;min-width:0}@media(min-width:1024px){.od-actions{display:flex;flex-wrap:wrap}.od-actions .btn{width:auto;flex:0 0 auto}}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:var(--text-sm)}.kv .k{color:var(--muted-foreground)}.kv .v{font-weight:500;font-variant-numeric:tabular-nums}.kv.total{font-size:var(--text-lg);font-weight:700;padding-top:.6rem}.kv .v.minus,.kv.is-disc .k{color:var(--red-600)}.dark .kv .v.minus,.dark .kv.is-disc .k{color:#ff7d96}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1024px){.prod-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}