:root{--brand: #ea580c;--brand-dark: #c2410c;--brand-soft: #fff4ec;--brand-ring: rgb(234 88 12 / .2);--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f8f9fb;--surface-3: #f1f3f6;--text: #111827;--text-2: #374151;--muted: #6b7280;--faint: #9ca3af;--border: #e5e7eb;--border-strong: #d1d5db;--danger: #dc2626;--series-1: #2a78d6;--series-2: #eb6834;--grid: #eceef1;--radius: 12px;--radius-sm: 8px;--control-h: 40px;--sidebar-w: 248px;--topbar-h: 60px;--shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--shadow-sm: 0 1px 3px rgb(16 24 40 / .06), 0 1px 2px rgb(16 24 40 / .04);--shadow: 0 4px 12px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .05);--shadow-lg: 0 20px 48px rgb(16 24 40 / .18);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,h4{line-height:1.25;margin:0 0 6px;letter-spacing:-.015em;color:var(--text)}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.05rem;font-weight:600}h3{font-size:.98rem;font-weight:600}p{margin:0 0 12px}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}::selection{background:var(--brand-soft)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.narrow{max-width:500px}.section{padding-top:40px;padding-bottom:64px}.center{text-align:center}.right{text-align:right!important}.muted{color:var(--muted)}.small{font-size:.83rem}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em;letter-spacing:.03em}.pre-wrap{white-space:pre-wrap}.break{word-break:break-all}.text-green{color:#15803d}.text-amber{color:#b45309}.req{color:var(--danger)}.line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:320px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-h);padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font:inherit;font-size:.88rem;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none!important;box-shadow:var(--shadow-xs);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 2px #ea580c4d}.btn.primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:var(--danger)}.btn.small{height:32px;padding:0 12px;font-size:.8rem}.btn.block{width:100%;height:46px;font-size:.95rem}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;flex-shrink:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.link-btn{border:0;background:none;padding:0;font:inherit;font-size:.82rem;font-weight:500;color:var(--brand-dark);cursor:pointer}.link-btn:hover{text-decoration:underline}.input{width:100%;height:var(--control-h);padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:.9rem;background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;padding:10px 12px;resize:vertical}select.input{padding-right:8px}.input::placeholder{color:var(--faint)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.code-input{height:48px;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;letter-spacing:.12em;font-size:1.1rem;text-align:center}.search-box{position:relative;width:100%;max-width:320px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.search-box .input{padding-left:38px}.input-group{display:flex;gap:8px}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.82rem;font-weight:600;color:var(--text-2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.checkbox input,.table input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.form-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding-top:4px}.alert{padding:10px 14px;border-radius:var(--radius-sm);margin:0 0 16px;font-size:.88rem}.form .alert,.order-detail .alert,.generate-form .alert{margin:0}.alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.chips{display:inline-flex;gap:2px;flex-wrap:wrap;padding:3px;background:var(--surface-3);border:1px solid var(--border);border-radius:10px}.chip{height:30px;padding:0 12px;border-radius:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.83rem;font-weight:500;white-space:nowrap}.chip:hover{color:var(--text)}.chip.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);font-weight:600}.seg{display:inline-flex;padding:3px;background:var(--surface-3);border-radius:8px;border:1px solid var(--border)}.seg button{height:26px;padding:0 10px;border:0;border-radius:6px;background:none;font:inherit;font-size:.78rem;font-weight:500;color:var(--muted);cursor:pointer}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.tag{align-self:flex-start;display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-dark);background:var(--brand-soft);padding:3px 8px;border-radius:6px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:#ecfdf3;color:#067647;border-color:#abefc6}.badge.amber{background:#fffaeb;color:#b54708;border-color:#fedf89}.badge.blue{background:#eff8ff;color:#175cd3;border-color:#b2ddff}.badge.gray{background:var(--surface-3);color:#475467;border-color:var(--border)}.badge.red{background:#fef3f2;color:#b42318;border-color:#fecdca}.site{min-height:100vh;display:flex;flex-direction:column}.site main{flex:1}.site-header{background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none!important;letter-spacing:-.01em}.site-nav{display:flex;gap:4px}.site-nav a{height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;font-size:.9rem;text-decoration:none}.site-nav a:hover{background:var(--surface-3);text-decoration:none}.site-nav a.active{color:var(--brand-dark);background:var(--brand-soft)}.site-footer{padding:24px 0;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border);background:var(--surface)}.site-footer a{color:var(--muted);text-decoration:underline}.hero{position:relative;overflow:hidden;background:#111827;color:#fff;padding:64px 0 56px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(620px 300px at 85% 10%,rgb(234 88 12 / .5),transparent 70%),radial-gradient(480px 260px at 60% 120%,rgb(234 88 12 / .3),transparent 70%)}.hero .container{position:relative;z-index:1}.hero-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fdba74;margin-bottom:10px}.hero h1{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.hero p{margin:0;color:#d1d5db;font-size:1.05rem;max-width:520px}.hero-swatches{display:flex;gap:8px;margin-top:24px}.hero-swatches span{width:26px;height:26px;border-radius:50%;border:2px solid rgb(255 255 255 / .85)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.toolbar.spaced{margin-bottom:16px}.toolbar-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar-right .search-box{width:300px}.agent-select{width:180px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.product-card{text-align:left;font:inherit;color:inherit;padding:0;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-img{aspect-ratio:4 / 3;background:var(--surface);border-bottom:1px solid var(--border);padding:12px}.product-img img{width:100%;height:100%;object-fit:contain}.product-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.product-body h3{margin:2px 0 0}.product-body p{margin:0;color:var(--muted);font-size:.87rem}.price{font-weight:700;font-size:1.15rem;color:var(--text);margin-top:auto;padding-top:8px}.price.big{font-size:1.75rem;color:var(--brand-dark);padding:0;margin:10px 0 16px}.img-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--faint);font-size:.85rem;background:var(--surface-2);border-radius:6px}.small-ph{width:44px;height:44px;border-radius:8px}.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.detail-main-img{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border);padding:12px}.detail-main-img img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumb{width:64px;height:64px;padding:4px;border:2px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;background:var(--surface)}.thumb.active{border-color:var(--brand)}.thumb img{width:100%;height:100%;object-fit:contain}.detail-info{display:flex;flex-direction:column}.detail-info p{color:var(--text-2)}.amount-box{background:linear-gradient(135deg,var(--brand-soft),#ffedd5);border:1px solid #fed7aa;border-radius:var(--radius);padding:20px;text-align:center;margin:16px 0 24px;display:flex;flex-direction:column;gap:2px}.amount-box span{font-size:.75rem;color:var(--brand-dark);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.amount-box strong{font-size:2.4rem;font-weight:800;color:var(--brand-dark);letter-spacing:-.02em}.amount-box small{color:var(--muted);font-family:ui-monospace,monospace;font-size:.8rem}.success-icon,.error-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:1.8rem;font-weight:700}.success-icon{background:#dcfce7;color:#15803d}.error-icon{background:#fef2f2;color:var(--danger)}.payout{border:0;margin:4px 0 0;padding:18px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.payout legend{float:left;width:100%;padding:0;margin-bottom:2px;font-size:.95rem;font-weight:600}.payout-options{display:flex;flex-direction:column;gap:8px}.payout-option{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s,box-shadow .15s}.payout-option:hover{border-color:var(--faint)}.payout-option.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-ring)}.payout-option input{position:absolute;opacity:0;pointer-events:none}.payout-option input:focus-visible+.payout-radio{box-shadow:0 0 0 3px var(--brand-ring)}.payout-radio{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);background:#fff}.payout-option.selected .payout-radio{border-color:var(--brand);border-width:5px}.payout-option span:last-child{flex:1;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;line-height:1.3}.payout-option strong{font-size:.88rem}.payout-option small{font-size:.75rem;color:var(--muted)}.input.invalid{border-color:var(--danger)}.input.invalid:focus{box-shadow:0 0 0 3px #dc262626}.field-error{color:var(--danger);font-size:.78rem}.mono-input{font-family:ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.payout-cell{display:flex;flex-direction:column;gap:2px;font-size:.83rem;white-space:nowrap}.payout-cell .mono{color:var(--text)}.copy-btn{border:0;background:none;padding:0 0 0 6px;color:var(--muted);cursor:pointer;font-size:.75rem}.copy-btn:hover{color:var(--brand-dark)}.success{display:flex;flex-direction:column;gap:20px}.success-top{text-align:center}.success-top .success-icon{margin-bottom:14px;box-shadow:0 0 0 8px #f0fdf4}.success-top h1{margin-bottom:4px}.success-top p{margin:0}.success-amount{display:inline-block;margin-top:14px;padding:6px 18px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.eta{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius);background:#eff8ff;border:1px solid #b2ddff;color:#175cd3}.eta svg{flex-shrink:0;margin-top:1px}.eta div{display:flex;flex-direction:column;gap:2px}.eta strong{font-size:.95rem}.eta span{font-size:.84rem;color:#1849a9}.receipt{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0;padding:16px;border-radius:var(--radius);background:var(--surface-2);border:1px dashed var(--border-strong);font-size:.88rem}.receipt dt{color:var(--muted)}.receipt dd{margin:0;text-align:right;font-weight:500;word-break:break-word}.next-steps h2{font-size:.95rem;margin-bottom:12px}.next-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.next-steps li{position:relative;display:flex;flex-direction:column;gap:1px;padding:0 0 16px 32px;font-size:.86rem}.next-steps li:last-child{padding-bottom:0}.next-steps li:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);box-sizing:border-box}.next-steps li:after{content:"";position:absolute;left:8px;top:21px;bottom:1px;width:2px;background:var(--border)}.next-steps li:last-child:after{display:none}.next-steps li.done:before{border-color:#17b26a;background:#17b26a;box-shadow:inset 0 0 0 3px #fff}.next-steps li span{color:var(--muted)}.success-note{margin:0;font-size:.82rem;color:var(--muted);text-align:center}.success-thanks{display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand-soft),#ffedd5);border:1px solid #fed7aa}.success-thanks strong{color:var(--brand-dark)}.success-thanks span{font-size:.85rem;color:var(--text-2)}.results-count{margin:-8px 0 16px;font-size:.85rem;color:var(--muted)}.scroll-status{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:48px;padding:28px 0 8px}.loading-more{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:.88rem}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--brand);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-card.skeleton{cursor:default;pointer-events:none}.product-card.skeleton .product-img{background:var(--surface-3)}.sk{display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface-3),#e9ebef,var(--surface-3));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.sk-tag{width:70px;height:18px}.sk-title{width:80%;height:20px;margin-top:4px}.sk-line{width:100%;height:34px}.sk-price{width:90px;height:22px;margin-top:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 4px 0}.pager-info{font-size:.84rem;color:var(--muted)}.pager-info strong{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.pager-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pager-size{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}.pager-size select{height:32px;padding:0 6px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font:inherit;font-size:.82rem;color:var(--text)}.pager-pages{display:inline-flex;align-items:center;gap:4px}.pager-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-2);font:inherit;font-size:.83rem;font-weight:500;cursor:pointer;font-variant-numeric:tabular-nums}.pager-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.pager-gap{padding:0 4px;color:var(--faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;z-index:100}.modal{background:var(--surface);border-radius:14px;padding:20px 24px 24px;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-wide{max-width:920px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin:-4px -8px 16px 0}.modal-head h2{margin:0;font-size:1.1rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(900px 420px at 50% -10%,#ffe7d6,var(--bg) 70%)}.login-card{width:100%;max-width:400px}.login-card svg{margin:0 auto 14px}.login-card h1{margin-bottom:2px}.panel{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:50;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);transition:transform .22s ease}.sidebar-brand{display:flex;align-items:center;gap:11px;height:var(--topbar-h);padding:0 18px;text-decoration:none!important;border-bottom:1px solid var(--border)}.sidebar-brand div{display:flex;flex-direction:column;line-height:1.2}.sidebar-brand strong{color:var(--text);font-size:.95rem}.sidebar-brand span{font-size:.75rem;color:var(--muted)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:14px 12px;overflow-y:auto}.sidebar-nav a,.sidebar-link{position:relative;display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:var(--radius-sm);color:var(--text-2);text-decoration:none!important;font-size:.89rem;font-weight:500;transition:background .15s,color .15s}.sidebar-nav a svg,.sidebar-link svg{color:var(--faint);transition:color .15s}.sidebar-nav a:hover,.sidebar-link:hover{background:var(--surface-3);color:var(--text)}.sidebar-nav a.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:600}.sidebar-nav a.active svg{color:var(--brand)}.sidebar-nav a.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}.sidebar-bottom{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sidebar-foot{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fb923c,var(--brand-dark));color:#fff;font-weight:600;font-size:.9rem}.avatar.light{background:var(--brand-soft);color:var(--brand-dark)}.sidebar-user{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.sidebar-user strong{font-size:.85rem}.sidebar-user span{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot .icon-btn{width:32px;height:32px}.sidebar-scrim{display:none}.panel-body{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 28px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.menu-btn{display:none}.topbar-title{display:flex;align-items:center;gap:8px;font-size:.9rem;min-width:0}.crumb{color:var(--muted)}.crumb-sep{color:var(--border-strong)}.topbar-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.panel-main{padding:28px 32px;width:100%;max-width:1920px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{margin:0 0 4px}.page-head p{margin:0;color:var(--muted);font-size:.9rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 12px}.section-head h2{margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-xs)}.stat>div:last-child{display:flex;flex-direction:column}.stat span{color:var(--muted);font-size:.8rem;font-weight:500}.stat strong{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.stat-icon,.kpi-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;display:grid;place-items:center}.stat-icon svg,.kpi-icon svg{width:20px;height:20px}.stat-icon.amber,.kpi-icon.amber{background:#fffaeb;color:#b54708}.stat-icon.brand,.kpi-icon.brand{background:var(--brand-soft);color:var(--brand)}.stat-icon.green,.kpi-icon.green{background:#ecfdf3;color:#067647}.stat-icon.blue,.kpi-icon.blue{background:#eff8ff;color:#175cd3}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:4px;min-width:0}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.kpi-top span{font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:500}.kpi strong{font-size:1.6rem;font-weight:700;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi small{font-size:.78rem;color:var(--muted)}.dash-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 14px}.dash-toolbar h2{margin:0}.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-xs);min-width:0}.panel-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.panel-card-head h3{margin:0 0 2px}.panel-card-head p{margin:0;font-size:.82rem;color:var(--muted)}.mini-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600;margin:22px 0 8px}.status-list{display:flex;flex-direction:column}.status-row{display:flex;justify-content:space-between;align-items:center;padding:9px 4px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none!important}.status-row:last-child{border-bottom:0}.status-row:hover{background:var(--surface-2)}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs);margin-top:16px}.status-cell{display:flex;flex-direction:column;gap:2px;padding:14px 20px;color:var(--text);border-left:1px solid var(--border);border-top:3px solid transparent;text-decoration:none!important}.status-cell:first-child{border-left:0}.status-cell:hover{background:var(--surface-2)}.status-cell span{font-size:.8rem;color:var(--muted);font-weight:500}.status-cell strong{font-size:1.3rem}.status-cell.amber{border-top-color:#f79009}.status-cell.blue{border-top-color:#2e90fa}.status-cell.green{border-top-color:#17b26a}.status-cell.gray{border-top-color:var(--faint)}.chart{position:relative;width:100%}.chart svg{display:block;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1;shape-rendering:crispEdges}.chart .tick{font-size:11px;fill:var(--muted);font-variant-numeric:tabular-nums}.chart-tip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:5;min-width:150px;padding:10px 12px;border-radius:10px;background:var(--text);color:#fff;font-size:.78rem;box-shadow:var(--shadow-lg);white-space:nowrap}.chart-tip strong{display:block;margin-bottom:6px;font-size:.8rem}.tip-row{display:flex;align-items:center;gap:8px}.tip-row i{width:8px;height:8px;border-radius:2px}.tip-row b{margin-left:auto;padding-left:14px;font-variant-numeric:tabular-nums}.tip-extra{margin-top:6px;padding-top:6px;border-top:1px solid rgb(255 255 255 / .15);color:#d1d5db}.chart-empty{margin:24px 0;color:var(--muted);font-size:.88rem;text-align:center}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.8rem;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px}.barlist{display:flex;flex-direction:column;gap:14px}.barlist-label{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;margin-bottom:5px}.barlist-label span{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barlist-label small{color:var(--muted);white-space:nowrap}.barlist-track{display:flex;align-items:center;gap:10px}.barlist-bar{height:10px;border-radius:0 4px 4px 0;background:var(--series-1)}.barlist-track b{font-size:.8rem;font-weight:600;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.split-bar{display:flex;gap:2px;height:14px;border-radius:4px;overflow:hidden;background:var(--surface-3)}.split-bar>div{min-width:4px}.split-empty{flex:1}.split-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.split-legend>div{display:flex;flex-direction:column;gap:1px}.split-legend span{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.split-legend i{width:10px;height:10px;border-radius:3px}.split-legend strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.split-legend small{font-size:.75rem;color:var(--muted)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:11px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid #f0f1f3;vertical-align:middle;color:var(--text-2)}.table td strong{color:var(--text);font-weight:600}.table tbody tr:hover td{background:#fafbfc}.table tr:last-child td{border-bottom:0}.table td.center{padding:48px 16px;color:var(--muted)}.table tr.clickable{cursor:pointer}.table .actions{text-align:right;white-space:nowrap}.table .actions .btn+.btn{margin-left:6px}.w-check{width:44px}.cell-product{display:flex;align-items:center;gap:12px}.cell-product img{width:44px;height:44px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:#fff;padding:2px}.total-row td{background:var(--surface-2);font-weight:600;color:var(--text)}.bell-wrap{position:relative}.bell-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-xs)}.bell-btn:hover{background:var(--surface-2);color:var(--text)}.bell-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface)}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:380px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:60}.notif-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);font-weight:500}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--faint)}.live-dot.on{color:#067647}.live-dot.on:before{background:#17b26a;box-shadow:0 0 0 3px #17b26a33}.notif-enable{width:100%;padding:10px 16px;border:0;border-bottom:1px solid var(--border);background:#eff8ff;color:#175cd3;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;text-align:left}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{padding:28px 20px;margin:0;text-align:center;color:var(--muted);font-size:.85rem}.notif-item{display:flex;gap:12px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid #f0f1f3;background:none;font:inherit;text-align:left;cursor:pointer}.notif-item:hover{background:var(--surface-2)}.notif-item.unread{background:#fffaf5}.notif-icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;display:grid;place-items:center}.notif-icon.order{background:#eff8ff;color:#175cd3}.notif-icon.reward{background:var(--brand-soft);color:var(--brand)}.notif-body{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.82rem;color:var(--text-2)}.notif-body strong{color:var(--text);font-size:.85rem}.notif-body small{color:var(--faint);font-size:.75rem}.notif-foot{display:flex;justify-content:space-between;padding:10px 16px;background:var(--surface-2)}.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:12px;box-shadow:var(--shadow-lg);animation:toast-in .25s ease-out}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;font-size:.82rem;color:var(--text-2)}.toast-body strong{color:var(--text);font-size:.88rem}.toast-close{width:26px;height:26px;font-size:1.1rem}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.order-detail{display:flex;flex-direction:column;gap:20px}.order-detail h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.order-head{display:flex;align-items:center;gap:12px;margin-top:-8px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-box{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:var(--surface-2)}.detail-box dl{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin:0;font-size:.88rem}.detail-box dt{color:var(--muted)}.detail-box dd{margin:0;color:var(--text);word-break:break-word}.money-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.money-grid>div{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-left:1px solid var(--border)}.money-grid>div:first-child{border-left:0}.money-grid span{font-size:.78rem;color:var(--muted);font-weight:500}.money-grid strong{font-size:1.08rem;font-variant-numeric:tabular-nums}.money-grid.compact{margin:20px 0;text-align:left}.notes{white-space:pre-wrap;margin:0;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.88rem}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:18px;border-top:1px solid var(--border)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row .input{width:140px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.order-form{display:flex;flex-direction:column;gap:20px;min-width:0}.order-summary{position:sticky;top:calc(var(--topbar-h) + 20px);display:flex;flex-direction:column;gap:16px;padding:22px}.order-summary h2{margin:0}.order-summary .btn.block{height:44px}.order-summary .btn+.btn{margin-top:-6px}.sum-block{display:flex;flex-direction:column;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--border)}.sum-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px}.sum-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.88rem;max-height:220px;overflow-y:auto}.sum-items li{display:flex;justify-content:space-between;gap:10px}.sum-items li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sum-items li b{flex-shrink:0;font-weight:600;font-variant-numeric:tabular-nums}.sum-money{display:grid;grid-template-columns:1fr auto;gap:8px 0;margin:0;font-size:.9rem}.sum-money dt{color:var(--muted)}.sum-money dd{margin:0;padding-left:12px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.sum-money .sum-due{padding-top:10px;border-top:1px dashed var(--border-strong);font-size:1rem;color:var(--text);font-weight:700}.sum-money dd.sum-due{color:var(--brand-dark);font-size:1.25rem}.sum-money dd.sum-due.bad{color:var(--danger);font-size:.95rem}@media(min-width:1101px){.order-layout .remaining-box:not(.bad){display:none}}@media(max-width:1100px){.order-layout{grid-template-columns:minmax(0,1fr)}.order-summary{position:static}}.form-section{display:flex;flex-direction:column;gap:16px;padding:24px}.form-section h2{margin:0}.items{display:flex;flex-direction:column;gap:8px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 36px;gap:10px;align-items:center}.item-head span{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.item-row .icon-btn:disabled{opacity:.3;cursor:not-allowed}.add-item{align-self:flex-start}.remaining-box{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:var(--radius-sm);background:var(--brand-soft);border:1px solid #fed7aa}.remaining-box span{font-weight:600;color:var(--brand-dark);font-size:.88rem}.remaining-box strong{font-size:1.3rem;color:var(--brand-dark)}.remaining-box.bad{background:#fef2f2;border-color:#fecaca}.remaining-box.bad span,.remaining-box.bad strong{color:#b91c1c;font-size:.95rem}.sticky-actions{padding-bottom:8px}.success-card{max-width:620px;margin:24px auto}.center-actions{justify-content:center}.image-picker{display:flex;gap:10px;flex-wrap:wrap}.pick-item{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.pick-item img{width:100%;height:100%;object-fit:cover}.pick-item button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:#000000a6;color:#fff;cursor:pointer;line-height:1}.pick-add{width:84px;height:84px;border:2px dashed var(--border-strong);border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--muted);font-weight:600;font-size:.85rem}.pick-add:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.generate-form{margin-bottom:24px;padding:22px 24px}.generate-form h2{margin-bottom:14px}.generate-grid{display:grid;grid-template-columns:160px 130px minmax(0,1fr) auto;gap:14px;align-items:end}.qr-thumb{padding:4px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:block}.qr-thumb:hover{border-color:var(--brand)}.qr-viewer{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.qr-big{padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.qr-big canvas{width:240px!important;height:240px!important}.qr-viewer .price.big{margin:14px 0 2px}.qr-viewer .form-actions{margin-top:18px;justify-content:center}.print-sheet{display:none}@media(max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}@media(max-width:960px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.menu-open .sidebar{transform:none}.menu-open .sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#11182773}.panel-body{margin-left:0}.menu-btn{display:inline-grid;margin-left:-8px}.topbar{padding:0 16px}.panel-main{padding:20px 16px 48px}.generate-grid{grid-template-columns:1fr 1fr}.generate-grid .field:nth-child(3),.generate-grid .btn{grid-column:1 / -1}.admin-actions{grid-template-columns:1fr}}@media(max-width:640px){.container{padding:0 16px}.grid-2,.grid-3,.product-detail,.detail-grid{grid-template-columns:1fr}.card{padding:20px}.hero{padding:44px 0 40px}.kpis{gap:10px}.kpi{padding:14px}.kpi strong{font-size:1.2rem}.kpi small{display:none}.kpi-icon{width:30px;height:30px}.kpi-icon svg{width:16px;height:16px}.toolbar-right .search-box{width:100%}.search-box{max-width:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar .chips{align-self:flex-start}.site-nav a{padding:0 10px}.page-head>.btn{width:100%}.status-strip,.money-grid{grid-template-columns:1fr 1fr}.status-cell:nth-child(3),.money-grid>div:nth-child(3){border-left:0}.money-grid>div:nth-child(n+3){border-top:1px solid var(--border)}.toolbar-right,.agent-select{width:100%}.item-row{grid-template-columns:minmax(0,1fr) 80px 36px}.form-section{padding:18px}.crumb,.crumb-sep{display:none}.pager{flex-direction:column;align-items:stretch}.pager-controls{justify-content:space-between}}@media print{body{background:#fff}.sidebar,.topbar,.no-print,.modal-backdrop,.toasts{display:none!important}.panel-body{margin-left:0}.panel-main{padding:0;max-width:none}.print-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:8mm}.print-item{display:flex;flex-direction:column;align-items:center;gap:2mm;padding:4mm;border:1px dashed #999;break-inside:avoid;font-size:11pt}.print-item svg{width:36mm;height:36mm}}