:root{--color-background:#FFFFFF;--color-text:#000000;--color-text-soft:#000000;--color-muted:#667085;--color-muted-soft:#667085;--color-muted-light:#8A94A3;--color-surface:#F6F8FB;--color-surface-hover:#F6F8FB;--color-border:#E7EDF4;--color-border-strong:#E7EDF4;--color-brand:#006BFF;--color-primary:#006BFF;--color-primary-hover:#005FCC;--color-primary-active:#005FCC;--color-primary-contrast:#FFFFFF;--color-primary-soft:#EAF2FF;--color-primary-soft-hover:#EAF2FF;--color-primary-soft-light:#EAF2FF;--color-success:#0B7A5A;--color-success-hover:#0B7A5A;--color-success-soft:#E8F6F1;--color-success-text:#0B7A5A;--color-warning:#F59E0B;--color-warning-soft:#FFF7E6;--color-warning-text:#F59E0B;--color-danger:#D92D3A;--color-danger-hover:#D92D3A;--color-danger-soft:#FFF1F2;--color-danger-soft-strong:#FFF1F2;--color-danger-text:#D92D3A;--color-scrollbar:#E7EDF4;--color-scrollbar-hover:#E7EDF4;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:22px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-size-6xl:40px;--font-size-7xl:44px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-ui:1;--line-height-card:20px;--line-height-copy:20px;--letter-spacing-caps:2px;--space-heading-content:24px;--button-height:44px;--button-radius:16px;--section-title-color:var(--color-text);--section-title-font-size:var(--font-size-xl);--section-title-font-weight:var(--font-weight-extrabold);--section-title-line-height:var(--line-height-ui);--text-button-color:var(--color-muted-soft);--text-button-hover-color:var(--color-primary-hover);--text-button-font-size:var(--font-size-sm);--text-button-font-weight:var(--font-weight-semibold);--text-button-line-height:var(--line-height-ui);--primary-action-button-width:320px;--primary-action-button-height:var(--button-height);--primary-action-button-radius:var(--button-radius);--primary-action-button-background:var(--color-primary);--primary-action-button-hover-background:var(--color-primary-hover);--primary-action-button-color:var(--color-primary-contrast);--primary-action-button-font-size:var(--font-size-sm);--primary-action-button-font-weight:var(--font-weight-bold);--primary-action-button-line-height:var(--line-height-ui);--secondary-soft-button-background:var(--color-primary-soft);--secondary-soft-button-hover-background:#DCEBFF;--secondary-soft-button-border:var(--color-primary-soft);--secondary-soft-button-color:var(--color-primary-hover);--secondary-soft-button-font-size:var(--font-size-sm);--secondary-soft-button-font-weight:var(--font-weight-bold);--secondary-soft-button-line-height:var(--line-height-ui)}html[data-theme=dark]{--color-background:#15171D;--color-text:#F6F8FB;--color-text-soft:#F6F8FB;--color-muted:#9AA3B2;--color-muted-soft:#9AA3B2;--color-muted-light:#B4BDCA;--color-surface:#242733;--color-surface-hover:#242733;--color-border:#313746;--color-border-strong:#313746;--color-brand:#006BFF;--color-primary:#006BFF;--color-primary-hover:#005FCC;--color-primary-active:#005FCC;--color-primary-contrast:#FFFFFF;--color-primary-soft:rgba(0,107,255,.16);--color-primary-soft-hover:rgba(0,107,255,.16);--color-primary-soft-light:rgba(0,107,255,.16);--color-success:#35D09A;--color-success-hover:#35D09A;--color-success-soft:rgba(53,208,154,.14);--color-success-text:#35D09A;--color-warning:#F59E0B;--color-warning-soft:rgba(245,158,11,.16);--color-warning-text:#F59E0B;--color-danger:#FF5A66;--color-danger-hover:#FF5A66;--color-danger-soft:rgba(255,90,102,.14);--color-danger-soft-strong:rgba(255,90,102,.14);--color-danger-text:#FF5A66;--color-scrollbar:#313746;--color-scrollbar-hover:#313746;--secondary-soft-button-hover-background:rgba(0,107,255,.24)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--color-background);color:var(--color-text);font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-sm);line-height:var(--line-height-copy);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{background-color:var(--color-background);color:var(--color-text)}img{display:block;max-width:100%}.container{width:min(1344px,calc(100% - 56px));margin-left:auto;margin-right:auto}.muted{color:var(--color-muted)}@media (max-width:1120px){.container{width:min(100%,calc(100% - 40px))}}@media (max-width:680px){.container{width:min(100%,calc(100% - 28px))}}html{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-surface)}body{overflow-x:clip}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-surface)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border:3px solid var(--color-surface);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}::-webkit-scrollbar-corner{background:var(--color-surface)}form[action="/search"] label:active,form[action="/search"] label:focus-within,form[action="/search"] label:hover{background:var(--color-border)}body:has(main[data-page=chats]) footer,body:has(main[data-page=order-detail]) footer{display:none}:root{--content-max-width:1344px;--content-gutter:56px;--content-width:min(var(--content-max-width),calc(100% - var(--content-gutter)));--color-copyright:var(--color-muted-light);--color-icon-muted:var(--color-copyright);--empty-state-radius:16px;--empty-state-background:transparent;--empty-state-text-color:var(--color-copyright);--empty-state-text-font-size:var(--font-size-sm);--empty-state-text-line-height:var(--line-height-ui);--empty-state-text-font-weight:var(--font-weight-semibold);--empty-state-compact-min-height:52px;--empty-state-action-min-height:124px;--empty-state-action-gap:14px;--empty-state-large-min-height:260px;--empty-state-large-icon-size:24px;--empty-state-large-icon-margin:16px}@media (max-width:1120px){:root{--content-gutter:40px}}@media (max-width:680px){:root{--content-gutter:28px}}.container{width:var(--content-width)}body{min-height:100vh;display:flex;flex-direction:column}body>main{flex:1 0 auto}body>footer{flex:0 0 auto}body:has(main[data-page=product-create]) footer,body:has(main[data-page=product-edit]) footer{display:none}