:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-success:#16a34a;--color-success-soft:#f0fdf4;--color-warning:#f59e0b;--color-warning-soft:#fffbeb;--color-error:#dc2626;--color-error-soft:#fef2f2;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#fef2f2;--color-background:#f8fafc;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--radius-md:12px;--radius-lg:20px;--radius-button:10px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-xs:var(--space-2);--space-sm:var(--space-3);--space-md:20px;--space-lg:var(--space-8);--space-xl:var(--space-12);--shadow-sm:0 1px 2px rgba(17,24,39,.04),0 1px 3px rgba(17,24,39,.06);--shadow-md:0 4px 8px rgba(17,24,39,.04),0 2px 4px rgba(17,24,39,.06);--shadow-lg:0 12px 24px rgba(17,24,39,.08),0 4px 8px rgba(17,24,39,.04);--font-size-body:17px;--font-size-sm:13px;--font-size-lg:22px;--font-size-xl:30px;--transition-fast:150ms ease;--transition-base:200ms ease}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--color-background);color:var(--color-text);font-family:Assistant,system-ui,sans-serif;font-size:var(--font-size-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-button);padding:16px 24px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.card{box-shadow:var(--shadow-sm);padding:var(--space-lg)}.card,.input-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.input-field{width:100%;padding:14px 16px;font-size:var(--font-size-body);color:var(--color-text)}.input-field:focus{outline:2px solid var(--color-primary);outline-offset:1px}.error-text{color:var(--color-error);font-size:15px;margin-top:var(--space-xs)}.field-label{display:block;font-weight:600;font-size:14px;color:var(--color-text);margin-bottom:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-button);padding:0 var(--space-4);height:44px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.btn-primary{background:var(--color-primary);color:#fff;padding:0 var(--space-4)}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:#d1d5db}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-background)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.table-modern{width:100%;border-collapse:collapse}.table-modern th{text-align:start;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);height:40px}.table-modern td,.table-modern th{padding:0 var(--space-4);border-bottom:1px solid var(--color-border)}.table-modern td{height:56px;font-size:var(--font-size-body)}.table-modern tbody tr{transition:background var(--transition-fast)}.table-modern tbody tr:hover{background:var(--color-background)}.table-modern tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.skeleton{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 37%,#eef0f3 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.ai-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-primary-soft);background:var(--color-primary-soft);color:var(--color-primary);font-size:13px;font-weight:600;padding:5px 12px;border-radius:var(--radius-button);cursor:pointer;transition:background-color .15s ease}.ai-btn:hover:not(:disabled){background:#e0e9fd}.ai-btn:disabled{opacity:.6;cursor:not-allowed}.ai-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary)}.ai-suggestion-box{margin-top:var(--space-2);padding:var(--space-3);border:1px dashed var(--color-primary-soft);border-radius:var(--radius-sm);background:#fbfcff}.ai-suggestion-row{display:grid;grid-gap:4px;gap:4px;font-size:13px;margin-bottom:var(--space-2)}.ai-suggestion-label{color:var(--color-text-muted);font-size:11px;font-weight:600}.ai-suggestion-existing{color:var(--color-text-muted);text-decoration:line-through;opacity:.75}.ai-suggestion-proposed{color:var(--color-text);font-weight:500}.ai-suggestion-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.ai-tag-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:600}.dash-two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:900px){.dash-two-col{grid-template-columns:minmax(0,1fr)}}.dash-sidebar{width:252px;position:-webkit-sticky;position:sticky;top:0;height:100vh;transition:width var(--transition-base),transform var(--transition-base)}.dash-sidebar.dash-sidebar-collapsed{width:76px}.dash-sidebar-scrim,.mobile-menu-btn{display:none}@media (max-width:1024px){.dash-sidebar{position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:60;width:260px!important;transform:translateX(100%);box-shadow:var(--shadow-lg)}.dash-sidebar.dash-sidebar-mobile-open{transform:translateX(0)}.dash-sidebar-scrim.dash-sidebar-mobile-open{display:block;position:fixed;inset:0;background:rgba(17,24,39,.35);z-index:55}.mobile-menu-btn{display:inline-flex}}.dash-mobile-only{display:none}@media (max-width:640px){.dash-header-search{display:none}.hide-on-mobile{display:none!important}.dash-mobile-only{display:block}.dash-desktop-only{display:none!important}}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.chip:hover{background:var(--color-background)}.chip.chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.select-compact{height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:13.5px;font-weight:600;cursor:pointer}.select-compact:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.product-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);min-height:72px}.product-row-media{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-background);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.product-row-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.product-row-media:hover img{transform:scale(1.05)}.product-row-body{display:flex;align-items:center;gap:var(--space-4);flex:1 1;min-width:0;flex-wrap:wrap}.product-row-main{flex:2 1;min-width:180px}.product-row-name{font-weight:700;font-size:15px}.product-row-meta,.product-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row-meta{color:var(--color-text-muted);font-size:13px;margin-top:2px}.product-row-price{min-width:100px}.product-row-stock{min-width:130px}.product-row-meta-row{display:flex;align-items:center;gap:var(--space-4)}.product-row-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}@media (max-width:780px){.product-row{flex-direction:column;align-items:stretch;padding:0;min-height:0}.product-row-media{width:100%;height:180px;border-radius:var(--radius-md) var(--radius-md) 0 0;border:none;border-bottom:1px solid var(--color-border)}.product-row-body{flex-direction:column;align-items:stretch;padding:var(--space-4);gap:var(--space-3)}.product-row-meta-row{flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}.product-row-actions{width:100%}.product-row-actions .btn{flex:1 1}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.icon-btn:hover{background:var(--color-background);color:var(--color-text)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:9px var(--space-3);border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--color-text);background:transparent;border:none;cursor:pointer;text-align:start;transition:background var(--transition-fast)}.menu-item:hover{background:var(--color-background)}.menu-item.menu-item-danger{color:var(--color-danger)}.menu-item.menu-item-danger:hover{background:var(--color-danger-soft)}@media (max-width:960px){.form-sidebar{display:none}}.form-two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}@media (max-width:960px){.form-two-col{grid-template-columns:minmax(0,1fr)}}.sticky-save-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px rgba(17,24,39,.04);padding:var(--space-3) var(--space-6);margin:var(--space-6) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width:640px){.sticky-save-bar{margin:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4)}.sticky-save-bar .btn{flex:1 1}}.category-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.category-row-child{padding:var(--space-3) var(--space-4);-webkit-margin-end:var(--space-6);margin-inline-end:var(--space-6);-webkit-border-end:2px solid var(--color-border);border-inline-end:2px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-sm)}.category-media{width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.category-row-child .category-media{width:40px;height:40px}.category-media img{width:100%;height:100%;object-fit:cover}.category-row-body{flex:1 1;min-width:0}.category-row-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-row-child .category-row-name{font-weight:600;font-size:14px}.category-row-meta{color:var(--color-text-muted);font-size:12.5px;margin-top:2px;flex-wrap:wrap}.category-row-actions,.category-row-meta{display:flex;align-items:center;gap:var(--space-2)}.category-row-actions{flex-shrink:0}.category-children{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}@media (max-width:720px){.category-row{flex-wrap:wrap}.category-row-actions{width:100%;justify-content:flex-end}}.drawer-overlay{position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:70;display:flex;justify-content:flex-end;animation:drawer-fade-in var(--transition-base)}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.drawer-panel{width:100%;max-width:520px;height:100%;background:var(--color-surface);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:drawer-slide-in var(--transition-base)}@keyframes drawer-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:640px){.drawer-panel{max-width:100%}}.drawer-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.drawer-footer{flex-shrink:0;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);background:var(--color-surface)}.order-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);min-height:72px;-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent}.order-row-new{border-inline-start-color:var(--color-primary);background:var(--color-primary-soft)}.order-row-number{font-weight:800;font-size:15px;min-width:64px;flex-shrink:0}.order-row-body{display:flex;align-items:center;gap:var(--space-4);flex:1 1;min-width:0;flex-wrap:wrap}.order-row-main{flex:2 1;min-width:160px}.order-row-customer{font-weight:700;font-size:15px}.order-row-customer,.order-row-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row-meta{color:var(--color-text-muted);font-size:13px;margin-top:2px}.order-row-meta-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.order-row-total{min-width:90px;font-weight:700}.order-row-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}@media (max-width:780px){.order-row{flex-direction:column;align-items:stretch;-webkit-border-start:none;border-inline-start:none;border-top:3px solid transparent}.order-row-new{border-top-color:var(--color-primary)}.order-row-number{min-width:0}.order-row-body{flex-direction:column;align-items:stretch;gap:var(--space-3)}.order-row-meta-row{justify-content:space-between}.order-row-actions{width:100%}.order-row-actions .btn{flex:1 1}}.order-new-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--color-primary);flex-shrink:0}.order-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"items customer" "summary delivery" "notes status";grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.order-area-items{grid-area:items}.order-area-summary{grid-area:summary}.order-area-notes{grid-area:notes}.order-area-customer{grid-area:customer}.order-area-delivery{grid-area:delivery}.order-area-status{grid-area:status}@media (max-width:960px){.order-detail-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "items" "summary" "customer" "delivery" "notes"}}.order-detail-skeleton-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:960px){.order-detail-skeleton-grid{grid-template-columns:minmax(0,1fr)}}.order-terminal-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-weight:600;font-size:14.5px}.order-terminal-banner.completed{background:var(--color-success-soft);color:var(--color-success)}.order-terminal-banner.cancelled{background:var(--color-error-soft);color:var(--color-error)}.order-items-table{width:100%;border-collapse:collapse}.order-items-table th{text-align:start;font-size:12.5px;font-weight:600;color:var(--color-text-muted);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border)}.order-items-table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);font-size:14px;vertical-align:middle}.order-items-table tr:last-child td{border-bottom:none}@media (max-width:640px){.order-items-table thead{display:none}.order-items-table tr{display:flex;flex-direction:column;padding:var(--space-3) 0}.order-items-table td{border-bottom:none;padding:2px 0}}.contact-icon-btn-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.import-row{gap:var(--space-4);padding:var(--space-4);min-height:76px}.import-row,.import-row-icon{display:flex;align-items:center}.import-row-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-success-soft);color:var(--color-success);justify-content:center;flex-shrink:0}.import-row-body{display:flex;align-items:center;gap:var(--space-4);flex:1 1;min-width:0;flex-wrap:wrap}.import-row-main{flex:2 1;min-width:200px}.import-row-filename{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-row-meta{color:var(--color-text-muted);font-size:13px;margin-top:2px}.import-row-stats{gap:var(--space-4);color:var(--color-text-muted);font-size:13px;min-width:200px}.import-row-actions,.import-row-stats{display:flex;align-items:center;flex-wrap:wrap}.import-row-actions{gap:var(--space-2);flex-shrink:0}@media (max-width:780px){.import-row,.import-row-body{flex-direction:column;align-items:stretch}.import-row-body{gap:var(--space-3)}.import-row-actions{width:100%}.import-row-actions .btn{flex:1 1}}.import-stepper{display:flex;align-items:flex-start;margin-bottom:var(--space-6)}.import-stepper-step{display:flex;align-items:center;flex:1 1}.import-stepper-step:last-child{flex:0 0 auto}.import-stepper-circle{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;background:var(--color-background);color:var(--color-text-muted);border:2px solid var(--color-border);transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.import-stepper-step.done .import-stepper-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.import-stepper-step.active .import-stepper-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.import-stepper-label{-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);font-size:13.5px;color:var(--color-text-muted);white-space:nowrap}.import-stepper-step.active .import-stepper-label{color:var(--color-text);font-weight:700}.import-stepper-step.done .import-stepper-label{color:var(--color-text)}.import-stepper-line{flex:1 1;height:2px;background:var(--color-border);margin:0 var(--space-3);transition:background var(--transition-base)}.import-stepper-line.done{background:var(--color-success)}.import-stepper-mobile{display:none}@media (max-width:780px){.import-stepper{display:none}.import-stepper-mobile{display:block;margin-bottom:var(--space-6)}.import-stepper-mobile-label{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:var(--space-2)}}.import-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-8) var(--space-4);text-align:center;transition:border-color var(--transition-base),background var(--transition-base)}.import-dropzone.dragging{border-color:var(--color-primary);background:var(--color-primary-soft)}.import-dropzone-icon{width:56px;height:56px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.import-file-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.import-file-card-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-success-soft);color:var(--color-success);display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-option-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0}.import-toggle{position:relative;width:40px;height:24px;flex-shrink:0;border-radius:999px;background:var(--color-border);border:none;cursor:pointer;transition:background var(--transition-base);margin-top:2px}.import-toggle.on{background:var(--color-primary)}.import-toggle-dot{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.import-toggle.on .import-toggle-dot{transform:translateX(16px)}[dir=rtl] .import-toggle.on .import-toggle-dot,html[dir=rtl] .import-toggle.on .import-toggle-dot{transform:translateX(-16px)}.import-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);overflow-x:auto}.import-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-3);font-size:14px;font-weight:600;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast)}.import-tab:hover{color:var(--color-text)}.import-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.import-rows-table{width:100%;border-collapse:collapse}.import-rows-table th{text-align:start;font-size:12.5px;font-weight:600;color:var(--color-text-muted);padding:var(--space-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.import-rows-table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);font-size:14px;vertical-align:top}.import-rows-table tr:last-child td{border-bottom:none}.import-row-issue{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--color-error)}.import-row-issue svg{flex-shrink:0;margin-top:1px}.import-row-issue.warning{color:var(--color-warning)}.import-row-issue-more{background:none;border:none;padding:0;color:var(--color-primary);font-size:12.5px;cursor:pointer;text-decoration:underline;-webkit-margin-start:20px;margin-inline-start:20px}@media (max-width:780px){.import-rows-table thead{display:none}.import-rows-table,.import-rows-table tbody{display:block;width:100%}.import-rows-table tr{display:block;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.import-rows-table tr:last-child{margin-bottom:0}.import-rows-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);border-bottom:none;padding:6px 0}.import-rows-table td:before{content:attr(data-label);color:var(--color-text-muted);font-size:12.5px;font-weight:600;flex-shrink:0}.import-rows-table td[data-label]{text-align:end}.import-rows-table td:not([data-label]){padding-top:var(--space-2)}}.import-progress-card{text-align:center;padding:var(--space-8) var(--space-4)}.import-progress-icon{width:64px;height:64px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.import-progress-bar-track{width:100%;height:10px;border-radius:999px;background:var(--color-background);border:1px solid var(--color-border);overflow:hidden}.import-progress-bar-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .3s ease}.import-complete-icon{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.media-thumb{border-radius:var(--radius-sm);border:1px solid var(--color-border);object-fit:cover;background:var(--color-background);display:block}.media-thumb-placeholder{border-radius:var(--radius-sm);border:1px dashed var(--color-border);background:var(--color-background);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.media-product-group{padding:var(--space-4)}.media-product-group-header{align-items:baseline;gap:var(--space-2)}.media-primary-compare,.media-product-group-header{display:flex;flex-wrap:wrap;margin-bottom:var(--space-3)}.media-primary-compare{gap:var(--space-4);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-sm)}.media-primary-compare-col{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.media-file-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);display:flex;flex-direction:column;gap:6px}.media-file-card.skipped{opacity:.5}.media-file-card-actions{display:flex;gap:4px;flex-wrap:wrap}.media-role-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;display:inline-block}@media (max-width:640px){.media-rejected-card,.media-unmatched-card{flex-direction:column;align-items:stretch!important}}.settings-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:var(--space-4)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:start;padding:10px var(--space-3);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer}.settings-nav-item:hover{background:var(--color-background);color:var(--color-text)}.settings-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.settings-mobile-nav{display:none}.settings-section-card{margin-bottom:var(--space-4)}.settings-field-group{display:flex;flex-direction:column;gap:var(--space-4)}.settings-preview-mock{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{display:none}.settings-mobile-nav{display:block;margin-bottom:var(--space-4)}}.welcome-nav-links{display:flex;align-items:center;gap:var(--space-4)}@media (max-width:640px){.welcome-nav-links{display:none}}*{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}