:root{--bg:#f7f8f6;--surface:#fff;--surface-2:#f3f4f1;--surface-3:#ebede8;--border:#e2e5df;--border-2:#d4d8d0;--ink:#14181a;--ink-2:#2c3236;--ink-3:#5a6469;--ink-4:#8a9398;--ink-5:#b6bcbe;--brand-50:#effaf3;--brand-100:#d8f1e0;--brand-200:#b2e3c4;--brand-300:#82d0a3;--brand-400:#4eb87f;--brand-500:#2a9d63;--brand-600:#1d7f50;--brand-700:#186641;--brand-800:#155236;--brand:var(--brand-500);--brand-ink:var(--brand-700);--danger:#d64545;--danger-bg:#fdecec;--warn:#c97a17;--warn-bg:#fdf3e2;--info:#2473c5;--info-bg:#e9f2fc;--success:var(--brand-500);--success-bg:var(--brand-50);--font-sans:"Inter Tight", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-num:"Inter Tight", ui-monospace, "SF Mono", system-ui, sans-serif;--r-1:6px;--r-2:10px;--r-3:14px;--r-4:18px;--r-pill:999px;--sh-1:0 1px 2px #14181a0a, 0 1px 1px #14181a08;--sh-2:0 1px 2px #14181a0d, 0 4px 12px #14181a0f;--sh-3:0 4px 12px #14181a14, 0 14px 40px #14181a1a;--sh-pop:0 12px 32px #14181a2e, 0 2px 6px #14181a14;--d-pad-card:16px;--d-pad-row:14px;--d-row-h:56px;--d-card-w:210px;--d-card-img-h:170px;--d-gap:16px;--d-fs-body:14.5px;--d-fs-num:15px;--d-fs-title:15.5px}[data-density=compact]{--d-pad-card:11px;--d-pad-row:10px;--d-row-h:46px;--d-card-w:176px;--d-card-img-h:136px;--d-gap:10px;--d-fs-body:13px;--d-fs-num:13.5px;--d-fs-title:13.5px}[data-density=comfy]{--d-pad-card:20px;--d-pad-row:18px;--d-row-h:64px;--d-card-w:240px;--d-card-img-h:200px;--d-gap:20px;--d-fs-body:15.5px;--d-fs-num:16px;--d-fs-title:17px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--d-fs-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.t-display{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.1}.t-h1{letter-spacing:-.015em;font-size:22px;font-weight:600;line-height:1.2}.t-h2{letter-spacing:-.01em;font-size:17px;font-weight:600;line-height:1.25}.t-h3{letter-spacing:-.005em;font-size:14px;font-weight:600;line-height:1.3}.t-body{font-size:var(--d-fs-body);font-weight:400;line-height:1.45}.t-small{color:var(--ink-3);font-size:12.5px;font-weight:400;line-height:1.4}.t-tiny{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:500}.t-num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{background:var(--bg);grid-template-columns:240px 1fr;height:100%;transition:grid-template-columns .18s cubic-bezier(.2,.7,.3,1);display:grid}.app[data-collapsed=true]{grid-template-columns:68px 1fr}.app[data-collapsed=true]>.sidebar{align-items:center;padding:16px 8px}.app[data-collapsed=true]>.sidebar .sb-brand{border-bottom:1px solid var(--border);justify-content:center;width:100%;margin-bottom:12px;padding:6px 0 16px}.app[data-collapsed=true]>.sidebar .sb-section{display:none}.app[data-collapsed=true]>.sidebar .sb-item{justify-content:center;width:52px;padding:10px 8px}.app[data-collapsed=true]>.sidebar .sb-item .badge{padding:1px 5px;font-size:10px;position:absolute;top:2px;right:2px}.app[data-collapsed=true]>.sidebar .sb-foot{flex-direction:column;gap:8px;width:100%;padding:12px 0 4px}.tb-burger{border-radius:var(--r-2);width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;transition:background .12s;display:inline-grid}.tb-burger:hover{background:var(--surface-2)}@media (width<=1000px){.tb-sync{display:none}}@media (width<=880px){.tb-bell{display:none}.client-pill{max-width:200px;padding:5px 10px 5px 5px}.client-pill .name{max-width:130px;font-size:13px}.client-pill .meta{max-width:130px;font-size:11px}.tb-cart-total{display:none}.topbar{gap:8px;padding:0 12px}}@media (width<=700px){.client-pill .pill-text{display:none}.client-pill{padding:4px}}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.app-content{flex:1;min-height:0;padding:0;overflow:auto}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.sb-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:12px;padding:6px 10px 16px;display:flex}.sb-logo{background:var(--brand-500);color:#fff;letter-spacing:-.02em;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:17px;font-weight:700;display:grid}.sb-name{letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:600}.sb-tag{color:var(--ink-4);letter-spacing:.02em;font-size:11px;font-weight:500}.sb-section{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);padding:16px 12px 8px;font-size:11px;font-weight:600}.sb-item{border-radius:var(--r-2);color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.sb-item:hover{background:var(--surface-2);color:var(--ink)}.sb-item[data-active=true]{background:var(--brand-50);color:var(--brand-700)}.sb-item[data-active=true]:before{content:"";background:var(--brand-500);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sb-item .badge{background:var(--surface-3);color:var(--ink-3);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:600}.sb-item[data-active=true] .badge{background:var(--brand-500);color:#fff}.sb-item.rail-item{border-bottom:1px solid #f0f0f1;border-radius:0;align-items:flex-start;gap:8px;padding:5px 10px;font-size:13px;font-weight:500;line-height:1.3}.sb-item.rail-item:last-child{border-bottom:none}.sb-item.rail-item[data-active=true]:before{top:4px;bottom:4px}.sb-item.rail-item .badge{padding:1px 6px;font-size:10.5px}.sb-item.rail-item[data-parent=true]{text-transform:uppercase;letter-spacing:.02em;color:var(--ink);font-size:12px;font-weight:700}.sb-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 4px;display:flex}.avatar{border-radius:var(--r-pill);background:var(--brand-100);width:34px;height:34px;color:var(--brand-700);flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.avatar.lg{width:44px;height:44px;font-size:16px}.avatar.sm{width:26px;height:26px;font-size:11px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 22px;display:flex}.tb-title{letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-size:17px;font-weight:600}.tb-spacer{flex:1}.client-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;flex-shrink:0;align-items:center;gap:10px;max-width:320px;padding:6px 12px 6px 6px;transition:background .12s,border-color .12s;display:flex}.client-pill:hover{background:var(--surface-3);border-color:var(--border-2)}.client-pill .avatar{width:28px;height:28px;font-size:11px}.client-pill .pill-text{flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.client-pill .name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:13.5px;font-weight:600;overflow:hidden}.client-pill .meta{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11.5px;overflow:hidden}.btn{border-radius:var(--r-2);letter-spacing:-.005em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background .12s,border-color .12s,color .12s,transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand-500);color:#fff}.btn-primary:hover{background:var(--brand-600)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-danger:hover{background:#fbdcdc}.btn-sm{border-radius:var(--r-1);height:30px;padding:0 12px;font-size:12.5px}.btn-lg{height:46px;padding:0 20px;font-size:14.5px}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:30px}.btn-icon.btn-lg{width:46px}.input{border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface);height:38px;color:var(--ink);outline:none;width:100%;padding:0 12px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-50)}.input.lg{height:46px;padding:0 14px;font-size:15px}.input-search{background:var(--surface-2);border-color:#0000;padding-left:38px}.input-search:focus{background:var(--surface);border-color:var(--brand-400)}.input-wrap{position:relative}.input-wrap>svg.lead{color:var(--ink-4);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-3);font-size:12.5px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--d-pad-card)}.chip{border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.chip:hover{background:var(--surface-3)}.chip[data-active=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-brand[data-active=true]{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.tag{border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-success{background:var(--brand-100);color:var(--brand-700)}.tag-warn{background:var(--warn-bg);color:var(--warn)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-info{background:var(--info-bg);color:var(--info)}.tag-neutral{background:var(--surface-3);color:var(--ink-3)}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-success{background:var(--brand-500)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.dot-neutral{background:var(--ink-4)}.stepper{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;height:32px;display:inline-flex;overflow:hidden}.stepper button{width:32px;height:100%;color:var(--ink-2);background:0 0;border:none;place-items:center;transition:background .1s;display:grid}.stepper button:hover{background:var(--surface-2)}.stepper button:disabled{color:var(--ink-5);cursor:not-allowed}.stepper input{text-align:center;font-variant-numeric:tabular-nums;width:36px;height:100%;color:var(--ink);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper.active{background:var(--brand-500);border-color:var(--brand-500)}.stepper.active button{color:#fff}.stepper.active button:hover{background:var(--brand-600)}.stepper.active input{color:#fff}.stepper.lg{height:40px}.stepper.lg button{width:40px}.stepper.lg input{width:50px;font-size:15px}.dash-row{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.dash-row-2{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (width<=1100px){.dash-row{grid-template-columns:1fr 1fr}.dash-row>.dash-card-wide{grid-column:1/-1}.dash-row-2{grid-template-columns:1fr}}@media (width<=640px){.dash-row{grid-template-columns:1fr}}.prod-card-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);cursor:pointer;flex-direction:column;transition:border-color .12s,box-shadow .12s,transform 80ms;display:flex;overflow:hidden}.prod-card-hero:hover{border-color:var(--border-2);box-shadow:var(--sh-2)}.prod-card-hero:active{transform:scale(.995)}.prod-card-hero .hero-img{aspect-ratio:4/3;background:var(--surface);place-items:center;display:grid;position:relative;overflow:hidden}.prod-card-hero .hero-img img{object-fit:contain;max-width:88%;max-height:88%}.prod-card-hero .hero-img .badge-promo{background:var(--ink);color:#fff;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.prod-card-hero .hero-img .badge-tag{position:absolute;top:12px;left:12px}.prod-card-hero .hero-img .badge-stock{background:#f7f8f6b3;place-items:center;display:grid;position:absolute;inset:0}.prod-card-hero .hero-body{background:var(--surface);align-items:center;gap:12px;padding:14px 16px 16px;display:flex}.prod-card-hero .hero-info{flex:1;min-width:0}.prod-card-hero .hero-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:11px;font-weight:500;overflow:hidden}.prod-card-hero .hero-name{letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin-bottom:6px;font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.prod-card-hero .hero-price{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.prod-card-hero .hero-stock{font-variant-numeric:tabular-nums;margin-top:1px;font-size:11.5px}.prod-card-hero .hero-cta{flex-shrink:0}.qty-add{border-radius:var(--r-pill);background:var(--brand-500);color:#fff;width:32px;height:32px;box-shadow:var(--sh-2);border:none;place-items:center;transition:background .12s,transform .1s;display:grid}.qty-add:hover{background:var(--brand-600)}.qty-add:active{transform:scale(.92)}.tbl{border-collapse:separate;border-spacing:0;width:100%}.tbl th,.tbl td{text-align:left;vertical-align:middle;padding:10px 12px}.tbl th{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid var(--border);background:var(--surface);font-size:11px;font-weight:600;position:sticky;top:0}.tbl tbody tr{border-bottom:1px solid var(--border)}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody td{font-size:var(--d-fs-body);border-bottom:1px solid var(--border)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.prod-img{background:var(--surface);border-radius:var(--r-2);place-items:center;display:grid;position:relative;overflow:hidden}.app-content::-webkit-scrollbar{width:10px;height:10px}.sidebar::-webkit-scrollbar{width:10px;height:10px}.scroll-y::-webkit-scrollbar{width:10px;height:10px}.app-content::-webkit-scrollbar-thumb{background:var(--border-2);background-clip:content-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-2);background-clip:content-box;border:2px solid #0000;border-radius:999px}.scroll-y::-webkit-scrollbar-thumb{background:var(--border-2);background-clip:content-box;border:2px solid #0000;border-radius:999px}.app-content::-webkit-scrollbar-thumb:hover{background:var(--ink-5);background-clip:content-box;border:2px solid #0000}.scroll-y::-webkit-scrollbar-thumb:hover{background:var(--ink-5);background-clip:content-box;border:2px solid #0000}.hstack{align-items:center;gap:10px;display:flex}.vstack{flex-direction:column;gap:10px;display:flex}.spacer{flex:1}.divider{background:var(--border);height:1px;margin:12px 0}.divider-v{background:var(--border);align-self:stretch;width:1px}.muted{color:var(--ink-3)}.muted-2{color:var(--ink-4)}.bold{font-weight:600}.center{place-items:center;display:grid}.tabular{font-variant-numeric:tabular-nums}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#14181a73;animation:.15s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drawer{background:var(--surface);z-index:51;width:480px;max-width:100vw;box-shadow:var(--sh-3);flex-direction:column;animation:.22s cubic-bezier(.2,.7,.3,1) slideRight;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-hd{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 22px;display:flex}.drawer-body{flex:1;padding:16px 22px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--border);background:var(--surface-2);padding:16px 22px}.modal{background:var(--surface);border-radius:var(--r-4);z-index:51;box-shadow:var(--sh-3);flex-direction:column;max-width:90vw;max-height:90vh;animation:.2s cubic-bezier(.2,.7,.3,1) slideUp;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.empty{text-align:center;color:var(--ink-3);padding:40px 24px}.empty-ic{border-radius:var(--r-3);background:var(--surface-2);width:56px;height:56px;color:var(--ink-4);place-items:center;margin:0 auto 14px;display:grid}.fade-in{animation:.2s ease-out fadeIn}.catalog-rail-toggle{display:none}@media (width<=768px){.app,.app[data-collapsed=true]{grid-template-columns:1fr}.sidebar{z-index:60;width:280px;box-shadow:var(--sh-3);align-items:stretch;padding:16px 12px;transition:transform .22s cubic-bezier(.2,.7,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app[data-mobile-nav=open] .sidebar{transform:translate(0)}.app[data-mobile-nav=open]:before{content:"";z-index:55;background:#14181a80;animation:.15s ease-out fadeIn;position:fixed;inset:0}.app[data-collapsed=true]>.sidebar{align-items:stretch;width:280px;padding:16px 12px}.app[data-collapsed=true]>.sidebar .sb-section{display:block}.app[data-collapsed=true]>.sidebar .sb-item{justify-content:flex-start;width:100%;padding:9px 12px}.app[data-collapsed=true]>.sidebar .sb-item .badge{padding:2px 7px;font-size:11px;position:static}.app[data-collapsed=true]>.sidebar .sb-brand{border-bottom:1px solid var(--border);justify-content:flex-start;width:auto;margin-bottom:12px;padding:6px 10px 16px}.app[data-collapsed=true]>.sidebar .sb-foot{flex-direction:row;gap:10px;width:auto;padding:12px 8px 4px}.topbar{gap:8px;height:56px;padding:0 12px}.tb-title{font-size:15px}.tb-sync,.tb-bell{display:none}.client-pill{gap:6px;max-width:60vw;padding:4px 10px 4px 4px}.client-pill .name,.client-pill .meta{max-width:40vw;font-size:12px}.tb-cart{height:36px;padding:0 12px}.tb-cart-total{font-size:13px}.drawer{width:100vw;max-width:100vw}.drawer-hd{padding:14px 16px}.drawer-body{padding:12px 16px}.drawer-foot{padding:14px 16px}.modal{border-radius:0;max-width:100vw;height:100vh;max-height:100vh;animation:.18s ease-out fadeIn;top:0;left:0;transform:none;width:100vw!important}.app-content{padding:0;overflow-x:hidden}.app-main{min-width:0;overflow-x:hidden}.tbl,.tbl>tbody,.tbl>thead{width:100%;display:block}.tbl>thead{display:none}.tbl>tbody>tr{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;width:100%;padding:12px 14px;display:flex}.tbl>tbody>tr:last-child{border-bottom:none}.tbl>tbody>tr>td{display:block;text-align:left!important;border:none!important;width:auto!important;padding:0!important}.tbl>tbody>tr>td:empty{display:none}.tbl>tbody>tr>td.num{text-align:left!important}.card{overflow-x:hidden}.scroll-y{padding:14px!important}.page-wrap{gap:16px!important;padding:14px!important}.page-wrap [style*=grid-template-columns]:not(.catalog-layout):not(.dash-row):not(.dash-row-2):not(.responsive-keep-grid),.page-wrap .card[style*=grid]:not(.responsive-keep-grid){flex-direction:column!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:8px!important;display:flex!important}.page-wrap>.hstack{flex-wrap:wrap;gap:10px!important}.page-wrap>.hstack>.card{min-width:0;flex:100%!important}.catalog-layout{grid-template-columns:1fr!important}.catalog-rail{display:none!important}.catalog-layout[data-rail-open=true] .catalog-rail{z-index:60;width:280px;box-shadow:var(--sh-3);background:var(--surface);animation:.22s cubic-bezier(.2,.7,.3,1) slideFromLeft;position:fixed;top:0;bottom:0;left:0;transform:translate(0);display:block!important}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.catalog-layout[data-rail-open=true]:before{content:"";z-index:55;background:#14181a80;animation:.15s ease-out fadeIn;position:fixed;inset:0}.catalog-rail-toggle{order:-1;display:inline-flex!important}.catalog-topbar{gap:8px!important;padding:10px 14px!important}.catalog-topbar .input-wrap{flex:100%!important;max-width:100%!important}.catalog-topbar select{flex:auto!important;width:auto!important}.tbl{font-size:12.5px}.login-grid{min-height:100vh;grid-template-columns:1fr!important;height:auto!important}.login-brand{min-height:220px!important;padding:24px!important}.login-brand .login-brand-headline{font-size:22px!important;line-height:1.2!important}.login-form{max-width:100%!important;padding:32px 24px!important}}