:root{--color-primary-brand:#06923e;--color-primary-accent:#10b981;--color-primary-accent-light:#34d399;--color-primary-accent-dark:#059669;--color-status-success:#10b981;--color-status-warning:#f59e0b;--color-status-error:#ef4444;--color-status-info:#3b82f6;--color-status-emergency:#dc2626;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-background-primary:#fff;--color-background-secondary:#f8fafc;--color-background-tertiary:#f1f5f9;--color-background-sidebar:#f8fafc;--color-background-card:#fff;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-accent:#10b981;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--color-chart-primary:#10b981;--color-chart-secondary:#a855f7;--color-chart-tertiary:#06b6d4;--color-chart-quaternary:#10b981;--color-chart-highlight:#ef4444;--color-chart-background:#f1f5f9;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body,html{height:100%;height:100dvh;margin:0;overflow-x:hidden;padding:0}body{background:#f8fafc;background:var(--color-background-secondary);color:#111827;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base)}#root{display:flex;flex-direction:column;height:100%;height:100dvh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-light);border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary-brand);height:40px;width:40px}.loading-container p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-root{background:var(--color-background-primary);display:flex;min-height:100vh;min-height:100dvh}.sidebar{background:var(--color-background-sidebar);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);width:280px}.sidebar-title{color:var(--color-primary-brand);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.nav-item{align-items:center;background:#0000;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background .2s,color .2s}.nav-item.active,.nav-item:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.dashboard-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.header{align-items:center;background:var(--color-background-primary);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);color:var(--color-primary-brand);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:64px;justify-content:space-between;padding:0 var(--spacing-6);padding-top:env(safe-area-inset-top,0)}.main-content{background:var(--color-background-secondary);flex:1 1;min-height:0;padding:var(--spacing-6)}@media (max-width:1024px){.dashboard-root{flex-direction:column}.dashboard-main{margin-left:0}.header{padding-left:var(--spacing-4);position:relative;z-index:1203}.main-content{padding-bottom:100px}}@media (max-width:768px){.header{padding-left:var(--spacing-2)}.cart-footer{padding:var(--spacing-3) var(--spacing-4)}.main-content{padding-bottom:100px}.sales-header{align-items:center!important;flex-direction:row!important;gap:20px}.sales-filters{flex-direction:row!important;gap:15px;width:auto}}@media (max-width:480px){.sidebar{gap:var(--spacing-1);padding:var(--spacing-1)}.nav-item,.sidebar-title{font-size:var(--font-size-xs)}.nav-item{padding:var(--spacing-1) var(--spacing-2)}.header{font-size:var(--font-size-sm);height:40px}.main-content{padding:var(--spacing-1)}.sales-header{align-items:stretch!important}.sales-filters,.sales-header{flex-direction:column!important;gap:10px}.sales-filters>*{width:100%}}.products-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.product-card{align-items:center;aspect-ratio:1/1;background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--spacing-4);transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.02)}.product-card.selected{background:var(--color-background-tertiary);border:2px solid var(--color-primary-accent);box-shadow:var(--shadow-md)}.product-image-wrapper{align-items:center;display:flex;flex:1 1 auto;justify-content:center;margin-bottom:var(--spacing-4);position:relative;width:100%}.product-image{background:var(--color-neutral-100);border-radius:var(--radius-md);max-height:120px;max-width:80%;object-fit:contain}.product-selected-badge{align-items:center;background:var(--color-primary-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-text-inverse);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:28px;justify-content:center;position:absolute;right:var(--spacing-2);top:var(--spacing-2);width:28px}.product-info{text-align:center;width:100%}.product-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stock{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.product-price{color:var(--color-primary-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}@media (max-width:768px){.products-grid{gap:var(--spacing-3)}.product-card{padding:var(--spacing-2)}.product-image{max-height:80px}}.dialog-overlay{align-items:center;background:#00000080;box-sizing:border-box;height:100vh;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;top:0;width:100vw;z-index:2000}.dialog,.dialog-overlay{display:flex;overflow:hidden}.dialog{background:var(--color-background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;max-height:90vh;max-width:400px;width:100%}.dialog-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}.dialog-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.dialog-close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:var(--spacing-1);transition:background-color .2s;width:32px}.dialog-close:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.dialog-content{flex:1 1;overflow-y:auto;padding:var(--spacing-6)}.dialog-product{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dialog-product-image{background:var(--color-neutral-100);border-radius:var(--radius-md);height:80px;object-fit:cover;width:80px}.dialog-product-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.dialog-product-price{color:var(--color-primary-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0}.dialog-product-stock{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.dialog-product-stock.out-of-stock{color:#e74c3c;font-weight:var(--font-weight-semibold)}.quantity-selector{display:flex;flex-direction:column;gap:var(--spacing-3)}.quantity-selector label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quantity-controls{gap:var(--spacing-3);justify-content:center}.quantity-btn{border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-lg);height:40px;width:40px}.quantity-btn:hover:not(:disabled){border-color:var(--color-primary-accent)}.quantity-display{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);min-width:60px}.dialog-footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-6)}.btn-ghost,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);transition:all .2s}.btn-primary{background:var(--color-primary-accent);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-accent-dark)}.btn-primary:disabled,.btn-primary[disabled]{background:var(--color-neutral-300);color:var(--color-neutral-500);cursor:not-allowed}.btn-secondary{background:#0000;border:1px solid var(--color-border-medium);color:var(--color-text-secondary);flex:none}.btn-secondary:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.btn-secondary:disabled,.btn-secondary[disabled]{background:var(--color-neutral-300);border-color:var(--color-neutral-300);color:var(--color-neutral-500);cursor:not-allowed}.btn-ghost{background:#0000;border:none;color:var(--color-primary-accent);flex:none}.btn-ghost:hover{background:var(--color-background-tertiary);color:var(--color-primary-accent-dark)}.btn-ghost:disabled,.btn-ghost[disabled]{background:#0000;color:var(--color-neutral-400);cursor:not-allowed}@media (max-width:768px){.dialog-overlay{padding:var(--spacing-2)}.dialog{max-width:none}.dialog-content,.dialog-footer,.dialog-header{padding:var(--spacing-4)}.dialog-product{flex-direction:column;text-align:center}.dialog-product-image{height:120px;margin:0 auto;width:120px}}.quantity-presets{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-4)}.quantity-preset-btn{align-items:center;background:var(--color-background-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;min-height:48px;min-width:60px;padding:var(--spacing-3) var(--spacing-4);transition:all .2s}.quantity-preset-btn:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-primary-accent);color:var(--color-text-primary)}.quantity-preset-btn.active{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-text-inverse)}.quantity-preset-btn:disabled{background:var(--color-neutral-100);cursor:not-allowed;opacity:.3}@media (max-width:768px){.quantity-presets{gap:var(--spacing-2);margin-top:var(--spacing-3)}.quantity-preset-btn{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);min-height:56px;min-width:70px;padding:var(--spacing-4) var(--spacing-5)}}.cart-footer{background:var(--color-background-card);border-top:1px solid var(--color-border-light);bottom:0;box-shadow:var(--shadow-lg);display:flex;height:80px;left:0;position:fixed;right:0;z-index:1100}.cart-summary{border-right:1px solid var(--color-border-light);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-4) var(--spacing-6)}.cart-items{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.cart-total{color:var(--color-primary-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.cart-footer .btn-primary{align-items:center;background:var(--color-primary-accent);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;margin:var(--spacing-3);min-width:120px;padding:var(--spacing-3) var(--spacing-6);transition:background .2s}.cart-footer .btn-primary:hover{background:var(--color-primary-accent-dark)}.main-content{padding-bottom:100px}@media (max-width:768px){.cart-footer{height:70px;position:fixed;z-index:1100}.cart-summary{padding:var(--spacing-3) var(--spacing-4)}.cart-total{font-size:var(--font-size-lg)}.cart-footer .btn-primary{font-size:var(--font-size-sm);height:44px;margin:var(--spacing-2);min-width:100px;padding:var(--spacing-2) var(--spacing-4)}.main-content{padding-bottom:100px}}.customer-view{margin:0 auto;max-width:800px;padding:var(--spacing-6)}.customer-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}.customer-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.cart-summary-mini{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-1)}.cart-summary-mini span:first-child{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cart-summary-mini span:last-child{color:var(--color-primary-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.search-section{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.search-input{background:var(--color-background-primary);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.search-input:focus{border-color:var(--color-primary-accent);box-shadow:0 0 0 2px var(--color-primary-accent-light);outline:none}.customers-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.customer-card{align-items:center;background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-4);transition:all .2s}.customer-card:hover{border-color:var(--color-primary-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.customer-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0}.customer-info p:last-child{margin-bottom:0}.customer-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3)}.customer-select{color:var(--color-text-tertiary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.no-results{color:var(--color-text-secondary);padding:var(--spacing-8);text-align:center}.no-results p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.new-customer-form{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin:0 auto;max-width:500px;padding:var(--spacing-6)}.new-customer-form h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-6) 0}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;margin-bottom:var(--spacing-2)}.form-input,.form-textarea{background:var(--color-background-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary-accent);box-shadow:0 0 0 2px var(--color-primary-accent-light);outline:none}.form-textarea{min-height:80px;resize:vertical}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1 1}@media (max-width:768px){.customer-view{padding:var(--spacing-4)}.customer-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.customer-header h1{font-size:var(--font-size-2xl)}.search-section{display:grid;grid-template-columns:1fr 1fr}.search-section .search-input{grid-column:1/-1}.new-customer-form{padding:var(--spacing-4)}.form-actions{flex-direction:column}}.delivery-view,.payment-view{margin:0 auto;max-width:800px;padding:var(--spacing-6)}.payment-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}.payment-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.payment-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.order-summary{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.order-summary h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.order-details p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.payment-options{display:flex;flex-direction:column;gap:var(--spacing-4)}.payment-options h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.payment-option{align-items:center;background:var(--color-background-card);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-4);padding:var(--spacing-6);transition:all .2s}.payment-option:hover{border-color:var(--color-primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.payment-option-icon{align-items:center;background:var(--color-background-tertiary);border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.payment-option-content{flex:1 1}.payment-option-content h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.payment-option-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-2) 0}.payment-status{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.payment-option-select{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.payment-option--sample{background:#fffbeb;border-color:#fde68a}.payment-option--sample:hover{border-color:#f59e0b}.payment-option-icon--sample{background:#fef3c7;color:#92400e}.delivery-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}.delivery-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.customer-summary{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.customer-summary h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.customer-details p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.delivery-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.delivery-options{display:flex;flex-direction:column;gap:var(--spacing-4)}.delivery-options h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.delivery-option{align-items:center;background:var(--color-background-card);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-4);padding:var(--spacing-6);transition:all .2s}.delivery-option:hover{border-color:var(--color-primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.delivery-option-icon{align-items:center;background:var(--color-background-tertiary);border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.delivery-option-content{flex:1 1}.delivery-option-content h4{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.delivery-option-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-2) 0}.delivery-price{color:var(--color-primary-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.delivery-option-select{color:var(--color-text-tertiary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.summary-view{margin:0 auto;max-width:800px;padding:var(--spacing-6)}.summary-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4)}.summary-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.summary-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.summary-section{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}.summary-section h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.summary-customer p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.summary-products{display:flex;flex-direction:column;gap:var(--spacing-3)}.summary-product{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-3) 0}.summary-product:last-child{border-bottom:none}.summary-product-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.summary-product-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.summary-product-quantity{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.summary-product-price{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2)}.summary-product-price--struck{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);text-decoration:line-through}.summary-product-price--free{color:#92400e;font-weight:var(--font-weight-bold)}.summary-delivery p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.summary-payment{border-top:1px solid var(--color-border-light);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.summary-payment p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-1) 0}.summary-totals{background:var(--color-background-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-6)}.summary-total-row{align-items:center;display:flex;font-size:var(--font-size-base);justify-content:space-between;margin-bottom:var(--spacing-2)}.summary-total-row:last-child{margin-bottom:0}.summary-total-row.total{border-top:1px solid var(--color-border-light);color:var(--color-primary-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--spacing-3);padding-top:var(--spacing-3)}.summary-total-row--cost{color:#92400e;font-weight:var(--font-weight-medium)}.summary-actions{display:flex;justify-content:center;padding-top:var(--spacing-6)}.summary-actions .btn-primary{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);min-width:200px;padding:var(--spacing-4) var(--spacing-8)}.success-view{align-items:center;background:var(--color-background-secondary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-6)}.success-content{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-8);text-align:center}.success-icon{animation:successBounce .6s ease-in-out;display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.success-content h1{color:var(--color-primary-accent);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0}.success-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-2) 0}.success-content p:last-of-type{margin-bottom:var(--spacing-8)}.success-actions{display:flex;justify-content:center}.success-actions .btn-primary{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);min-width:200px;padding:var(--spacing-4) var(--spacing-8)}@keyframes successBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@media (max-width:768px){.delivery-view,.payment-view,.summary-view{padding:var(--spacing-4)}.delivery-header,.payment-header,.summary-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.delivery-header h1,.payment-header h1,.summary-header h1{font-size:var(--font-size-2xl)}.delivery-option,.payment-option{gap:var(--spacing-3);padding:var(--spacing-4)}.delivery-option-icon,.payment-option-icon{height:50px;width:50px}.delivery-option-content h4,.payment-option-content h4{font-size:var(--font-size-lg)}.delivery-option-content p,.payment-option-content p{font-size:var(--font-size-sm)}.success-view{padding:var(--spacing-4)}.success-content{padding:var(--spacing-6)}.success-content h1{font-size:var(--font-size-2xl)}.success-actions .btn-primary,.success-content p{font-size:var(--font-size-base)}.success-actions .btn-primary{padding:var(--spacing-3) var(--spacing-6);width:100%}}.main-view{margin:0 auto;max-width:1200px;padding:0}@media (max-width:768px){.main-view{padding:0 var(--spacing-1)}}.sales-header{margin-bottom:var(--spacing-8);text-align:left}.sales-header h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.sales-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.sales-filters{display:flex;flex-wrap:wrap;gap:15px}.search-input,.status-filter{background:#fff;border:1px solid var(--color-border-medium);border-radius:8px;font-size:14px;padding:10px 15px}.search-input{min-width:250px}.status-filter{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7.293 8.293a1 1 0 011.414 0L10 9.586l1.293-1.293a1 1 0 111.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2a1 1 0 010-1.414z"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;min-width:150px}.sales-results-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.sales-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-item{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:var(--color-text-secondary);font-size:14px}.sales-list{grid-gap:20px;display:grid;gap:20px}.sale-card{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.sale-header{align-items:center!important;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px;justify-content:space-between;margin-bottom:20px}.sale-header-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.badge-sample{background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;color:#92400e}.badge-returned,.badge-sample{font-size:12px;font-weight:700;padding:6px 10px;text-transform:uppercase;white-space:nowrap}.badge-returned{background:#e0e7ff;border:1px solid #c7d2fe;border-radius:9999px;color:#3730a3}.status-select-static{border-radius:20px;min-width:120px;padding:6px 12px;text-align:center;text-transform:none}.badge-duplicate{background:#fde8e8;border:1px solid #fecaca;border-radius:9999px;color:#b91c1c;font-size:12px;font-weight:700;padding:6px 10px;text-transform:uppercase;white-space:nowrap}.sale-info h3{color:var(--color-primary);font-size:1.2rem;margin:0 0 5px}.sale-date{color:var(--color-text-secondary);font-size:14px;margin:0}.sale-status{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-delivered{background:#d4edda;color:#155724}.status-processing{background:#fff3cd;color:#856404}.status-default{background:#e2e3e5;color:#383d41}.status-returned{background:#e0e7ff;color:#3730a3}.sale-customer,.sale-products{margin-bottom:20px}.sale-customer h4,.sale-products h4{color:var(--color-text-primary);font-size:1rem;margin:0 0 10px}.sale-customer p{color:var(--color-text-secondary);margin:5px 0}.sale-product{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.sale-product:last-child{border-bottom:none}.sale-footer{border-top:1px solid var(--color-border);margin-top:20px;padding-top:15px}.sale-actions,.sale-footer{align-items:center;display:flex;justify-content:space-between}.sale-actions{gap:10px;margin-top:25px}.sale-delivery{color:var(--color-text-secondary);font-size:14px}.sale-total{color:var(--color-primary);font-size:1.1rem;font-weight:700}.sale-payment-progress{background:var(--color-background-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.sale-payment-progress .progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.sale-payment-progress .progress-header span:first-child{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sale-payment-progress .progress-percentage{color:var(--color-primary-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.sale-payment-progress .progress-bar{background:var(--color-border-light);border-radius:3px;height:6px;margin-bottom:var(--spacing-2);overflow:hidden;width:100%}.sale-payment-progress .progress-fill{background:var(--color-primary-accent);height:100%;transition:width .3s ease}.sale-payment-progress .progress-summary{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);justify-content:space-between}.no-sales{color:var(--color-text-secondary);padding:40px;text-align:center}@media (max-width:768px){.sales-header{margin-bottom:var(--spacing-6)}.sales-filters{flex-direction:column}.search-input,.status-filter{min-width:auto}.sales-stats{grid-template-columns:1fr}.sale-footer,.sale-header{flex-direction:column;gap:10px}.sale-footer{align-items:flex-start}.sale-payment-progress .progress-summary{flex-direction:column;gap:var(--spacing-1)}}.status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;background-color:inherit;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7.293 8.293a1 1 0 011.414 0L10 9.586l1.293-1.293a1 1 0 111.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2a1 1 0 010-1.414z"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:18px 18px;border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;min-width:120px;outline:none;padding:6px 32px 6px 12px;text-transform:uppercase}.status-select:focus{outline:2px solid #4caf50;outline:2px solid var(--color-primary,#4caf50)}.sale-status-section{align-items:center;display:flex;gap:var(--spacing-2)}.status-icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.bottom-nav{background:var(--color-background-primary);border-top:1px solid var(--color-border-light);bottom:0;box-shadow:0 -2px 8px #0000001a;display:flex;left:0;padding-bottom:20px;position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:60px;padding:var(--spacing-3) var(--spacing-2);transition:all .2s ease}.bottom-nav-item:hover{color:var(--color-text-primary)}.bottom-nav-item.active{color:var(--color-primary-brand)}.bottom-nav-icon{color:var(--color-text-secondary);font-size:1.5rem;line-height:1;margin-bottom:var(--spacing-1);transition:color .2s ease}.bottom-nav-item:hover .bottom-nav-icon{color:var(--color-text-primary)}.bottom-nav-item.active .bottom-nav-icon{color:var(--color-primary-brand)}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}@media (max-width:1024px){.main-content{padding-bottom:100px}}.sidebar-nav-icon{color:var(--color-text-secondary);display:inline-block;flex-shrink:0;font-size:1.3rem;line-height:1;transition:color .2s ease;vertical-align:middle}.nav-item:hover .sidebar-nav-icon{color:var(--color-text-primary)}.nav-item.active .sidebar-nav-icon{color:var(--color-primary-brand)}.remove-btn{align-items:center;background:none;border:none;color:#e74c3c;cursor:pointer;display:flex;font-size:1.3rem;margin-left:12px;transition:color .2s}.remove-btn:hover{color:#c0392b}@media (max-width:600px){.dialog{border-radius:16px;display:flex;flex-direction:column;left:50%;margin:0;max-height:calc(100vh - 120px);max-width:100vw;overflow-x:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:98vw}.dialog-content{max-height:60vh;overflow-x:hidden;overflow-y:auto;padding:16px}.dialog-product-image{height:120px;margin:0 auto 12px;width:120px}.dialog-footer,.dialog-header{padding:12px 16px}}.clients-header{margin-bottom:var(--spacing-8);text-align:left}.clients-header h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.clients-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.clients-controls{align-items:center;justify-content:space-between}.clients-controls,.clients-stats{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.clients-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.client-card{align-items:flex-start;background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-4);min-height:80px;overflow:hidden;padding:var(--spacing-6);transition:all .2s ease}.client-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-avatar{align-items:center;align-self:flex-start;background:var(--color-primary-brand);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.client-info{flex:1 1;min-width:0;overflow:hidden}.client-item{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-item:last-child{margin:0}.client-item.name{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.client-actions{align-self:flex-start;display:flex;flex-shrink:0;gap:var(--spacing-2)}.btn-small{align-items:center;display:flex;font-size:var(--font-size-sm);height:36px;justify-content:center;min-width:36px;padding:var(--spacing-2) var(--spacing-3)}.btn-danger{background:#0000;border:1px solid var(--color-border-medium);color:var(--color-text-secondary);flex:none}.btn-danger:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.btn-icon{font-weight:var(--font-weight-bold);margin-right:var(--spacing-2)}.no-clients{background:var(--color-background-card);border:2px dashed var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-12) var(--spacing-6);text-align:center}.no-clients-icon{font-size:48px;margin-bottom:var(--spacing-4)}.no-clients h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.no-clients p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-6) 0}.client-form-container{margin:0 auto;max-width:600px}.client-form-card{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6)}.form-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.form-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.form-header .btn-small{border-radius:var(--radius-sm);font-size:var(--font-size-sm);height:28px;min-width:28px;padding:var(--spacing-1) var(--spacing-2)}.client-form{gap:var(--spacing-4)}.client-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-2)}.form-group label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group label.required:after{color:#ef4444;content:" *";font-weight:var(--font-weight-semibold)}.form-input{background:var(--color-background-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--color-primary-brand);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:var(--color-text-tertiary)}.form-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4)}@media (max-width:768px){.clients-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.clients-grid{gap:var(--spacing-3);grid-template-columns:1fr}.client-card{gap:var(--spacing-3);padding:var(--spacing-4)}.client-avatar{height:40px;width:40px}.client-avatar,.client-item.name{font-size:var(--font-size-base)}.client-item{font-size:var(--font-size-xs)}.client-form-card{padding:var(--spacing-4)}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media screen and (max-width:768px){.form-input,.form-textarea,.search-input,.status-filter{font-size:16px!important}}.products-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.products-header h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.products-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.products-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.products-controls,.products-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.products-stats{grid-gap:var(--spacing-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-actions{display:flex;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-3)}.product-card.management-card{aspect-ratio:auto;min-height:280px}.product-form-container{margin:0 auto;max-width:600px}.product-form-card{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6)}.product-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.no-products{background:var(--color-background-card);border:2px dashed var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-12) var(--spacing-6);text-align:center}.no-products-icon{font-size:48px;margin-bottom:var(--spacing-4)}.no-products h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.no-products p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-6) 0}@media (max-width:768px){.products-controls{justify-content:stretch}.products-stats{grid-template-columns:1fr}.product-actions{flex-direction:row;gap:var(--spacing-1)}.product-form-card{padding:var(--spacing-4)}}.payment-dialog{max-height:90vh;max-width:600px;overflow-y:auto}.overall-progress{background:var(--color-background-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.progress-header h4{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}.progress-percentage{color:var(--color-primary-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.progress-bar{background:var(--color-border-light);border-radius:4px;height:8px;margin-bottom:var(--spacing-2);overflow:hidden;width:100%}.progress-bar.small{height:6px}.progress-fill{background:var(--color-primary-accent);height:100%;transition:width .3s ease}.progress-summary{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.products-payment-list{margin-bottom:var(--spacing-4)}.products-payment-list h4{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-3) 0}.product-payment-item{background:var(--color-background-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.product-payment-item:last-child{margin-bottom:0}.product-info{margin-bottom:var(--spacing-3)}.product-details h5{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-1) 0}.product-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-2) 0}.product-progress{align-items:center;display:flex;gap:var(--spacing-2)}.progress-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:80px}.payment-controls{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between}.quantity-controls{align-items:center;display:flex;gap:var(--spacing-2)}.quantity-btn{align-items:center;background:var(--color-background-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-weight:var(--font-weight-bold);height:32px;justify-content:center;transition:all .2s;width:32px}.quantity-btn:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-border-dark)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{color:var(--color-text-primary);font-weight:var(--font-weight-bold);min-width:40px;text-align:center}.amount-info{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-1)}.amount-paid{color:var(--color-primary-accent);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.amount-remaining{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width:768px){.payment-dialog{margin:var(--spacing-2);max-width:80vw}.payment-controls{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.amount-info{align-items:center}.progress-summary{flex-direction:column;gap:var(--spacing-1)}}@media (max-width:480px){.payment-dialog{margin:0;max-width:90vw;overflow-x:hidden;width:90vw}}.auth-container{align-items:center;background:var(--color-background-secondary);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-6)}.auth-card{background:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--spacing-6);width:100%}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.auth-logo img{border-radius:var(--radius-lg);height:96px;width:96px}.auth-title{color:var(--color-primary-brand);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);text-align:center}.auth-tabs{background:var(--color-background-secondary);border:1px solid var(--color-border-light);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-1)}.auth-tab,.auth-tabs{border-radius:var(--radius-md)}.auth-tab{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);text-align:center}.auth-tab:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.auth-tab.active{background:var(--color-background-primary);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.auth-message{color:var(--color-status-success)}.auth-error,.auth-message{font-size:var(--font-size-sm);margin-top:var(--spacing-3)}.auth-error{color:var(--color-status-error)}.fin-period-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.fin-period-btn{background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4);transition:all .15s}.fin-period-btn.active,.fin-period-btn:hover{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:#fff}.fin-section-title{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:var(--spacing-5) 0 var(--spacing-3);text-transform:uppercase}.fin-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.fin-card{align-items:flex-start;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.fin-card-icon{border-radius:var(--radius-md);display:flex;flex-shrink:0;padding:var(--spacing-2)}.fin-card--blue .fin-card-icon{background:#dbeafe;color:#2563eb}.fin-card--green .fin-card-icon{background:#dcfce7;color:#16a34a}.fin-card--yellow .fin-card-icon{background:#fef9c3;color:#ca8a04}.fin-card--red .fin-card-icon{background:#fee2e2;color:#dc2626}.fin-card-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.04em;margin-bottom:var(--spacing-1);text-transform:uppercase}.fin-card-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.fin-card-sub{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.fin-table-wrap{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);overflow-x:auto}.fin-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.fin-table th{background:var(--color-background-secondary);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-align:left}.fin-table td,.fin-table th{border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-3) var(--spacing-4)}.fin-table td{color:var(--color-text-primary)}.fin-table tr:last-child td{border-bottom:none}.fin-stock-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 10px}.fin-stock-badge--red{background:#fee2e2;color:#dc2626}.fin-stock-badge--yellow{background:#fef9c3;color:#ca8a04}.client-name-row{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-2);overflow:hidden}.client-name-row .client-item.name{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-purchase-stats{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-2);margin-top:var(--spacing-2)}.client-stat-dot{color:var(--color-border-primary)}.client-no-purchases{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-2)}.client-followup-icon{align-items:center;color:#ca8a04;cursor:default;display:inline-flex;flex-shrink:0;position:relative;z-index:10}.client-followup-icon:hover{z-index:1000}.client-followup-tooltip{background:#1f2937;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#f9fafb;font-size:var(--font-size-xs);line-height:1.4;padding:var(--spacing-2) var(--spacing-3);pointer-events:none;position:fixed;transform:translateX(-50%) translateY(-100%) translateY(-8px);white-space:normal;width:200px;z-index:9999}.client-followup-tooltip:after{border:5px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.product-image-placeholder{align-items:center;aspect-ratio:1/1;background:var(--color-neutral-100);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;justify-content:center;max-height:120px;width:80%}.dialog-product-image.product-image-placeholder{aspect-ratio:1/1;height:80px;max-height:none;width:80px}.fin-tabs{border-bottom:2px solid var(--color-border-primary);display:flex;gap:0;margin-bottom:var(--spacing-5)}.fin-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--spacing-2) var(--spacing-5);transition:color .15s,border-color .15s}.fin-tab:hover{color:var(--color-text-primary)}.fin-tab.active{border-bottom-color:var(--color-primary-accent);color:var(--color-primary-accent);font-weight:var(--font-weight-semibold)}.image-upload-area{align-items:center;border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:140px;overflow:hidden;transition:border-color .15s}.image-upload-area:hover{border-color:var(--color-primary-accent)}.image-upload-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-6)}.image-upload-preview{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.image-preview-img{display:block;max-height:200px;object-fit:contain;padding:var(--spacing-2);width:100%}.image-upload-overlay{background:#0006;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);inset:0}.image-remove-btn,.image-upload-overlay{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute}.image-remove-btn{background:#0009;border:none;border-radius:var(--radius-full);cursor:pointer;height:24px;padding:0;right:var(--spacing-2);top:var(--spacing-2);width:24px}.image-remove-btn:hover{background:#dc2626cc}.product-brand{margin-bottom:var(--spacing-1)}.dialog-product-brand,.product-brand{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase}.dialog-product-brand{margin:0 0 var(--spacing-1) 0}.sale-product-brand{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.brand-card--selectable{cursor:pointer}.brand-card--selectable:hover{border-color:var(--color-primary-accent);box-shadow:var(--shadow-md)}.brand-card--selectable:focus-visible{outline:2px solid var(--color-primary-accent);outline-offset:2px}.brand-row-count{color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important}
/*# sourceMappingURL=main.04d30afa.css.map*/