:root{--accent-500:#ff8a3d;--accent-600:#f2751f;--accent-tint:#fff3e9;--ink-brand:#18181b;--accent-400:#ffa76b;--accent-700:#ad4b0b;--accent-800:#8a3b08;--text-on-accent:var(--ink-brand);--bg:#f7f5f2;--surface:#fff;--surface-sunken:#f2efea;--surface-raised:#fff;--border:#e7e3de;--border-strong:#c9c2b9;--border-input:#8f8880;--overlay:#1a19176b;--text:#1a1917;--text-2:#57534e;--text-3:#6b645f;--success:#16a34a;--success-text:#15803d;--success-tint:#f0fbf4;--success-border:#cde9d6;--danger:#dc2626;--danger-text:#b91c1c;--danger-tint:#fef2f2;--danger-border:#f3d3d3;--info:#2563eb;--info-text:#1d4ed8;--info-tint:#eff6ff;--info-border:#d3e1fb;--chrome:#201d1b;--chrome-raised:#2a2522;--chrome-line:#ffffff1a;--chrome-line-strong:#ffffff2e;--chrome-text:#f2eee9;--chrome-text-2:#a8a29b;--font-display:"Bricolage Grotesque", "Manrope", -apple-system, "Segoe UI", sans-serif;--font-body:"Manrope", -apple-system, "Segoe UI", sans-serif;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-full:999px;--sh-sm:0 1px 2px #3c2c1c0f;--sh-md:0 6px 16px -4px #3c2c1c1a, 0 2px 6px -2px #3c2c1c0f;--sh-lg:0 24px 48px -12px #3c2c1c2e, 0 8px 16px -8px #3c2c1c1a;--sh-accent:0 4px 14px -4px #ff8a3d8c;--sh-accent-hi:0 8px 22px -6px #ff8a3da6;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--e-out:cubic-bezier(.16, 1, .3, 1);--e-in-out:cubic-bezier(.65, 0, .35, 1);--e-spring:cubic-bezier(.34, 1.4, .64, 1);--t-fast:.14s;--t-mid:.22s;--t-slow:.34s;--ring:2px solid var(--accent-600);--ring-chrome:2px solid var(--accent-500);--ring-offset:2px;--accent:var(--accent-500);--accent-dark:var(--accent-700);--accent-soft:var(--accent-tint);--text-secondary:var(--text-2);--text-tertiary:var(--text-2);--text-muted:var(--text-3);--text-faint:var(--text-3);--text-subtle:var(--text-3);--placeholder-bg:var(--surface-sunken);--placeholder-icon:var(--border-strong);--success-dark:var(--success-text);--success-soft:var(--success-tint);--danger-dark:var(--danger-text);--danger-soft:var(--danger-tint);--info-dark:var(--info-text);--info-soft:var(--info-tint);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131110;--surface:#1c1a18;--surface-sunken:#1a1816;--surface-raised:#241f1c;--border:#ffffff17;--border-strong:#ffffff2b;--border-input:#ffffff70;--text:#ede9e4;--text-2:#a8a29b;--text-3:#8f8880;--accent-tint:#ff8a3d24;--accent-700:#ffa76b;--accent-800:#ffc49a;--overlay:#0000009e;--success-text:#4ade80;--success-tint:#16a34a29;--success-border:#4ade8052;--danger-text:#fca5a5;--danger-tint:#dc262629;--danger-border:#fca5a552;--info-text:#93c5fd;--info-tint:#2563eb2e;--info-border:#93c5fd52;--chrome:#171513;--chrome-raised:#211d1a;--chrome-text:#ede9e4;--chrome-text-2:#8f8880;--sh-sm:0 1px 2px #0006;--sh-md:0 6px 16px -4px #00000080;--sh-lg:0 24px 48px -12px #0000009e;--sh-accent:0 4px 14px -4px #ff8a3d4d;--sh-accent-hi:0 8px 22px -6px #ff8a3d6b;--ring:2px solid var(--accent-500);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131110;--surface:#1c1a18;--surface-sunken:#1a1816;--surface-raised:#241f1c;--border:#ffffff17;--border-strong:#ffffff2b;--border-input:#ffffff70;--text:#ede9e4;--text-2:#a8a29b;--text-3:#8f8880;--accent-tint:#ff8a3d24;--accent-700:#ffa76b;--accent-800:#ffc49a;--overlay:#0000009e;--success-text:#4ade80;--success-tint:#16a34a29;--success-border:#4ade8052;--danger-text:#fca5a5;--danger-tint:#dc262629;--danger-border:#fca5a552;--info-text:#93c5fd;--info-tint:#2563eb2e;--info-border:#93c5fd52;--chrome:#171513;--chrome-raised:#211d1a;--chrome-text:#ede9e4;--chrome-text-2:#8f8880;--sh-sm:0 1px 2px #0006;--sh-md:0 6px 16px -4px #00000080;--sh-lg:0 24px 48px -12px #0000009e;--sh-accent:0 4px 14px -4px #ff8a3d4d;--sh-accent-hi:0 8px 22px -6px #ff8a3d6b;--ring:2px solid var(--accent-500);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:var(--ring);outline-offset:var(--ring-offset)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:8px}.tnum{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:-.015em;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drawerIn{0%{transform:translate(102%)}to{transform:none}}@keyframes sheetIn{0%{transform:translateY(102%)}to{transform:none}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,18px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes shim{to{background-position:-200% 0}}.shell{background:var(--bg);width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:248px;padding:var(--s5) var(--s3) var(--s4);flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{padding:var(--s2) var(--s3) var(--s6);align-items:center;gap:10px;display:flex}.sidebar-logo-icon{background:linear-gradient(145deg, var(--accent-500), var(--accent-600));border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px -2px #ff8a3d80}.sidebar-logo-name{letter-spacing:-.02em;color:var(--text);font-size:17px;font-weight:600}.sidebar-logo-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:1px;font-size:11px;font-weight:600}.scope{text-align:left;width:100%;padding:10px var(--s3);margin-bottom:var(--s5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-sunken);transition:border-color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);align-items:center;gap:10px;display:flex}.scope-av{background:var(--accent-tint);width:30px;height:30px;color:var(--accent-700);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid;overflow:hidden}.scope-av img{object-fit:cover;width:100%;height:100%}.scope-txt{flex:1;min-width:0}.scope-name{letter-spacing:-.01em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.scope-plan{color:var(--text-3);margin-top:1px;font-size:11px;font-weight:600;display:block}.nav{flex-direction:column;flex:1;gap:2px;display:flex;position:relative}.nav-ind{border-radius:var(--r-md);background:var(--accent-tint);pointer-events:none;height:44px;transform:translateY(calc(var(--i,0) * 46px));transition:transform var(--t-mid) var(--e-out);position:absolute;left:0;right:0}.nav-ind:after{content:"";background:var(--accent-600);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:0}.nav-item{height:44px;padding:0 var(--s3);border-radius:var(--r-md);width:100%;color:var(--text-2);text-align:left;transition:color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);background:0 0;border:none;align-items:center;gap:11px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item svg{transition:transform var(--t-mid) var(--e-spring);flex:none}.nav-item:hover:not(.active){color:var(--text);background:var(--surface-sunken)}.nav-item.active{color:var(--accent-700);background:0 0;font-weight:600}.nav-item.active svg{transform:scale(1.08)}.nav-badge{border-radius:var(--r-full);background:var(--surface-sunken);color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;padding:2px 7px;font-size:11.5px;font-weight:700}.nav-item.active .nav-badge{background:var(--accent-600);color:#fff}.sidebar-foot{border-top:1px solid var(--border);padding-top:var(--s3);margin-top:var(--s3)}.logout-btn{margin-top:var(--s2);border:1px solid var(--border-input);background:var(--surface);border-radius:var(--r-sm);width:100%;height:40px;color:var(--text-2);transition:border-color var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);font-size:13px;font-weight:600}.logout-btn:hover{border-color:var(--border-strong);color:var(--text)}.content-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{align-items:center;gap:var(--s3);padding:10px var(--s6);border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;display:flex}.topbar-crumb{align-items:center;gap:var(--s2);min-width:0;color:var(--text-3);font-size:12.5px;font-weight:600;display:flex}.topbar-crumb b{color:var(--text-2);font-weight:600}.topbar-crumb .sep{color:var(--border-strong)}.topbar-scope{align-items:center;gap:var(--s2);min-width:0;display:none}.topbar-scope .scope-av{border-radius:8px;width:26px;height:26px;font-size:12px}.topbar-scope-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.topbar-spacer{flex:1}.topbar-hint{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.icon-btn{border-radius:var(--r-md);border:1px solid var(--border-input);background:var(--surface);width:40px;height:40px;color:var(--text-2);transition:border-color var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.icon-btn:active{transform:translateY(1px)}.page-header{padding:var(--s6) var(--s6) var(--s5);justify-content:space-between;align-items:flex-end;gap:var(--s4);background:var(--bg);flex-wrap:wrap;flex-shrink:0;display:flex}.page-header-left{align-items:center;gap:var(--s3);min-width:0;display:flex}.page-icon{border-radius:var(--r-md);background:var(--accent-tint);width:44px;height:44px;color:var(--accent-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-700);font-size:11.5px;font-weight:700}.page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-top:2px;font-size:32px;font-weight:600;line-height:1.12}.page-subtitle{color:var(--text-2);margin-top:5px;font-size:13.5px;font-weight:500}.page-subtitle .accent{color:var(--accent-700);font-weight:700}.btn{height:44px;padding:0 var(--s5);border-radius:var(--r-md);letter-spacing:-.005em;white-space:nowrap;transition:background var(--t-fast) var(--e-out), transform var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out), box-shadow var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);border:none;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-500);color:var(--text-on-accent);box-shadow:var(--sh-accent)}.btn-primary:hover{background:var(--accent-400);box-shadow:var(--sh-accent-hi)}.btn-primary:disabled{background:var(--surface-sunken);color:var(--text-3);box-shadow:none;cursor:not-allowed}.btn-outline{border:1px solid var(--border-input);background:var(--surface);color:var(--text-2)}.btn-outline:hover{border-color:var(--border-strong);color:var(--text)}.btn-danger-outline{border:1px solid var(--danger-border);background:var(--surface);color:var(--danger-text)}.btn-danger-outline:hover{background:var(--danger-tint)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-text)}.btn-sm{height:36px;padding:0 var(--s4);border-radius:var(--r-sm);font-size:13px}.products-body{flex:1;min-height:0;display:flex}.category-panel{border-right:1px solid var(--border);background:var(--bg);width:256px;padding:var(--s5) var(--s3);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.category-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:0 var(--s3) var(--s3);font-size:11.5px;font-weight:700}.category-row,.category-child-row{text-align:left;width:100%;min-height:40px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--text-2);transition:background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);background:0 0;border:none;align-items:center;gap:9px;display:flex}.category-child-row{padding-left:var(--s4)}.category-row:hover,.category-child-row:hover{background:var(--surface-sunken);color:var(--text)}.category-row.active,.category-child-row.active{background:var(--accent-tint);color:var(--accent-700)}.category-row .name,.category-child-row .name{color:inherit;flex:1;font-size:13.5px;font-weight:500}.category-row.active .name,.category-child-row.active .name{font-weight:600}.category-row .count,.category-child-row .count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.category-row.active .count,.category-child-row.active .count{color:var(--accent-700)}.category-children{margin-left:var(--s3);border-left:2px solid var(--border);padding-left:2px}.category-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:5px;height:5px}.add-category-link{margin-top:var(--s3);min-height:40px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--accent-700);transition:background var(--t-fast) var(--e-out);background:0 0;border:none;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.add-category-link:hover{background:var(--accent-tint)}.category-hint{padding:var(--s3) var(--s3) 2px;color:var(--text-3);margin-top:auto;font-size:11.5px;font-weight:500;line-height:1.5}.products-panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.toolbar{align-items:center;gap:var(--s3);padding:var(--s3) var(--s6);background:var(--bg);flex-wrap:wrap;flex-shrink:0;display:flex}.search-box{flex:1;min-width:200px;max-width:420px;position:relative}.search-box input{width:100%;height:40px;padding:0 var(--s3) 0 38px;border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color var(--t-fast) var(--e-out), box-shadow var(--t-fast) var(--e-out);font-size:14px}.search-box input::placeholder{color:var(--text-3)}.search-box input:hover{border-color:var(--border-strong)}.search-box svg{pointer-events:none;color:var(--text-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sort-menu{z-index:20;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);width:220px;box-shadow:var(--sh-lg);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.sort-menu-item{text-align:left;border-radius:var(--r-xs);width:100%;min-height:40px;color:var(--text-2);transition:background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);background:0 0;border:none;padding:0 11px;font-size:13.5px;font-weight:500;display:block}.sort-menu-item:hover{background:var(--surface-sunken);color:var(--text)}.sort-menu-item.active{background:var(--accent-tint);color:var(--accent-700);font-weight:600}.products-scroll{padding:var(--s5) var(--s6) var(--s10);flex:1;overflow-y:auto}.products-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(228px,1fr));display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform var(--t-mid) var(--e-out), border-color var(--t-mid) var(--e-out);animation:riseIn .42s var(--e-out) backwards;animation-delay:calc(var(--n,0) * 45ms);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:after{content:"";border-radius:var(--r-lg);pointer-events:none;box-shadow:var(--sh-lg);opacity:0;transition:opacity var(--t-mid) var(--e-out);position:absolute;inset:-1px}.product-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.product-card:hover:after{opacity:1}.product-card-media{aspect-ratio:4/3;background:linear-gradient(150deg, color-mix(in srgb, var(--accent-tint) 70%, var(--surface)) 0%, var(--surface-sunken) 100%);border:none;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.product-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .52s var(--e-out)}.product-card:hover .product-card-media img{transform:scale(1.055)}.status-pill{background:var(--surface);border-radius:var(--r-full);height:26px;box-shadow:var(--sh-md);align-items:center;gap:5px;padding:0 10px;display:flex;position:absolute;top:10px;right:10px}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.product-card-body{padding:var(--s4) var(--s4) var(--s2);text-align:left;background:0 0;border:none;flex-direction:column;flex:1;width:100%;display:flex}.product-card-cat{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.product-card-name{color:var(--text);letter-spacing:-.015em;margin-top:4px;font-size:15px;font-weight:600;line-height:1.3}.product-card-price{color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:auto;padding-top:10px;font-size:15px;font-weight:700}.variant-count-badge{color:var(--text-3);margin-top:4px;font-size:12px;font-weight:500}.product-card-actions{gap:var(--s2);padding:var(--s3) var(--s4) var(--s4);display:flex}.product-card-actions .btn{height:36px;padding:0 var(--s2);border-radius:var(--r-sm);flex:1;font-size:12.5px}.empty-state{padding:64px var(--s6);text-align:center;color:var(--text-3);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-lg);font-size:14px;font-weight:600}.loading-fill{height:100%;min-height:200px;color:var(--text-3);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.sk{border-radius:var(--r-xs);background:linear-gradient(90deg, var(--surface-sunken) 25%, color-mix(in srgb, var(--surface-sunken) 55%, var(--surface)) 50%, var(--surface-sunken) 75%);background-size:200% 100%;animation:1.5s linear infinite shim}.detail-scroll{flex:1;overflow-y:auto}.detail-header{align-items:center;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);background:var(--bg);z-index:5;display:flex;position:sticky;top:0}.detail-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-700);font-size:11.5px;font-weight:700}.detail-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-top:2px;font-size:22px;font-weight:600}.detail-body{max-width:780px;padding:var(--s6) var(--s6) var(--s12)}.stat-grid{gap:var(--s3);margin-bottom:var(--s6);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s5);background:var(--surface);box-shadow:var(--sh-sm);transition:transform var(--t-mid) var(--e-out), border-color var(--t-mid) var(--e-out), box-shadow var(--t-mid) var(--e-out);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-md);transform:translateY(-3px)}.stat-value{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.1}.stat-value.accent{color:var(--accent-700)}.stat-label{color:var(--text-3);font-size:12px;font-weight:600}.stat-value+.stat-label{margin-top:6px}.stat-label+.stat-value{margin-top:8px}.stat-grid-4{margin-bottom:var(--s5);grid-template-columns:repeat(4,1fr)}.stat-grid-2{margin-bottom:var(--s5);grid-template-columns:repeat(2,1fr)}.info-card{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);background:var(--surface);margin-bottom:var(--s4);box-shadow:var(--sh-sm)}.info-card-title{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:700}.info-row{border-top:1px solid var(--border);padding:9px 0}.info-row:first-of-type{border-top:none}.info-row-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:11.5px;font-weight:700}.desc-text{color:var(--text-2);margin-bottom:var(--s5);font-size:14px;line-height:1.6}.meta-row{gap:var(--s8);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.meta-col-label{color:var(--text-3);margin-bottom:4px;font-size:12px;font-weight:700}.meta-col-value{color:var(--text);font-size:14px;font-weight:600}.status-inline{align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.thumb-row{margin-bottom:var(--s6);flex-wrap:wrap;gap:10px;display:flex}.thumb{border-radius:var(--r-sm);background:var(--surface-sunken);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.variant-summary-list{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s6);background:var(--surface);overflow:hidden}.variant-summary-row{justify-content:space-between;align-items:center;gap:var(--s3);padding:12px var(--s4);border-bottom:1px solid var(--border);display:flex}.variant-summary-row:last-child{border-bottom:none}.variant-summary-name{color:var(--text);font-size:13.5px;font-weight:600}.variant-summary-meta{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.modal-overlay{background:var(--overlay);z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--t-mid) var(--e-out);position:fixed;inset:0}.modal-panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);z-index:71;box-shadow:var(--sh-lg);animation:popIn var(--t-mid) var(--e-out);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-panel.wide{width:680px;max-width:94vw;max-height:88vh}.modal-panel.narrow{width:452px;max-width:92vw;padding:var(--s6)}.modal-panel.confirm{width:420px;max-width:92vw;padding:var(--s6)}.modal-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s5) var(--s6) var(--s4);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.modal-head-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-700);font-size:11.5px;font-weight:700}.modal-head-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-top:2px;font-size:20px;font-weight:600}.modal-scroll{padding:var(--s5) var(--s6);flex:1;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);padding:var(--s4) var(--s6);background:var(--surface-raised);border-radius:0 0 var(--r-xl) var(--r-xl);flex-shrink:0}.modal-footer-actions{gap:var(--s3);justify-content:flex-end;display:flex}.lead-drawer{border:none;border-left:1px solid var(--border);width:min(452px,100vw);max-width:none;max-height:none;padding:var(--s5) var(--s5) var(--s6);animation:drawerIn var(--t-slow) var(--e-out);border-radius:0;inset:0 0 0 auto;overflow-y:auto;transform:none}.field-label{color:var(--text-2);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field-label.sm{color:var(--text-3);font-size:12.5px}.field-input,.field-textarea,.field-select{width:100%;padding:12px var(--s4);border:1px solid var(--border-input);border-radius:var(--r-sm);color:var(--text);background:var(--surface);transition:border-color var(--t-fast) var(--e-out), box-shadow var(--t-fast) var(--e-out);font-size:15px;font-weight:500}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-3)}.field-input:hover,.field-textarea:hover,.field-select:hover{border-color:var(--border-strong)}.field-textarea{resize:vertical;font-size:14px;font-weight:400;line-height:1.55}.field-money-wrap{min-width:0;position:relative}.field-money-wrap input{padding-right:46px}.field-money-suffix{color:var(--text-3);pointer-events:none;font-size:12px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-group{margin-bottom:var(--s5)}.field-error,.field-ok{align-items:center;gap:5px;margin-top:6px;font-size:11.5px;font-weight:600;display:flex}.field-error{color:var(--danger-text)}.field-ok{color:var(--success-text)}.banner-error,.banner-success,.banner-info{padding:10px var(--s3);border-radius:var(--r-sm);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.banner-error{margin-bottom:var(--s3);background:var(--danger-tint);border:1px solid var(--danger-border);color:var(--danger-text)}.banner-success{margin-top:var(--s3);background:var(--success-tint);border:1px solid var(--success-border)}.banner-success span{color:var(--success-text);font-size:13px;font-weight:700}.banner-info{background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-2)}.toggle-row{align-items:center;gap:11px;display:flex}.toggle{border-radius:var(--r-full);width:46px;height:27px;transition:background var(--t-mid) var(--e-out);flex-shrink:0;padding:3px;display:flex}.toggle.on{background:var(--success);justify-content:flex-end}.toggle.off{background:var(--border-strong);justify-content:flex-start}.toggle-knob{background:#fff;border-radius:50%;width:21px;height:21px;box-shadow:0 1px 3px #00000040}.image-upload-row{align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:6px;display:flex}.image-upload-row.cover{align-items:flex-start}.image-upload-box{border-radius:var(--r-md);background:var(--surface-sunken);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-upload-box img{object-fit:cover;width:100%;height:100%}.image-upload-box.logo{border-radius:var(--r-lg);width:clamp(60px,18vw,76px);height:clamp(60px,18vw,76px)}.image-upload-box.broadcast{width:clamp(56px,16vw,72px);height:clamp(56px,16vw,72px)}.image-upload-box.cover{aspect-ratio:16/7;border-radius:var(--r-md);width:min(100%,240px)}.image-upload-hint{color:var(--text-3);flex:180px;min-width:0;font-size:11.5px;font-weight:500;line-height:1.5}.variant-list{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s3);background:var(--surface);overflow:hidden}.variant-row-head{padding:var(--s3) var(--s4);background:var(--surface-sunken);transition:background var(--t-fast) var(--e-out);align-items:center;gap:11px;display:flex}.variant-row-head:hover{background:var(--accent-tint)}.variant-drag{color:var(--border-strong);flex-shrink:0}.variant-thumb{border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.variant-thumb img{object-fit:cover;width:100%;height:100%}.variant-row-name{color:var(--text);font-size:14.5px;font-weight:600}.variant-row-meta{color:var(--text-3);margin-top:2px;font-size:12.5px;font-weight:500}.variant-row-body{padding:var(--s5) var(--s4);border-top:1px solid var(--border)}.variant-fields-grid{gap:var(--s3) var(--s4);margin-bottom:var(--s4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.dimension-box{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4) var(--s4) var(--s3);margin-bottom:var(--s4)}.dimension-box-title{color:var(--text-2);margin-bottom:10px;font-size:12.5px;font-weight:700}.dimension-item-row{margin-bottom:var(--s2);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dimension-select,.dimension-value-input{min-width:0;height:40px;padding:0 var(--s3);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--r-xs);color:var(--text);flex:120px;font-size:13.5px;font-weight:500}.dimension-unit{flex:0 0 96px}.dimension-value-wrap{flex:0 0 118px;min-width:0;position:relative}.dimension-remove{border-radius:var(--r-xs);border:1px solid var(--border-input);background:var(--surface);width:40px;height:40px;color:var(--text-3);transition:background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dimension-remove:hover{background:var(--danger-tint);color:var(--danger-text);border-color:var(--danger-border)}.dashed-btn{width:100%;min-height:48px;padding:var(--s3);border:1.5px dashed var(--border-strong);background:var(--surface);border-radius:var(--r-md);color:var(--text-2);transition:border-color var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dashed-btn:hover{border-color:var(--accent-500);color:var(--accent-700);background:var(--accent-tint)}.confirm-icon-box{border-radius:var(--r-md);background:var(--danger-tint);width:48px;height:48px;margin-bottom:var(--s4);color:var(--danger-text);justify-content:center;align-items:center;display:flex}.confirm-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:6px;font-size:20px;font-weight:600}.confirm-text{color:var(--text-2);margin-bottom:var(--s5);font-size:13.5px;line-height:1.55}.seg{padding:var(--s1);background:var(--surface-sunken);border-radius:var(--r-md);grid-auto-columns:1fr;grid-auto-flow:column;width:fit-content;max-width:100%;display:grid;position:relative}.seg:before{content:"";top:var(--s1);bottom:var(--s1);left:var(--s1);width:calc((100% - var(--s2)) / var(--n,1));border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--sh-sm);transform:translateX(calc(var(--i,0) * 100%));transition:transform var(--t-mid) var(--e-out);pointer-events:none;position:absolute}.seg>*{min-width:0;height:36px;padding:0 var(--s4);border-radius:var(--r-sm);color:var(--text-2);white-space:nowrap;transition:color var(--t-fast) var(--e-out);background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.seg>:hover{color:var(--text)}.seg>.active{color:var(--accent-700)}.lead-filter-pills{gap:var(--s2);flex-wrap:wrap;display:flex}.lead-filter-pill{min-height:36px;padding:0 var(--s4);border-radius:var(--r-full);white-space:nowrap;background:var(--surface-sunken);color:var(--text-2);transition:background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out);border:1px solid #0000;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.lead-filter-pill:hover{color:var(--text)}.lead-filter-pill.active{background:var(--accent-tint);color:var(--accent-700);border-color:var(--accent-500)}.lead-row{gap:var(--s4);grid-template-columns:minmax(0,1.5fr) minmax(0,1.8fr) 150px 140px;align-items:center;display:grid}.lead-row-head{padding:0 var(--s5) var(--s2);letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);font-size:11.5px;font-weight:700}.lead-row-item{text-align:left;width:100%;padding:var(--s4) var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s2);box-shadow:var(--sh-sm);transition:transform var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out);animation:riseIn .38s var(--e-out) backwards;animation-delay:calc(var(--n,0) * 40ms);position:relative}.lead-row-item:after{content:"";border-radius:var(--r-md);pointer-events:none;box-shadow:var(--sh-md);opacity:0;transition:opacity var(--t-fast) var(--e-out);position:absolute;inset:-1px}.lead-row-item:hover{border-color:var(--border-strong);transform:translateY(-2px)}.lead-row-item:hover:after{opacity:1}.lead-row-item:before{content:"";background:var(--accent-600);transform-origin:50%;width:3px;transition:transform var(--t-mid) var(--e-out);border-radius:0 3px 3px 0;position:absolute;top:12px;bottom:12px;left:0;transform:scaleY(0)}.lead-row-item.is-new:before{transform:scaleY(1)}.lead-who{align-items:center;gap:11px;min-width:0;display:flex}.lead-av{border-radius:var(--r-sm);background:var(--accent-tint);width:38px;height:38px;color:var(--accent-700);flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.lead-name{color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.lead-sub{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;font-weight:500;overflow:hidden}.lead-product{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.lead-date{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.lead-status-badge{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:6px;height:28px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.lead-modal-header{justify-content:space-between;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s5);display:flex}.lead-modal-av{border-radius:var(--r-md);background:var(--accent-tint);width:48px;height:48px;color:var(--accent-700);flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.lead-modal-name{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);font-size:22px;font-weight:600}.lead-modal-phone{color:var(--text-2);font-variant-numeric:tabular-nums;margin-top:3px;font-size:13.5px;font-weight:500}.lead-info-box{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s5);overflow:hidden}.lead-info-row{justify-content:space-between;align-items:center;gap:var(--s4);padding:11px var(--s4);border-top:1px solid var(--border);font-size:13.5px;display:flex}.lead-info-row:first-child{border-top:none}.lead-info-row span:first-child{color:var(--text-2);flex:none;font-weight:500}.lead-info-row span:last-child{color:var(--text);text-align:right;min-width:0;font-weight:600}.lead-comment{color:var(--text-2);background:var(--surface-sunken);border-radius:var(--r-md);border-left:3px solid var(--accent-500);padding:var(--s4);font-size:14px;line-height:1.6}.lead-steps{gap:var(--s2);margin-bottom:var(--s4);display:flex}.lead-step{text-align:left;flex:1}.lead-step-bar{border-radius:var(--r-full);background:var(--surface-sunken);height:4px;overflow:hidden}.lead-step-bar span{border-radius:var(--r-full);background:var(--accent-500);transform-origin:0;width:100%;height:100%;transition:transform .42s var(--e-out);display:block;transform:scaleX(0)}.lead-step.done .lead-step-bar span{transform:scaleX(1)}.lead-step-t{color:var(--text-3);transition:color var(--t-mid);margin-top:8px;font-size:12px;font-weight:600}.lead-step.done .lead-step-t{color:var(--text)}.lead-status-pills{gap:var(--s2);margin-bottom:var(--s1);flex-wrap:wrap;display:flex}.lead-status-pill{height:40px;padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--surface);color:var(--text-2);transition:border-color var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:inline-flex}.lead-status-pill:hover{border-color:var(--border-strong);color:var(--text)}.broadcast-row{padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:transform var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out);position:relative}.broadcast-row:after{content:"";border-radius:var(--r-md);pointer-events:none;box-shadow:var(--sh-md);opacity:0;transition:opacity var(--t-fast) var(--e-out);position:absolute;inset:-1px}.broadcast-row:hover{border-color:var(--border-strong);transform:translateY(-2px)}.broadcast-row:hover:after{opacity:1}.broadcast-text{color:var(--text-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.broadcast-meta{margin-top:var(--s2);align-items:center;gap:var(--s2);color:var(--text-3);flex-wrap:wrap;font-size:12px;font-weight:600;display:flex}.broadcast-thumb{border-radius:var(--r-sm);background:var(--surface-sunken);flex-shrink:0;width:56px;height:56px;overflow:hidden}.broadcast-thumb img{object-fit:cover;width:100%;height:100%}.broadcast-preview{width:100%;height:clamp(120px,34vw,180px);margin-bottom:var(--s4)}.bill-wrap{max-width:760px;margin:0 auto}.bill-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700;display:block}.bill-back{margin-bottom:var(--s5)}.bill-hero{isolation:isolate;padding:var(--s5) var(--s6);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-md);margin-bottom:var(--s6);--bill-tone:var(--text-2);--bill-tone-tint:var(--surface-sunken);position:relative;overflow:hidden}.bill-hero-wash{z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--bill-tone-tint) 0%, transparent 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-140px;right:-110px}.bill-hero.is-active{--bill-tone:var(--success-text);--bill-tone-tint:var(--success-tint);border-left-color:var(--success)}.bill-hero.is-soon{--bill-tone:var(--accent-700);--bill-tone-tint:var(--accent-tint);border-left-color:var(--accent-500)}.bill-hero.is-expired{--bill-tone:var(--danger-text);--bill-tone-tint:var(--danger-tint);background:var(--danger-tint);border-color:var(--danger-border);border-left-color:var(--danger)}.bill-hero.is-off{--bill-tone:var(--text-2);--bill-tone-tint:var(--surface);background:var(--surface-sunken);border:1px dashed var(--border-strong);border-left:4px solid var(--border-strong)}.bill-hero-main{align-items:flex-start;gap:var(--s4);flex-wrap:wrap;display:flex}.bill-hero-icon{border-radius:var(--r-md);background:var(--bill-tone-tint);width:46px;height:46px;color:var(--bill-tone);border:1px solid color-mix(in srgb, var(--bill-tone) 28%, transparent);flex:none;place-items:center;display:grid}.bill-hero-text{flex:210px;min-width:0}.bill-hero-state{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-top:3px;font-size:23px;font-weight:600;line-height:1.15}.bill-hero-note{color:var(--text-2);margin-top:6px;font-size:13px;font-weight:500;line-height:1.5}.bill-days{margin-top:var(--s3);border-radius:var(--r-full);background:var(--bill-tone-tint);height:30px;color:var(--bill-tone);border:1px solid color-mix(in srgb, var(--bill-tone) 34%, transparent);align-items:center;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.bill-hero.is-soon .bill-days,.bill-hero.is-expired .bill-days{background:var(--surface);height:36px;padding:0 15px;font-size:14.5px}.bill-hero-figure{text-align:right;flex:none;margin-left:auto}.bill-hero-amount{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-top:4px;font-size:27px;font-weight:600;line-height:1.1;display:block}.bill-hero-amount i,.bill-sum-amount i,.pay-bar-total i{letter-spacing:0;color:var(--text-3);margin-left:5px;font-size:13px;font-style:normal;font-weight:600}.bill-card{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-sm);margin-bottom:var(--s6);overflow:hidden}.bill-card-head{padding:var(--s5) var(--s6) var(--s4)}.bill-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:18px;font-weight:600}.bill-card-lede{color:var(--text-2);margin-top:5px;font-size:12.5px;font-weight:500;line-height:1.55}.bill-hint{margin-top:var(--s4);border-radius:var(--r-sm);background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-2);gap:8px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.bill-hint-icon{color:var(--text-3);flex:none;margin-top:1px}.bill-col-head{gap:var(--s3);padding:9px var(--s6);background:var(--surface-sunken);border-top:1px solid var(--border);border-bottom:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);grid-template-columns:26px minmax(0,1fr) auto;font-size:10.5px;font-weight:700;display:grid}.bill-col-head span:first-child{grid-column:1/3}.bill-col-head span:last-child{text-align:right}.bill-lines{list-style:none}.bill-line{align-items:start;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);grid-template-columns:26px minmax(0,1fr) auto;display:grid}.bill-line:last-child{border-bottom:none}.bill-line.is-base{background:color-mix(in srgb, var(--accent-tint) 55%, var(--surface))}.bill-line-name{letter-spacing:-.01em;color:var(--text);font-size:14.5px;font-weight:700}.bill-line.is-off .bill-line-name{color:var(--text-2)}.bill-line-desc{color:var(--text-3);margin-top:3px;font-size:12px;font-weight:500;line-height:1.45}.bill-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.bill-tag{border-radius:var(--r-xs);border:1px solid #0000;align-items:center;gap:5px;height:23px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.bill-tag.is-live{background:var(--success-tint);color:var(--success-text);border-color:var(--success-border)}.bill-tag.is-add{background:var(--accent-tint);color:var(--accent-700);border-color:color-mix(in srgb, var(--accent-500) 45%, transparent)}.bill-tag.is-drop{background:var(--danger-tint);color:var(--danger-text);border-color:var(--danger-border)}.bill-tag.is-idle{background:var(--surface-sunken);color:var(--text-3);border-color:var(--border)}.bill-tag.is-lock{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}.bill-amt{text-align:right;white-space:nowrap;padding-left:var(--s2)}.bill-amt b{letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;display:block}.bill-amt span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-top:2px;font-size:10.5px;font-weight:700;display:block}.bill-amt.is-muted b{color:var(--text-3)}.bill-check{color:#0000;width:44px;height:44px;transition:color var(--t-fast) var(--e-out);background:0 0;border:none;place-items:center;margin:-8px 0 0 -9px;padding:0;display:grid;position:relative}.bill-check:before{content:"";border:2px solid var(--border-input);background:var(--surface);transition:background var(--t-fast) var(--e-out), border-color var(--t-fast) var(--e-out);border-radius:8px;position:absolute;inset:9px}.bill-check svg{position:relative}.bill-check:hover:before{border-color:var(--accent-500)}.bill-check:focus-visible{outline:none}.bill-check:focus-visible:before{outline:var(--ring);outline-offset:3px}.bill-check[aria-checked=true]{color:var(--text-on-accent)}.bill-check[aria-checked=true]:before{background:var(--accent-500);border-color:var(--accent-600)}.bill-lock,.bill-mark{background:var(--accent-tint);width:26px;height:26px;color:var(--accent-700);border-radius:8px;place-items:center;margin-top:1px;display:grid}.bill-foot{background:var(--surface-sunken);border-top:2px dashed var(--border-strong)}.bill-sum{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s6);flex-wrap:wrap;display:flex}.bill-sum-label{color:var(--text);font-size:13.5px;font-weight:700}.bill-sum-sub{color:var(--text-3);margin-top:3px;font-size:12px;font-weight:600}.bill-sum-amount{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);text-align:right;font-size:28px;font-weight:600;line-height:1.1}.bill-act{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s6) var(--s5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.bill-act-note{color:var(--text-3);flex:240px;font-size:12px;font-weight:500;line-height:1.5}.dur-grid{gap:var(--s3);padding:0 var(--s6) var(--s5);grid-template-columns:repeat(4,1fr);display:grid}.dur-card{text-align:left;padding:var(--s4) var(--s3);border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);display:block;position:relative}.dur-card:hover{border-color:var(--border-strong)}.dur-card[aria-pressed=true]{border-color:var(--accent-500);background:var(--accent-tint)}.dur-card-months{color:var(--text-2);font-size:13px;font-weight:700;display:block}.dur-card[aria-pressed=true] .dur-card-months{color:var(--accent-700)}.dur-card-total{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;margin-top:6px;font-size:16px;font-weight:600;display:block}.dur-card-total i{color:var(--text-3);letter-spacing:0;margin-left:4px;font-size:11px;font-style:normal;font-weight:600}.dur-card-tick{color:var(--accent-700);opacity:0;transition:opacity var(--t-fast) var(--e-out);place-items:center;display:grid;position:absolute;top:7px;right:7px}.dur-card[aria-pressed=true] .dur-card-tick{opacity:1}.pay-bar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);box-shadow:var(--sh-md);flex-wrap:wrap;display:flex}.pay-bar-total{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;margin-top:3px;font-size:27px;font-weight:600;line-height:1.1}.pay-bar-until{color:var(--text-3);margin-top:4px;font-size:12px;font-weight:600}.bill-done{text-align:center;padding:var(--s10) var(--s5) var(--s12)}.bill-done-mark{width:72px;height:72px;margin:0 auto var(--s4);background:var(--success-tint);border:1px solid var(--success-border);color:var(--success-text);border-radius:50%;place-items:center;display:grid}.bill-done-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:600}.bill-done-note{color:var(--text-2);margin-top:8px;font-size:13.5px;font-weight:500;line-height:1.55}.bill-done-facts{max-width:340px;margin:var(--s6) auto;text-align:left;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.bill-done-fact{justify-content:space-between;align-items:center;gap:var(--s3);padding:11px var(--s4);border-bottom:1px solid var(--border);font-size:13px;display:flex}.bill-done-fact:last-child{border-bottom:none}.bill-done-fact dt{color:var(--text-3);font-weight:600}.bill-done-fact dd{color:var(--text);font-weight:700}.bill-history{margin-top:var(--s10)}.bill-section-head{justify-content:space-between;align-items:baseline;gap:var(--s3);padding-bottom:var(--s3);margin-bottom:var(--s4);border-bottom:1px solid var(--border);display:flex}.bill-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:18px;font-weight:600}.bill-section-count{color:var(--text-3);font-size:12px;font-weight:700}.pay-list{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);overflow:hidden}.pay-head,.pay-row{align-items:center;gap:6px var(--s4);grid-template-columns:124px minmax(0,1fr) 108px 200px;grid-template-areas:"date service amount status";display:grid}.pay-head{padding:10px var(--s5);background:var(--surface-sunken);border-bottom:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:700}.pay-row{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);transition:background var(--t-fast) var(--e-out)}.pay-row:last-child{border-bottom:none}.pay-row:hover{background:var(--surface-sunken)}.pay-date{color:var(--text-3);grid-area:date;font-size:12.5px;font-weight:600}.pay-service{min-width:0;color:var(--text);grid-area:service;font-size:13.5px;font-weight:600}.pay-service small{color:var(--text-3);margin-top:2px;font-size:11.5px;font-weight:600;display:block}.pay-amount{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;grid-area:amount;font-size:14.5px;font-weight:700}.pay-status{justify-content:flex-end;align-items:center;gap:var(--s2);flex-wrap:wrap;grid-area:status;display:flex}.pay-head .pay-amount,.pay-head .pay-status,.pay-head .pay-date,.pay-head .pay-service{font:inherit;color:inherit;letter-spacing:inherit}.bill-pill{border-radius:var(--r-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;height:25px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.bill-pill:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.bill-pill.is-paid{background:var(--success-tint);color:var(--success-text);border-color:var(--success-border)}.bill-pill.is-wait{background:var(--accent-tint);color:var(--accent-700);border-color:color-mix(in srgb, var(--accent-500) 45%, transparent)}.bill-pill.is-void{background:var(--surface-sunken);color:var(--text-3);border-color:var(--border)}.pager{flex-wrap:wrap;gap:6px;display:flex}.bill-pager{margin-top:var(--s4);padding-bottom:var(--s6);justify-content:center}.pager-btn{border:1px solid var(--border-input);background:var(--surface);border-radius:var(--r-sm);width:40px;height:40px;color:var(--text-2);font-variant-numeric:tabular-nums;transition:border-color var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out), background var(--t-fast) var(--e-out);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.pager-btn:hover{border-color:var(--border-strong);color:var(--text)}.pager-btn.active{background:var(--accent-tint);border-color:var(--accent-500);color:var(--accent-700)}.panel{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);background:var(--surface);box-shadow:var(--sh-sm)}.panel-title{color:var(--text);margin-bottom:var(--s4);font-size:13px;font-weight:700}.panel-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:var(--s1);font-size:18px;font-weight:600}.panel-lede{color:var(--text-2);margin-bottom:var(--s5);font-size:13px;font-weight:500}.link-btn{color:var(--accent-700);text-underline-offset:3px;background:0 0;border:none;padding:4px 2px;font-size:12.5px;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--accent-800)}.panel-subtitle{color:var(--text-3);margin:-10px 0 var(--s4);font-size:12px;font-weight:500}.bar-track{border-radius:var(--r-full);background:var(--surface-sunken);flex:auto;min-width:0;height:8px;overflow:hidden}.bar-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--accent-600), var(--accent-500));height:100%}.chart-bars{align-items:flex-end;gap:var(--s2);height:clamp(120px,22vw,180px);display:flex}.chart-bar-col{align-items:center;gap:var(--s2);flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex}.chart-bar-fill{border-radius:var(--r-xs) var(--r-xs) 0 0;background:linear-gradient(180deg, var(--accent-500), var(--accent-600));width:100%;max-width:34px;min-height:3px;transition:filter var(--t-fast) var(--e-out)}.chart-bar-col:hover .chart-bar-fill{filter:brightness(1.08)}.chart-bar-label{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.top-product-row{align-items:center;gap:var(--s3);border-top:1px solid var(--border);padding:10px 0;display:flex}.top-product-row:first-child{border-top:none}.grid-2{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.grid-2-wide{gap:var(--s4);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.grid-fields{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stack{gap:var(--s4);flex-direction:column;display:flex}.bottom-nav{display:none}.bottom-nav-item{border-radius:var(--r-sm);min-width:0;min-height:52px;color:var(--text-3);transition:color var(--t-fast) var(--e-out);background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:10.5px;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--accent-700)}.more-sheet-item{align-items:center;gap:var(--s3);text-align:left;width:100%;min-height:52px;padding:0 var(--s5);color:var(--text-2);border:none;border-top:1px solid var(--border);transition:background var(--t-fast) var(--e-out), color var(--t-fast) var(--e-out);background:0 0;font-size:14.5px;font-weight:600;display:flex}.more-sheet-item:hover{background:var(--surface-sunken);color:var(--text)}.more-sheet-item:first-child{border-top:none}.more-sheet-item.danger{color:var(--danger-text)}.toast{bottom:var(--s6);padding:12px var(--s4);border-radius:var(--r-md);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--sh-lg);color:var(--text);z-index:90;animation:toastIn .38s var(--e-spring);align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width<=1180px){.grid-2-wide{grid-template-columns:1fr}.lead-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) 130px}.lead-row-head>:nth-child(3),.lead-row .lead-date{display:none}}@media (width<=768px){.sidebar{display:none}.content-area{padding-bottom:68px}.topbar{padding:var(--s2) var(--s4)}.topbar-scope{display:flex}.topbar-crumb{display:none}.bottom-nav{z-index:40;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.page-header{padding:var(--s4) var(--s4) var(--s3);gap:var(--s3);align-items:stretch}.page-title{font-size:25px}.page-icon{width:38px;height:38px}.page-header>.btn,.page-header .lead-filter-pills,.page-header .seg{width:100%}.page-header>.btn{justify-content:center}.products-scroll{padding:var(--s4) var(--s4) var(--s10)}.modal-scroll{padding:var(--s4)}.products-body{flex-direction:column}.category-panel{width:100%;padding:var(--s3) var(--s4);border-right:none;border-bottom:1px solid var(--border);scrollbar-width:none;flex-direction:row;align-items:center;gap:7px;overflow:auto hidden}.category-panel::-webkit-scrollbar{display:none}.category-panel-title,.add-category-link,.category-hint{display:none}.category-row,.category-child-row{width:auto;min-height:44px;padding:0 var(--s4);border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);flex-shrink:0}.category-row.active,.category-child-row.active{background:var(--accent-tint);border-color:var(--accent-500)}.category-row .name,.category-child-row .name{font-size:13px}.category-children{border-left:none;gap:6px;margin-left:0;padding-left:0;display:flex}.products-grid{gap:var(--s3);grid-template-columns:repeat(2,1fr)}.product-card-name{font-size:13.5px}.product-card-actions{flex-direction:column}.product-card-actions .btn{flex:none;height:44px}.toolbar{padding:var(--s3) var(--s4)}.search-box{width:100%;max-width:none}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.grid-2,.grid-2-wide,.grid-fields{grid-template-columns:1fr!important}.modal-overlay{z-index:80}.modal-panel{border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:81;animation:sheetIn var(--t-slow) var(--e-out);border:none;right:0;width:100%!important;max-width:100%!important;height:auto!important;max-height:92vh!important;top:auto!important;bottom:0!important;left:0!important;transform:none!important}.modal-panel.narrow,.modal-panel.confirm,.lead-drawer{padding:var(--s5);padding-bottom:calc(var(--s5) + env(safe-area-inset-bottom));overflow-y:auto}.modal-panel.narrow[role=menu]{padding:0 0 env(safe-area-inset-bottom)}.modal-footer{padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom));border-radius:0}.lead-row{gap:var(--s2);grid-template-columns:1fr}.lead-row-head{display:none}.lead-row .lead-date{display:block}.detail-header{padding:var(--s3) var(--s4)}.detail-title{font-size:19px}.detail-body{padding:var(--s5) var(--s4) var(--s10)}.meta-row{gap:var(--s5)}.panel{padding:var(--s4)}.stat-card{padding:var(--s3) var(--s4)}.stat-value{font-size:20px}.bill-hero{padding:var(--s4)}.bill-hero-state{font-size:21px}.bill-hero-figure{text-align:left;margin-left:0;margin-top:var(--s3);padding-top:var(--s3);border-top:1px dashed var(--border-strong);flex:1 0 100%}.bill-hero-amount{font-size:24px}.bill-card-head{padding:var(--s4) var(--s4) var(--s3)}.bill-col-head,.bill-line,.bill-sum,.bill-act{padding-left:var(--s4);padding-right:var(--s4)}.bill-line{padding-top:var(--s3);padding-bottom:var(--s3);gap:var(--s2) 11px}.bill-line-name{font-size:14px}.bill-amt b{font-size:14.5px}.bill-act{align-items:stretch;gap:var(--s3);flex-direction:column}.bill-act-note{flex:none}.bill-act .btn{width:100%}.bill-sum-amount{font-size:25px}.dur-grid{padding:0 var(--s4) var(--s4);grid-template-columns:repeat(2,1fr)}.pay-bar{bottom:var(--s2);z-index:6;align-items:stretch;gap:var(--s3);box-shadow:var(--sh-lg);flex-direction:column;position:sticky}.pay-bar .btn{width:100%}.bill-history{margin-top:var(--s8)}.pay-head{display:none}.pay-row{gap:7px var(--s3);padding:var(--s3) var(--s4);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"service amount""date status"}.pay-date{align-self:center}.bill-done{padding:var(--s8) var(--s2) var(--s10)}.broadcast-row{padding:var(--s3)}.broadcast-thumb{width:44px;height:44px}.lead-modal-name{font-size:19px}.lead-status-pill,.lead-filter-pill,.seg>*,.icon-btn,.pager-btn{min-height:44px}.icon-btn{width:44px;height:44px}.pager-btn{width:44px}.search-box input,.field-input,.field-select,.dimension-select,.dimension-value-input{min-height:44px}.btn-sm{height:44px}.toast{left:var(--s4);right:var(--s4);bottom:80px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.lead-row-item,.product-card{opacity:1;animation:none!important}.lead-step-bar span{transform:scaleX(1)}}.login-wrap{min-height:100vh;padding:var(--s5);background:radial-gradient(120% 90% at 12% 0%, #ffa76b8c 0%, transparent 55%), radial-gradient(110% 80% at 100% 100%, #ad4b0b66 0%, transparent 60%), linear-gradient(160deg, var(--accent-500) 0%, var(--accent-700) 100%);place-items:center;display:grid}.login-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);width:400px;max-width:100%;padding:var(--s8);box-shadow:var(--sh-lg)}.login-logo{align-items:center;gap:var(--s3);margin-bottom:var(--s2);flex-direction:column;display:flex}.login-badge{border-radius:var(--r-lg);background:linear-gradient(145deg, var(--accent-500), var(--accent-600));place-items:center;width:60px;height:60px;display:grid;box-shadow:0 8px 20px -6px #ff8a3d99}.login-card h1{text-align:center;margin:var(--s1) 0 0;font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:600}.login-tagline{text-align:center;color:var(--text-2);margin-bottom:var(--s5);font-size:13px}.login-card .btn-primary{width:100%;margin-top:var(--s2)}