*{box-sizing:border-box}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--color-primary: #C2703E;--color-primary-hover: #AD6336;--color-primary-light: #FEF3ED;--color-primary-border: #F0D0BB;--color-text-primary: #1A1F36;--color-text-secondary: #697386;--color-text-tertiary: #A3ACB9;--color-text-placeholder: #C1C9D2;--color-bg-page: #F7F8FA;--color-bg-surface: #FFFFFF;--color-bg-surface-hover: #F7F8FA;--color-bg-surface-raised: #FAFBFC;--color-bg-muted: #F2F4F7;--color-sidebar-bg: #F5F1ED;--color-sidebar-bg-hover: #EDE7E0;--color-sidebar-bg-active: rgba(194, 112, 62, .1);--color-sidebar-text: #6B7280;--color-sidebar-text-active: #C2703E;--color-sidebar-border: #E8E0D8;--color-sidebar-header-text: #1A1F36;--color-sidebar-tagline: #9CA3AF;--color-border: #E3E8EF;--color-border-light: #EEF1F6;--color-border-focus: #C2703E;--color-success: #30A46C;--color-success-light: #E9F9EF;--color-success-border: #B4DFC4;--color-warning: #F5A623;--color-warning-light: #FFF7E6;--color-warning-border: #FFD98C;--color-danger: #E5484D;--color-danger-light: #FEF0F0;--color-danger-border: #F9C6C6;--color-info: #3B82F6;--color-info-light: #EFF6FF;--color-info-border: #BFDBFE;--color-purple: #7C3AED;--color-purple-light: #F3EEFF;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 24px -4px rgba(16, 24, 40, .08), 0 4px 8px -2px rgba(16, 24, 40, .03);--shadow-xl: 0 20px 40px -8px rgba(16, 24, 40, .12), 0 8px 16px -4px rgba(16, 24, 40, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--bottom-bar-height: 64px;--content-max-width: 1400px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page)}h1,h2,h3{margin:0;font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.2}h4,h5,h6{margin:0;font-weight:var(--weight-semibold);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;letter-spacing:-.01em}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.layout{display:flex;height:100vh;width:100%;background-color:var(--color-bg-page)}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#f5f1ed,#faf8f6);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:1px solid var(--color-sidebar-border)}.sidebar-header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-sidebar-header-text);letter-spacing:-.03em}.tagline{font-size:var(--text-sm);color:var(--color-sidebar-tagline);margin:var(--space-1) 0 0 0;font-weight:var(--weight-normal);letter-spacing:.02em;text-transform:uppercase;font-size:var(--text-xs)}.nav{padding:var(--space-4) var(--space-3);flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);color:var(--color-sidebar-text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-sidebar-bg-hover);color:var(--color-text-primary)}.nav-link.active{background-color:var(--color-sidebar-bg-active);color:var(--color-sidebar-text-active);font-weight:var(--weight-semibold)}.nav-link.active .nav-icon{color:var(--color-sidebar-text-active)}.nav-icon{flex-shrink:0;width:20px;height:20px;opacity:.7}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-sidebar-border)}.sign-out-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);width:100%;background:none;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);font-family:var(--font-sans);color:var(--color-sidebar-text);cursor:pointer;transition:all var(--transition-fast)}.sign-out-button:hover{background-color:var(--color-sidebar-bg-hover);color:var(--color-text-primary)}.mobile-header{display:none}.main-content{flex:1;padding:var(--space-10) var(--space-8);overflow-y:auto;min-width:0}.bottom-tab-bar{display:none}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{display:none}.mobile-header{display:flex;align-items:center;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:56px}.mobile-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.main-content{flex:1;padding:var(--space-4);padding-bottom:calc(var(--bottom-bar-height) + var(--space-4));overflow-y:auto}.bottom-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-bar-height);background-color:var(--color-bg-surface);border-top:1px solid var(--color-border);z-index:900;padding-bottom:env(safe-area-inset-bottom,0px)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.tab.active{color:var(--color-primary)}.tab-label{margin-top:1px}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-page);padding:var(--space-4)}.login-card{width:100%;max-width:400px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;margin:0}.login-header p{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.02em;margin:var(--space-1) 0 0 0}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.login-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-surface);transition:border-color var(--transition-fast)}.login-input:focus{outline:none;border-color:var(--color-border-focus)}.login-button{padding:var(--space-3);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast);margin-top:var(--space-2)}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{padding:var(--space-3);background-color:var(--color-danger-light, #FEF2F2);border:1px solid var(--color-danger-border, #FECACA);border-radius:var(--radius-md);color:var(--color-danger, #DC2626);font-size:var(--text-sm)}.restock-overlay{position:fixed;inset:0;background:#00000059;z-index:100;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.restock-overlay.open{opacity:1;pointer-events:auto}.restock-drawer{position:fixed;top:0;right:0;bottom:0;width:680px;max-width:100vw;background:var(--color-bg-page);z-index:101;transform:translate(100%);transition:transform var(--transition-base);display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f}.restock-drawer.open{transform:translate(0)}.restock-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);flex-shrink:0}.restock-drawer-header h3{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.restock-close-btn{background:none;border:none;font-size:var(--text-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);line-height:1;transition:all var(--transition-fast)}.restock-close-btn:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.restock-kpi-row{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);flex-shrink:0;flex-wrap:wrap}.restock-kpi-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-muted);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.restock-kpi-pill strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.restock-filter-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);flex-shrink:0}.restock-filter-bar .filter-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-right:var(--space-1);white-space:nowrap}.dimension-toggle{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-page);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.4}.dimension-toggle:hover{border-color:var(--color-text-tertiary)}.dimension-toggle.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dimension-toggle.active:hover{opacity:.9}.restock-drawer-body{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.restock-section h4{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);letter-spacing:-.01em}.restock-section-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.urgency-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.urgency-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.urgency-table th:not(:first-child){text-align:right}.urgency-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.urgency-table td:not(:first-child){text-align:right}.urgency-table tr:last-child td{border-bottom:none}.urgency-row{position:relative}.urgency-row td:first-child{padding-left:var(--space-4);position:relative}.urgency-row td:first-child:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px}.urgency-row.out-of-stock td:first-child:before{background:var(--color-danger)}.urgency-row.low-stock td:first-child:before{background:var(--color-warning)}.urgency-label{font-weight:var(--weight-medium)}.restock-chart-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.velocity-list{list-style:none;padding:0;margin:0;counter-reset:velocity}.velocity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.velocity-item:last-child{border-bottom:none}.velocity-rank{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary);flex-shrink:0}.velocity-info{flex:1;min-width:0}.velocity-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.velocity-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.velocity-days{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);white-space:nowrap;flex-shrink:0}.category-perf-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.category-perf-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.category-perf-table th:not(:first-child){text-align:right}.category-perf-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.category-perf-table td:not(:first-child){text-align:right}.category-perf-table tr:last-child td{border-bottom:none}.restock-empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm);padding:var(--space-6) 0}@media (max-width: 768px){.restock-drawer{width:100vw}.restock-drawer-header{padding:var(--space-4)}.restock-kpi-row{padding:var(--space-3) var(--space-4)}.restock-filter-bar{padding:var(--space-2) var(--space-4)}.restock-drawer-body{padding:var(--space-4);gap:var(--space-6)}.urgency-table,.category-perf-table{font-size:var(--text-xs)}.urgency-table th,.urgency-table td,.category-perf-table th,.category-perf-table td{padding:var(--space-1) var(--space-2)}}.dashboard{max-width:var(--content-max-width);margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.dashboard-header h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.035em}.dashboard-header .backfill-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.dashboard-header .backfill-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-secondary);font-size:var(--text-md)}.dashboard-error{padding:var(--space-4);background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);margin-bottom:var(--space-6)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.kpi-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;box-shadow:var(--shadow-xs)}.kpi-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;margin-bottom:var(--space-1)}.kpi-value.highlight{color:var(--color-primary)}.kpi-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.chart-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.chart-card h3{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.01em}.chart-card .chart-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:-var(--space-3);margin-bottom:var(--space-4)}.donut-center{text-align:center}.donut-center-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.donut-center-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.see-details-btn{padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);background:var(--color-primary-light, rgba(194, 112, 62, .1));color:var(--color-primary);border:1px solid transparent}.see-details-btn:hover{background:var(--color-primary);color:#fff}.insight-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.insight-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border)}.insight-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.insight-table tr:last-child td{border-bottom:none}.suggestion-tag{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--weight-medium)}.suggestion-tag.high{background:var(--color-danger-light);color:var(--color-danger)}.suggestion-tag.medium{background:var(--color-warning-light);color:var(--color-warning)}.recent-sold-list{list-style:none;padding:0;margin:0}.recent-sold-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);gap:var(--space-3)}.recent-sold-item:last-child{border-bottom:none}.recent-sold-info{flex:1;min-width:0}.recent-sold-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-sold-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.recent-sold-price{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-success);white-space:nowrap}.recent-sold-profit{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:right}.aging-bars{display:flex;flex-direction:column;gap:var(--space-3)}.aging-row{display:flex;align-items:center;gap:var(--space-3)}.aging-label{width:60px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);flex-shrink:0}.aging-bar-track{flex:1;height:28px;background:var(--color-bg-muted);border-radius:var(--radius-sm);overflow:hidden;position:relative}.aging-bar-fill{height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;padding-left:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#fff;min-width:fit-content;transition:width var(--transition-slow)}.aging-bar-fill.fresh{background:var(--color-success)}.aging-bar-fill.ok{background:var(--color-info)}.aging-bar-fill.warn{background:var(--color-warning)}.aging-bar-fill.stale{background:var(--color-danger)}.aging-count{width:30px;text-align:right;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);flex-shrink:0}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--color-text-tertiary);font-size:var(--text-sm)}.custom-tooltip{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);font-size:var(--text-sm)}.custom-tooltip .tooltip-label{font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.custom-tooltip .tooltip-row{color:var(--color-text-secondary);margin:2px 0}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.dashboard-header h2{font-size:var(--text-2xl)}.kpi-card{padding:var(--space-4)}.kpi-value{font-size:var(--text-xl)}}.listing-card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.listing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-border)}.listing-image{position:relative;width:100%;height:220px;overflow:hidden;background-color:var(--color-bg-muted)}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.listing-card:hover .listing-image img{transform:scale(1.03)}.similarity-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.similarity-badge.high{background-color:#30a46ce6}.similarity-badge.medium{background-color:#f5a623e6}.similarity-badge.low{background-color:#e5484de6}.listing-content{padding:var(--space-5)}.listing-title{font-size:var(--text-md);font-weight:var(--weight-medium);margin:0 0 var(--space-3) 0;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;height:2.8em}.listing-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:var(--text-base)}.platform{color:var(--color-text-tertiary);text-transform:capitalize;font-size:var(--text-sm)}.listing-meta .price{font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-lg)}.listing-actions{display:flex;gap:var(--space-3)}.btn{flex:1;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:40px}.btn-approve{background-color:var(--color-success);color:#fff;box-shadow:0 1px 2px #30a46c33}.btn-approve:hover{background-color:#279b5f;box-shadow:0 4px 12px #30a46c4d;transform:translateY(-1px)}.btn-reject{background-color:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-reject:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.modal-overlay{position:fixed;inset:0;background-color:#1018288c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-surface);border-radius:var(--radius-xl);width:90%;max-width:500px;box-shadow:var(--shadow-xl);animation:modalIn .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-6) var(--space-5)}.modal-header h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.025em}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-tertiary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.01em}.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=date],.modal-content select,.modal-content textarea{width:100%;padding:var(--space-3) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:44px;color:var(--color-text-primary);background:var(--color-bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.modal-content input[type=text]:hover,.modal-content input[type=number]:hover,.modal-content input[type=date]:hover,.modal-content select:hover,.modal-content textarea:hover{border-color:var(--color-text-tertiary)}.modal-content input[type=text]:focus,.modal-content input[type=number]:focus,.modal-content input[type=date]:focus,.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--color-bg-surface)}.modal-content input[type=text]::placeholder,.modal-content input[type=number]::placeholder,.modal-content textarea::placeholder{color:var(--color-text-placeholder)}.scrape-form{padding:0 var(--space-6) var(--space-4)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group label{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--weight-normal);font-size:var(--text-base);cursor:pointer;color:var(--color-text-secondary);padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.radio-group label:hover{border-color:var(--color-primary-border);background-color:var(--color-primary-light)}.radio-group input[type=radio]{margin:0;accent-color:var(--color-primary);width:16px;height:16px}.radio-group input[type=radio]:checked+span,.radio-group input[type=radio]:checked~*{color:var(--color-text-primary)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6);background-color:var(--color-bg-surface-raised);border-top:1px solid var(--color-border-light)}.cancel-btn,.submit-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.cancel-btn{background-color:var(--color-bg-surface);border:1.5px solid var(--color-border);color:var(--color-text-secondary)}.cancel-btn:hover{background-color:var(--color-bg-muted);border-color:var(--color-border);color:var(--color-text-primary)}.submit-btn{background-color:var(--color-primary);border:1.5px solid var(--color-primary);color:#fff;box-shadow:0 1px 2px #c2703e33}.submit-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #c2703e40;transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.notification{position:fixed;top:20px;right:20px;max-width:400px;background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;padding:var(--space-4);gap:var(--space-3);z-index:1100;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{flex:1;display:flex;align-items:center;gap:var(--space-3)}.notification-icon{font-size:var(--text-xl);font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification p{margin:0;font-size:var(--text-base);line-height:1.4;color:var(--color-text-primary)}.notification-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-tertiary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.notification-close:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.notification-success{border-left:4px solid var(--color-success)}.notification-success .notification-icon{color:var(--color-success)}.notification-error{border-left:4px solid var(--color-danger)}.notification-error .notification-icon{color:var(--color-danger)}.notification-info{border-left:4px solid var(--color-primary)}.notification-info .notification-icon{color:var(--color-primary)}.sourcing-queue{max-width:var(--content-max-width);margin:0 auto}.page-header h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin:0;color:var(--color-text-primary);letter-spacing:-.035em}.header-actions{display:flex;gap:var(--space-3)}.refresh-btn,.scrape-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:40px}.refresh-btn{background-color:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-xs)}.refresh-btn:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.scrape-btn{background-color:var(--color-primary);color:#fff;border:none;box-shadow:0 1px 2px #c2703e33}.scrape-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 12px #c2703e4d;transform:translateY(-1px)}.scrape-btn:disabled{opacity:.5;cursor:not-allowed}.loading,.error{text-align:center;padding:var(--space-12);font-size:var(--text-md);color:var(--color-text-tertiary)}.error{color:var(--color-danger)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}@media (max-width: 768px){.page-header{margin-bottom:var(--space-6)}.page-header h2{font-size:var(--text-2xl)}.listings-grid{grid-template-columns:1fr;gap:var(--space-4)}}.filter-bar{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-6);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:150px}.filter-group label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.filter-group select,.filter-group input{padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:44px;background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group select:hover,.filter-group input:hover{border-color:var(--color-text-tertiary)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-group input::placeholder{color:var(--color-text-placeholder)}@media (max-width: 768px){.filter-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.filter-group{min-width:100%}}.inline-edit-display{cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);border:1px solid transparent;transition:all var(--transition-fast)}.inline-edit-display:hover{background-color:var(--color-bg-muted);border-color:var(--color-border)}.inline-edit-display.placeholder{color:var(--color-text-placeholder);font-style:italic}.inline-edit-input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);font-size:inherit;font-family:inherit;width:100%;min-height:32px;outline:none;background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:0 0 0 3px var(--color-primary-light)}select.inline-edit-input{min-height:32px}.inventory-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.inventory-card:active{background-color:var(--color-bg-surface-hover)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-sku{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:.02em}.card-title{font-weight:var(--weight-medium);color:var(--color-text-primary);font-size:var(--text-md);line-height:1.4}.card-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.card-detail{display:flex;flex-direction:column;gap:2px}.card-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.card-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-dates{display:flex;flex-direction:column;gap:2px}.card-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.card-days{display:inline-block;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background-color:var(--color-bg-muted)}.card-days-stale{background-color:var(--color-warning-light);color:var(--color-warning)}.card-days-sold{background-color:var(--color-purple-light);color:var(--color-purple)}.quick-add-modal{max-width:560px}.quick-add-form{padding:0 var(--space-6) var(--space-4)}.quick-add-form .form-group{margin-bottom:var(--space-5)}.quick-add-form .form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.01em}.quick-add-form input,.quick-add-form select{width:100%;padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:44px;color:var(--color-text-primary);background:var(--color-bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.quick-add-form input:hover,.quick-add-form select:hover{border-color:var(--color-text-tertiary)}.quick-add-form input:focus,.quick-add-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.quick-add-form input::placeholder{color:var(--color-text-placeholder)}.form-row{display:flex;gap:var(--space-4)}.form-row .form-group{flex:1}.quick-add-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.quick-add-modal{max-width:100%;margin:var(--space-4)}.form-row{flex-direction:column;gap:0}}.import-modal{max-width:520px}.import-body{padding:0 var(--space-6) var(--space-4)}.import-hint{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:1.5}.file-drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-5);background-color:var(--color-bg-surface-raised)}.file-drop-zone:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.file-drop-zone p{margin:0;color:var(--color-text-secondary);font-size:var(--text-base)}.file-drop-zone .file-name{color:var(--color-primary);font-weight:var(--weight-semibold)}.import-result{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-base)}.import-result.success{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success)}.import-result.error{background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);color:var(--color-danger)}.import-result p{margin:var(--space-1) 0}.import-result details{margin-top:var(--space-2)}.import-result summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium)}.unmatched-list{margin:var(--space-2) 0 0;padding-left:var(--space-5);font-size:var(--text-sm)}.unmatched-list li{margin:2px 0}.import-modal .submit-btn:disabled{opacity:.5;cursor:not-allowed}.inventory{max-width:var(--content-max-width);margin:0 auto}.header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.google-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.sync-notification{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-4)}.sync-notification-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.sync-notification-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.sync-notification-close{background:none;border:none;cursor:pointer;font-size:var(--text-base);color:inherit;padding:0 var(--space-2);opacity:.7}.sync-notification-close:hover{opacity:1}.stats-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-border)}.stat:nth-child(1):before{background-color:var(--color-primary)}.stat:nth-child(4):before{background-color:var(--color-purple)}.stat:nth-child(5):before{background-color:var(--color-primary)}.stat:nth-child(6):before{background-color:var(--color-success)}.stat:nth-child(7):before{background-color:var(--color-warning)}.stat-stale{border-color:var(--color-warning-border)}.stale-value{color:var(--color-warning)}.threshold-select{border:none;background:none;font-size:var(--text-xs);color:var(--color-text-tertiary);cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.06em;font-family:inherit;font-weight:var(--weight-medium)}.threshold-select:focus{outline:none;color:var(--color-primary)}.days-cell{white-space:nowrap;text-align:center}.days-badge{display:inline-block;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background-color:var(--color-bg-muted)}.days-stale{background-color:var(--color-warning-light);color:var(--color-warning)}.days-sold{background-color:var(--color-purple-light);color:var(--color-purple)}.error-banner{padding:var(--space-3) var(--space-4);background-color:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-base);margin-bottom:var(--space-4)}.inventory-table{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.inventory-table table{width:100%;border-collapse:collapse}.inventory-table th{background-color:var(--color-bg-muted);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.sortable-th:hover{color:var(--color-primary)}.sort-arrow{font-size:.625rem}.inventory-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-base);color:var(--color-text-secondary);vertical-align:middle}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tbody tr{transition:background-color var(--transition-fast)}.inventory-table tbody tr:hover{background-color:var(--color-bg-surface-hover)}.sku{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:.02em}.title{font-weight:var(--weight-bold);color:var(--color-text-primary);max-width:300px;letter-spacing:-.015em;font-size:var(--text-md)}.price{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.date{color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap}.status{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize;letter-spacing:.02em}.tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.tag{display:inline-block;padding:2px var(--space-2);background-color:var(--color-bg-muted);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.empty-state p{margin:var(--space-1) 0;color:var(--color-text-secondary)}.loading{text-align:center;padding:var(--space-12) var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-md)}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.inventory-cards{display:flex;flex-direction:column;gap:var(--space-3)}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:var(--space-6)}.page-header h2{font-size:var(--text-2xl)}.header-actions{width:100%}.header-actions .action-btn{flex:1;text-align:center}.stats-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}.stat{min-width:0;padding:var(--space-3)}.stat-value{font-size:var(--text-md)}}.create-dropoff-modal{max-width:500px}.dropoff-form{padding:0 var(--space-6) var(--space-4)}.dropoff-form .form-group{margin-bottom:var(--space-5)}.dropoff-form .form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.01em}.dropoff-form select,.dropoff-form input,.dropoff-form textarea{width:100%;padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:44px;font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dropoff-form textarea{min-height:88px;resize:vertical;padding:var(--space-3)}.dropoff-form select:hover,.dropoff-form input:hover,.dropoff-form textarea:hover{border-color:var(--color-text-tertiary)}.dropoff-form select:focus,.dropoff-form input:focus,.dropoff-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.dropoff-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.dropoffs{max-width:var(--content-max-width);margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-header h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.035em}.dropoff-list{display:flex;flex-direction:column;gap:var(--space-3)}.dropoff-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.dropoff-row:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.dropoff-row:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dropoff-row:hover:before{opacity:1}.dropoff-main{display:flex;flex-direction:column;gap:var(--space-1)}.dropoff-date{font-weight:var(--weight-semibold);color:var(--color-text-primary);font-size:var(--text-md)}.dropoff-store{font-size:var(--text-sm);color:var(--color-text-tertiary)}.dropoff-meta{display:flex;align-items:center;gap:var(--space-5)}.dropoff-count{font-size:var(--text-base);color:var(--color-text-secondary)}.dropoff-retail{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.dropoff-status{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.dropoff-status.draft{background-color:var(--color-warning-light);color:var(--color-warning)}.dropoff-status.exported{background-color:var(--color-success-light);color:var(--color-success)}.loading{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary);font-size:var(--text-md)}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.empty-state p{margin:var(--space-2) 0;color:var(--color-text-secondary)}.hint{font-size:var(--text-base);color:var(--color-text-tertiary)}@media (max-width: 768px){.page-header{margin-bottom:var(--space-6)}.page-header h2{font-size:var(--text-2xl)}.dropoff-row{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.dropoff-meta{width:100%;justify-content:space-between}}.item-picker-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.picker-body{padding:0 var(--space-6) var(--space-4);flex:1;overflow:hidden;display:flex;flex-direction:column}.picker-search{width:100%;padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-height:44px;margin-bottom:var(--space-3);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.picker-search:hover{border-color:var(--color-text-tertiary)}.picker-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.picker-search::placeholder{color:var(--color-text-placeholder)}.picker-count{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--weight-medium);margin:0 0 var(--space-2)}.picker-list{flex:1;overflow-y:auto;max-height:400px;border:1.5px solid var(--color-border);border-radius:var(--radius-md)}.picker-loading,.picker-empty{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-base)}.picker-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color var(--transition-fast)}.picker-item:last-child{border-bottom:none}.picker-item:hover{background-color:var(--color-bg-surface-hover)}.picker-item.selected{background-color:var(--color-primary-light)}.picker-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary)}.picker-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-item-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-item-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.item-picker-modal .submit-btn:disabled{opacity:.5;cursor:not-allowed}.dropoff-detail{max-width:var(--content-max-width);margin:0 auto}.back-link{background:none;border:none;color:var(--color-primary);font-size:var(--text-base);font-weight:var(--weight-medium);padding:0;margin-bottom:var(--space-2);cursor:pointer;transition:opacity var(--transition-fast)}.back-link:hover{opacity:.8;text-decoration:underline}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.detail-header h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.035em}.detail-store{font-size:var(--text-base);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.detail-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.detail-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.detail-notes{padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.text-green{color:var(--color-success)}.text-orange{color:var(--color-warning)}.action-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;background-color:var(--color-primary);color:#fff;min-height:40px;box-shadow:0 1px 2px #c2703e33}.action-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #c2703e4d;transform:translateY(-1px)}.action-btn.secondary{background-color:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.action-btn.secondary:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.action-btn:disabled:hover{transform:none;box-shadow:none}.notification{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-4)}.notification-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.notification-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.detail-table{background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.detail-table table{width:100%;border-collapse:collapse}.detail-table th{background-color:var(--color-bg-muted);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);letter-spacing:.06em;text-transform:uppercase}.detail-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-base);color:var(--color-text-secondary);vertical-align:middle}.detail-table tr:last-child td{border-bottom:none}.detail-table tbody tr{transition:background-color var(--transition-fast)}.detail-table tbody tr:hover{background-color:var(--color-bg-surface-hover)}.remove-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);font-size:1.25rem;transition:all var(--transition-fast)}.remove-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background-color:var(--color-danger-light)}.stat{flex:1;min-width:120px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:left;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-primary)}.stat:nth-child(2):before{background-color:var(--color-success)}.stat:nth-child(3):before{background-color:var(--color-info)}.stat-value{display:block;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.15}.stat-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-2);font-weight:var(--weight-medium)}.status{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize}.status-sourced{background-color:var(--color-info-light);color:var(--color-info)}.status-available{background-color:var(--color-success-light);color:var(--color-success)}.status-dropped_off{background-color:var(--color-warning-light);color:var(--color-warning)}.status-sold{background-color:var(--color-purple-light);color:var(--color-purple)}.status-returned{background-color:var(--color-danger-light);color:var(--color-danger)}.sku{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary)}.dropoff-detail .desktop-only{display:block}.dropoff-detail .mobile-only{display:none}.detail-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.detail-card-title{font-weight:var(--weight-medium);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-2)}.detail-card-meta{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.loading{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary)}.error{text-align:center;padding:var(--space-12);color:var(--color-danger)}@media (max-width: 768px){.dropoff-detail .desktop-only{display:none}.dropoff-detail .mobile-only{display:block}.detail-cards{display:flex;flex-direction:column;gap:var(--space-3)}.detail-header{flex-direction:column;margin-bottom:var(--space-6)}.detail-actions{width:100%}.detail-actions .action-btn{flex:1;text-align:center}.detail-stats{flex-wrap:wrap}.stat{min-width:0;flex:1}}#root{width:100%;height:100vh;margin:0;padding:0}