.product-form{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:800px;box-shadow:0 1px 2px #0000000d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{font-weight:500;color:hsl(var(--foreground));font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;transition:all .2s ease;font-family:inherit;background:hsl(var(--background));color:hsl(var(--foreground));width:100%}.form-group textarea{resize:vertical;min-height:100px}.submit-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent;margin-top:.5rem}.submit-button:hover:not(:disabled){background-color:hsl(var(--primary) / .9)}.submit-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.submit-button:disabled{pointer-events:none;opacity:.5}.form-actions{display:flex;gap:12px;margin-top:10px}.cancel-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid transparent}.cancel-button:hover:not(:disabled){background-color:hsl(var(--secondary) / .8)}.cancel-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.cancel-button:disabled{pointer-events:none;opacity:.5}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:.75rem;background-color:#ef44441a;color:hsl(var(--destructive));border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--destructive) / .2);font-size:.875rem}.success-message{padding:.75rem;background-color:#16a2491a;color:#16a249;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(142 76% 36% / .2);font-size:.875rem}.image-preview-container{position:relative;margin-bottom:16px;display:inline-block}.image-url-option{margin-top:12px}.variants-section{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:1.5rem;background:hsl(var(--muted) / .3)}.variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.variants-header h3{margin:0;font-size:1.125rem;font-weight:600}.btn-add-variant{padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-add-variant:hover{background:hsl(var(--primary) / .9)}.no-variants{text-align:center;padding:2rem;color:hsl(var(--muted-foreground));font-size:.875rem}.variants-table-container{overflow-x:auto}.variants-table{width:100%;border-collapse:collapse;background:hsl(var(--card));border-radius:calc(var(--radius) - 2px)}.variants-table thead{background:hsl(var(--muted))}.variants-table th{padding:.75rem;text-align:left;font-size:.8125rem;font-weight:600;color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border))}.variants-table td{padding:.75rem;border-bottom:1px solid hsl(var(--border))}.variants-table tbody tr:hover{background:hsl(var(--muted) / .5)}.variants-table input,.variants-table select{width:100%;padding:.5rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 4px);font-size:.8125rem;background:hsl(var(--background));color:hsl(var(--foreground))}.variants-table input:focus,.variants-table select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.btn-remove{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove:hover{background:hsl(var(--destructive) / .9)}.feature-input-container{display:flex;gap:8px;margin-bottom:8px}.feature-input-container input{flex:1}.btn-add{padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-add:hover{background:hsl(var(--primary) / .9)}.features-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-tag{display:inline-flex;align-items:center;gap:6px;padding:.375rem .75rem;background:hsl(var(--muted));border-radius:calc(var(--radius) - 4px);font-size:.8125rem}.feature-tag button{background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;font-size:1.125rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.feature-tag button:hover{color:hsl(var(--foreground))}.image-input-container{display:flex;gap:8px;margin-bottom:12px}.image-input-container input{flex:1}.file-upload-container{margin-bottom:12px}.images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.image-preview-item{position:relative;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);overflow:hidden;aspect-ratio:1}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item button{position:absolute;top:4px;right:4px;background:hsl(var(--destructive));color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-preview-item button:hover{background:hsl(var(--destructive) / .9)}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.variants-table{font-size:.75rem}.variants-table th,.variants-table td{padding:.5rem}}.attributes-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;margin-top:1rem}.attributes-section h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.attributes-section .section-description{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.attributes-section .form-group label .required{color:hsl(var(--destructive));margin-left:.25rem}.json-import-section{background:hsl(var(--muted) / .3);border:1px dashed hsl(var(--border));border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.btn-json-import{padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem}.btn-json-import:hover{background:hsl(var(--primary) / .9)}.json-import-panel{margin-top:1rem;padding:1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px)}.json-import-panel h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:hsl(var(--foreground))}.btn-import{padding:.625rem 1.25rem;background:#4caf50;color:#fff;border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-import:hover{background:#45a049}.product-list{width:100%}.product-list-controls{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-bar{flex:1;min-width:250px;display:flex;align-items:center;background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);padding:0 .875rem;transition:all .2s ease}.search-input{flex:1;border:none;outline:none;padding:.625rem 0;font-size:.875rem;color:hsl(var(--foreground));background:transparent}.category-filter{padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;color:hsl(var(--foreground));background:hsl(var(--background));cursor:pointer;transition:all .2s ease;min-width:180px}.category-filter:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.product-count{padding:.625rem 1.25rem;background:hsl(var(--muted));border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem}.product-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:visible;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column}.product-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:hsl(var(--border))}.product-image{width:100%;height:140px;overflow:hidden;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsl(var(--border))}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:.875rem;display:flex;flex-direction:column;flex:1;min-width:0;overflow:visible;position:relative}.product-name{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem;padding-right:0;transition:color .2s ease;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-brand{color:hsl(var(--muted-foreground));font-size:.75rem;margin-bottom:.5rem;line-height:1.4}.product-details{display:flex;gap:.375rem;margin-bottom:.5rem;flex-wrap:wrap}.product-category,.product-grade{padding:.25rem .625rem;background:hsl(var(--muted));border-radius:9999px;font-size:.75rem;color:hsl(var(--muted-foreground))}.product-price{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.375rem;line-height:1.4}.product-availability{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:.625rem}.product-availability.in-stock{background:#16a2491a;color:#16a249}.product-availability.low-stock{background:#f59f0a1a;color:#f59f0a}.product-availability.out-of-stock{background:#ef44441a;color:hsl(var(--destructive))}.product-description{font-size:.75rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-actions{position:absolute;top:.5rem;right:.5rem;z-index:10}.product-list::-webkit-scrollbar{width:8px}.product-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.product-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.product-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 600px){.product-grid{grid-template-columns:1fr}}.enhanced-dashboard{padding:1.5rem;max-width:1600px;margin:0 auto;background:hsl(var(--background))}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.dashboard-header>div:first-child{flex:1;min-width:0}.dashboard-header h1{font-size:1.5rem;color:hsl(var(--foreground));margin:0 0 .25rem;font-weight:600;letter-spacing:-.025em}.dashboard-header p{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.4}.btn-refresh{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.8125rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.375rem;height:2rem;padding:.375rem .75rem;line-height:1.5;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent;width:auto!important;flex:none!important}.btn-refresh:hover{background-color:hsl(var(--primary) / .9)}.btn-refresh:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-refresh:disabled{pointer-events:none;opacity:.5}.btn-refresh svg{width:14px;height:14px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;margin-bottom:1.25rem}.metric-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;display:flex;align-items:flex-start;gap:.75rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.metric-card:hover{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.metric-card.metric-primary{border-left:3px solid hsl(217 91% 60%)}.metric-card.metric-success{border-left:3px solid hsl(142 76% 36%)}.metric-card.metric-purple{border-left:3px solid hsl(262 83% 58%)}.metric-card.metric-info{border-left:3px solid hsl(217 91% 60%)}.metric-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--muted));border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));flex-shrink:0}.metric-icon svg{width:1.125rem;height:1.125rem}.metric-content{flex:1;min-width:0}.metric-content h3{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem;line-height:1.2;letter-spacing:-.025em}.metric-content p{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0 0 .25rem;font-weight:500;line-height:1.4}.metric-trend{font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:400;line-height:1.4}.alerts-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 1px 2px #0000000d}.alerts-section h2{font-size:.875rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.alert-card{background:hsl(var(--background));border-radius:calc(var(--radius) - 2px);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.alert-card:hover{transform:translateY(-1px)}.alert-card.alert-warning{background:linear-gradient(135deg,#fffbf0,#fcf7e8);border:1px solid hsl(45 70% 85%)}.alert-card.alert-danger{background:linear-gradient(135deg,#fff5f5,#fdeded);border:1px solid hsl(0 70% 90%)}.alert-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.5rem;font-weight:700;flex-shrink:0}.alert-badge.warning{background:#ffc105;color:#664d00}.alert-badge.danger{background:#ef4343;color:#fff}.alert-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.alert-label{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));line-height:1.2}.alert-description{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.4}.dashboard-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;margin-bottom:1.25rem;box-shadow:0 1px 2px #0000000d}.dashboard-section h2{font-size:1rem;color:hsl(var(--foreground));margin:0 0 1rem;font-weight:600;line-height:1.4;letter-spacing:-.025em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0;font-size:1rem;letter-spacing:-.025em}.view-all-link{color:hsl(var(--primary));text-decoration:none;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;transition:color .2s ease}.view-all-link:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.status-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:.875rem;text-align:center;border-left:3px solid;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.status-card:hover{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.status-card h3{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem;line-height:1.2;letter-spacing:-.025em}.status-card p{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0;text-transform:capitalize;line-height:1.4;font-weight:500}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{padding:.625rem .75rem;text-align:left;font-weight:500;color:hsl(var(--muted-foreground));font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid hsl(var(--border))}.orders-table td{padding:.75rem;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));font-size:.8125rem}.orders-table tbody tr:hover{background:hsl(var(--muted) / .3)}.status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.stock-alerts-table{overflow-x:auto}.stock-alerts-table table{width:100%;border-collapse:collapse}.stock-alerts-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e2e8f0;background:#f8fafc}.stock-alerts-table td{padding:.75rem 1rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9}.stock-alerts-table .text-right{text-align:right}.stock-alerts-table .product-name{font-weight:500;color:#1e293b}.stock-alerts-table .variant-name{color:#64748b;font-size:.8125rem}.stock-alerts-table .stock-qty{font-weight:700;font-size:.9375rem}.stock-alerts-table .stock-qty.danger{color:#dc2626}.stock-alerts-table .stock-qty.warning{color:#d97706}.stock-alerts-table .status-pill{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.stock-alerts-table .status-pill.danger{background:#fef2f2;color:#dc2626}.stock-alerts-table .status-pill.warning{background:#fffbeb;color:#d97706}.stock-alerts-table .alert-row:hover{background:#f8fafc}.stock-alerts-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:2.5rem;color:hsl(var(--muted-foreground));font-size:.875rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:hsl(var(--muted-foreground))}.loading-spinner{width:3rem;height:3rem;border:3px solid hsl(var(--muted));border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{text-align:center;padding:2.5rem;color:hsl(var(--destructive));font-size:.875rem}.error-container{padding:2rem;text-align:center;background-color:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .2);border-radius:var(--radius);margin:2rem auto;max-width:600px;color:hsl(var(--destructive));box-shadow:0 1px 2px #0000000d}.error-container h2{margin-bottom:1rem;color:hsl(var(--destructive));font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.error-container p{margin-bottom:1.25rem;font-size:.875rem;color:hsl(var(--destructive));line-height:1.5}.btn-retry{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent}.btn-retry:hover{background-color:hsl(var(--primary) / .9)}.btn-retry:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-retry:disabled{pointer-events:none;opacity:.5}.btn-retry svg{width:16px;height:16px}.troubleshooting{margin-top:1.5rem;padding:1rem;background:hsl(var(--destructive) / .05);border-radius:calc(var(--radius) - 2px);text-align:left}.troubleshooting-title{font-weight:600;margin-bottom:.5rem;color:hsl(var(--destructive));font-size:.875rem}.troubleshooting ul{margin:0;padding-left:1.5rem;color:hsl(var(--destructive));font-size:.875rem}.troubleshooting li{margin-bottom:.25rem}@media (max-width: 768px){.enhanced-dashboard{padding:20px}.metrics-grid{grid-template-columns:1fr}.orders-table{font-size:.85rem}.orders-table th,.orders-table td{padding:8px}}.category-management{width:100%}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.category-header>div:first-child{flex:1;min-width:0}.category-header h2{font-size:1.875rem;color:hsl(var(--foreground));font-weight:600;margin:0 0 .5rem;letter-spacing:-.025em}.category-header p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem;line-height:1.5}.category-form-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.category-form-card h3{font-size:1.125rem;color:hsl(var(--foreground));margin-bottom:1.25rem;font-weight:600}.category-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.form-group input{padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;transition:all .2s ease;font-family:inherit;background:hsl(var(--background));color:hsl(var(--foreground))}.form-group input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-primary,.btn-secondary,.btn-edit,.btn-delete{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.375rem;height:2.5rem;padding:.5rem .75rem;line-height:1.5;border:1px solid transparent;min-width:0;overflow:hidden;text-overflow:ellipsis}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover:not(:disabled){background-color:hsl(var(--primary) / .9)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.875rem}.category-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:visible;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column}.category-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:hsl(var(--border))}.category-image{width:100%;height:120px;overflow:hidden;background:hsl(var(--muted));display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsl(var(--border))}.category-image img{width:100%;height:100%;object-fit:cover}.category-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.category-icon{width:2rem;height:2rem;color:hsl(var(--muted-foreground));opacity:.5}.category-info{padding:.875rem;display:flex;flex-direction:column;flex:1;min-width:0;overflow:visible;position:relative}.category-name{font-size:.9375rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem;padding-right:0;transition:color .2s ease;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-name:hover{color:hsl(var(--primary))}.category-count{color:hsl(var(--muted-foreground));font-size:.75rem;margin:0 0 .5rem;line-height:1.4}.category-actions{position:absolute;top:.5rem;right:.5rem;z-index:10}.btn-menu{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--background));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));cursor:pointer;transition:all .2s ease;padding:0}.btn-menu:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--border))}.btn-menu:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-menu:disabled{pointer-events:none;opacity:.5}.btn-menu svg{width:1rem;height:1rem}.dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;z-index:50;min-width:9rem;overflow:hidden;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));background:hsl(var(--popover));padding:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;font-size:.875rem;font-weight:400;color:hsl(var(--popover-foreground));background:transparent;border:none;border-radius:calc(var(--radius) - 4px);cursor:pointer;transition:all .2s ease;text-align:left;line-height:1.5}.dropdown-item:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.dropdown-item:focus-visible{outline:none;background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.dropdown-item svg{width:1rem;height:1rem;flex-shrink:0}.dropdown-item-destructive{color:hsl(var(--destructive))}.dropdown-item-destructive:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.dropdown-item-destructive:focus-visible{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.dropdown-item-warning{color:#f59f0a}.dropdown-item-warning:hover{background:#f59f0a;color:#fff}.dropdown-item-warning:focus-visible{background:#f59f0a;color:#fff}.btn-edit{flex:1;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));min-width:0}.btn-edit:hover:not(:disabled){background-color:hsl(var(--primary) / .9)}.btn-delete{flex:1;background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));min-width:0}.btn-delete:hover:not(:disabled){background-color:hsl(var(--destructive) / .9)}.btn-delete:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-delete:disabled{pointer-events:none;opacity:.5}.btn-edit:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.category-warning{font-size:.6875rem;color:#f59f0a;margin:.5rem 0 0;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f59f0a1a;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(38 92% 50% / .2);width:fit-content;align-self:flex-start}.category-warning svg{width:.75rem;height:.75rem;flex-shrink:0}.loading,.error,.empty{text-align:center;padding:2.5rem;color:hsl(var(--muted-foreground));font-size:.875rem}.error-message{padding:.75rem;background-color:hsl(var(--destructive) / .1);color:hsl(var(--destructive));border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--destructive) / .2);font-size:.875rem;margin-bottom:1.25rem}.success-message{padding:.75rem;background-color:#16a2491a;color:#16a249;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(142 76% 36% / .2);font-size:.875rem;margin-bottom:1.25rem}.btn-delete-warning{background-color:#f59f0a!important;color:#fff!important}.btn-delete-warning:hover:not(:disabled){background-color:#f59f0ae6!important;color:#fff!important}.category-form-page{width:100%;max-width:800px;margin:0 auto}.image-preview-container{position:relative;margin-bottom:1rem;display:inline-block}.image-preview{max-width:200px;max-height:200px;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));object-fit:cover;display:block}.btn-remove-image{position:absolute;top:-8px;right:-8px;background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:none;border-radius:50%;width:1.75rem;height:1.75rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-remove-image:hover{background:hsl(var(--destructive) / .9)}.image-upload-options{margin-bottom:.75rem}.file-upload-label{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent;margin-bottom:.5rem}.file-upload-label:hover{background-color:hsl(var(--primary) / .9)}.image-url-option{margin-top:.75rem}.image-url-option label{display:block;margin-bottom:.5rem;font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.url-input{width:100%;padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;transition:all .2s ease;font-family:inherit;background:hsl(var(--background));color:hsl(var(--foreground))}.url-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.form-hint{margin-top:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground))}.type-input-container{display:flex;gap:.5rem;margin-top:.5rem}.type-input{flex:1;padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;transition:all .2s ease;font-family:inherit;background:hsl(var(--background));color:hsl(var(--foreground))}.type-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.btn-add-type{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent}.btn-add-type:hover:not(:disabled){background-color:hsl(var(--primary) / .9)}.btn-add-type:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-add-type:disabled{pointer-events:none;opacity:.5}.btn-add-type:disabled{opacity:.5;cursor:not-allowed}.types-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.type-tag{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#3c83f61a;border:1px solid hsl(217 91% 60% / .2);border-radius:9999px;font-size:.875rem;color:#3c83f6}.type-tag span{font-weight:500}.btn-remove-type{background:none;border:none;color:#3c83f6;cursor:pointer;font-size:.875rem;padding:0;width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.btn-remove-type:hover{background:#3c83f633;color:#3c83f6}.category-list{display:flex;flex-direction:column;gap:1rem;width:100%}.category-item{width:100%;display:flex;flex-direction:column;gap:.75rem}.category-card{width:100%;box-sizing:border-box;max-width:100%}.category-card.subcategory{border-left:3px solid hsl(var(--primary));background:hsl(var(--muted) / .3)}.category-card.inactive{opacity:.6;background:hsl(var(--muted) / .5)}.category-list .category-card{display:flex;flex-direction:row;align-items:stretch;min-height:140px}.category-list .category-image{width:140px;min-width:140px;max-width:140px;height:auto;border-bottom:none;border-right:1px solid hsl(var(--border));flex-shrink:0}.category-list .category-info{flex:1;padding:1rem;min-width:0;overflow:hidden}.subcategory-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:hsl(var(--primary));margin-bottom:4px;font-weight:500;background:hsl(var(--primary) / .1);padding:2px 6px;border-radius:calc(var(--radius) - 4px);width:fit-content}.subcategory-indicator svg{width:10px;height:10px}.category-slug{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0 0 .375rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;opacity:.8}.category-meta{display:flex;align-items:center;gap:8px;margin-top:.5rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:calc(var(--radius) - 4px);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.inactive{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.subcategory-count{font-size:.75rem;color:hsl(var(--muted-foreground));display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:hsl(var(--accent));border-radius:calc(var(--radius) - 4px)}.subcategories-container{display:flex;flex-direction:column;gap:.75rem;width:100%}@media (max-width: 768px){.category-header{flex-direction:column;gap:1rem}.category-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.subcategories-container{margin-left:0;padding-left:0}.category-list .category-card{flex-direction:column;min-height:auto}.category-list .category-image{width:100%;height:140px;border-right:none;border-bottom:1px solid hsl(var(--border))}.category-list .category-info{padding:.875rem}}.category-form-page{width:100%;padding:24px}.category-form-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:24px;max-width:800px;margin:0 auto}.category-form-card h2{margin:0 0 24px;font-size:1.5rem;font-weight:600}.category-form{display:flex;flex-direction:column;gap:20px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.slug-input-container{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8125rem;font-weight:400}.form-hint{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}.image-preview-container{position:relative;display:inline-block;margin-bottom:12px}.image-preview{max-width:200px;max-height:200px;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border))}.btn-remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4343;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background .2s}.btn-remove-image:hover{background:#eb1414}.image-upload-options{margin-bottom:12px}.file-upload-label{display:inline-block;padding:.5rem 1rem;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);cursor:pointer;font-size:.875rem;transition:background .2s}.file-upload-label:hover{background:hsl(var(--muted) / .8)}.image-url-option{display:flex;flex-direction:column;gap:8px}.image-url-option label{font-size:.8125rem;font-weight:400}.url-input{width:100%}.btn-primary:hover:not(:disabled){background:hsl(var(--primary) / .9)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:hsl(var(--secondary) / .9)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.gst-section{background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:20px;margin:8px 0}.gst-section .section-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:hsl(var(--foreground))}.gst-section .section-hint{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0 0 16px}.gst-preview{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding:16px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 4px)}.gst-preview-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.gst-preview-item .gst-label{font-size:.75rem;color:hsl(var(--muted-foreground))}.gst-preview-item .gst-value{font-size:1rem;font-weight:600;color:#16a249;font-family:JetBrains Mono,Fira Code,monospace}.coupon-management{padding:1.5rem}.coupon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.coupon-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.coupon-header p{margin:0;color:#666;font-size:.9rem}.coupon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.coupon-card{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.coupon-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.coupon-card.coupon-inactive{opacity:.7;background:#fafafa}.coupon-card.coupon-expired{opacity:.6;background:#f5f5f5}.coupon-card.coupon-exhausted{opacity:.6;background:#fff5f5}.coupon-card-header{position:relative;min-height:60px}.coupon-image{width:100%;height:140px;overflow:hidden}.coupon-image img{width:100%;height:100%;object-fit:cover}.coupon-actions{position:absolute;top:8px;right:8px;z-index:10}.btn-menu{width:32px;height:32px;border-radius:50%;background:#fffffff2;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;box-shadow:0 2px 4px #0000001a}.btn-menu:hover{background:#f5f5f5}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid #e0e0e0;min-width:160px;z-index:100;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:.875rem;color:#333;cursor:pointer;transition:background .15s;text-align:left}.dropdown-item:hover{background:#f5f5f5}.dropdown-item-destructive{color:#dc3545}.dropdown-item-destructive:hover{background:#fff5f5}.coupon-body{padding:1rem 1.25rem 1.25rem}.coupon-code-row{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.coupon-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:700;color:#7c3aed;background:linear-gradient(135deg,#f3e8ff,#ede9fe);padding:6px 12px;border-radius:6px;letter-spacing:1px;border:1px dashed #c4b5fd}.btn-copy{width:28px;height:28px;border-radius:6px;background:#f5f5f5;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:#666}.btn-copy:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}.coupon-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1a1a1a}.coupon-description{margin:0 0 1rem;font-size:.85rem;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.coupon-discount{display:flex;align-items:baseline;gap:8px;margin-bottom:.5rem}.discount-value{font-size:1.4rem;font-weight:700;color:#059669}.max-discount{font-size:.8rem;color:#666}.min-order{font-size:.8rem;color:#666;margin:0 0 1rem}.coupon-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.coupon-validity,.coupon-usage{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#666}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#f3f4f6;color:#6b7280}.status-upcoming{background:#dbeafe;color:#1d4ed8}.status-expired{background:#fee2e2;color:#dc2626}.status-exhausted{background:#fef3c7;color:#d97706}.empty{text-align:center;padding:4rem 2rem;color:#666;background:#fafafa;border-radius:12px;border:2px dashed #e0e0e0}.loading{text-align:center;padding:4rem;color:#666}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-sm{padding:8px 14px;font-size:.85rem}.coupon-form-container{max-width:700px;margin:0 auto;padding:1.5rem}.coupon-form-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.coupon-form-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.coupon-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:500;font-size:.9rem;color:#333}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:.8rem;color:#666;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.code-input-row{display:flex;gap:.5rem}.code-input-row input{flex:1;font-family:SF Mono,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:1px}.btn-generate{padding:10px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-generate:hover{background:#e0e0e0;color:#333}.image-upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:2rem;text-align:center;background:#fafafa;transition:all .2s}.image-upload-area:hover{border-color:#7c3aed;background:#f9f5ff}.upload-label{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;color:#666}.upload-label svg{color:#999}.upload-label:hover svg{color:#7c3aed}.file-input{display:none}.image-preview{position:relative;display:inline-block;max-width:100%}.image-preview img{max-width:100%;max-height:200px;border-radius:8px;border:1px solid #e0e0e0}.btn-remove-image{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:#dc3545;color:#fff;border:2px solid white;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:transform .2s}.btn-remove-image:hover{transform:scale(1.1)}.form-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.btn-primary{flex:1;padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#fff;color:#666;border:1px solid #e0e0e0;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f5f5f5;color:#333}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.success-message{background:#dcfce7;color:#166534;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.order-management{padding:1.5rem;max-width:1600px;margin:0 auto;background:hsl(var(--background))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.page-header>div:first-child{flex:1;min-width:0}.delivery-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;border-bottom:2px solid hsl(var(--border))}.delivery-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative;bottom:-2px}.delivery-tab:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .2)}.delivery-tab.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.tab-count{padding:.125rem .5rem;background:hsl(var(--muted));border-radius:9999px;font-size:.75rem;font-weight:500}.delivery-tab.active .tab-count{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.filters-bar{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:0 1px 3px #0000001a}.status-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;gap:.5rem;height:2.25rem;padding:.5rem 1rem;line-height:1.5;border:1px solid hsl(var(--border));background-color:hsl(var(--card));color:hsl(var(--foreground));text-transform:capitalize}.filter-btn:hover{background-color:hsl(var(--muted) / .3);border-color:hsl(var(--border))}.filter-btn.active:hover{background-color:hsl(var(--primary) / .9)}.orders-container{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:transparent}.orders-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:hsl(var(--muted-foreground));font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid hsl(var(--border));background:hsl(var(--muted) / .1)}.orders-table td{padding:1.125rem 1.25rem;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));font-size:.875rem;vertical-align:top}.order-row{cursor:pointer;transition:all .2s ease}.order-row:hover{background:hsl(var(--muted) / .3);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.orders-table tbody tr:hover{background:hsl(var(--muted) / .2)}.orders-table tbody tr:last-child td{border-bottom:none}.order-id{font-weight:500;color:hsl(var(--primary));font-family:monospace;font-size:.875rem}.order-items{display:flex;flex-direction:column;gap:.375rem}.order-item{font-size:.875rem;color:hsl(var(--foreground));line-height:1.4}.order-total{font-weight:600;color:hsl(var(--foreground))}.status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-block;color:#fff}.status-badge.status-delivered{background-color:#10b981;color:#fff}.status-badge.status-processing{background-color:#f59e0b;color:#fff}.status-badge.status-shipped{background-color:#3b82f6;color:#fff}.status-badge.status-cancelled{background-color:#ef4444;color:#fff}.order-address{max-width:250px;font-size:.875rem;color:hsl(var(--foreground));line-height:1.4}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.customer-phone{font-size:.75rem;color:hsl(var(--muted-foreground))}.vendor-info{display:flex;flex-direction:column;gap:.25rem}.vendor-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem}.vendor-id{font-size:.75rem;color:hsl(var(--muted-foreground));font-family:monospace}.no-vendor{font-size:.875rem;color:hsl(var(--muted-foreground));font-style:italic}.payment-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block;text-transform:uppercase;letter-spacing:.05em}.payment-badge.payment-cod{background-color:#f59e0b;color:#fff}.payment-badge.payment-online{background-color:#10b981;color:#fff}.payment-badge:not(.payment-cod):not(.payment-online){background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.summary-card h3{font-size:2rem;font-weight:700;color:hsl(var(--primary));margin:0 0 .5rem;line-height:1.2;letter-spacing:-.025em}.summary-card p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.loading,.error{text-align:center;padding:2.5rem;color:hsl(var(--muted-foreground));font-size:.875rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:hsl(var(--card));border-radius:var(--radius);box-shadow:0 10px 25px #0003;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsl(var(--border));position:sticky;top:0;background:hsl(var(--card));z-index:10}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:-.025em}.modal-close-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));transition:all .2s ease}.modal-close-btn:hover{background:hsl(var(--muted) / .3);color:hsl(var(--foreground))}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid hsl(var(--border))}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-label{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:hsl(var(--muted) / .2);border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border))}.item-details{flex:1}.item-name{font-weight:600;color:hsl(var(--foreground));font-size:.875rem;margin-bottom:.375rem}.item-meta{font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.5}.item-total{font-weight:700;color:hsl(var(--foreground));font-size:1rem;margin-left:1rem}.address-block{padding:1rem;background:hsl(var(--muted) / .2);border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));font-size:.875rem;color:hsl(var(--foreground));line-height:1.6;white-space:pre-line}.total-section{background:hsl(var(--primary) / .1);border:2px solid hsl(var(--primary));border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem}.total-row{display:flex;justify-content:space-between;align-items:center}.total-label{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.total-amount{font-size:1.5rem;font-weight:700;color:hsl(var(--primary))}.modal-footer{padding:1.5rem;border-top:1px solid hsl(var(--border));display:flex;justify-content:flex-end;gap:.75rem;position:sticky;bottom:0;background:hsl(var(--card));z-index:10}.btn-primary{padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary.btn-sm{padding:.5rem 1rem;font-size:.8125rem}@media (max-width: 1024px){.orders-table{font-size:.8125rem}.orders-table th,.orders-table td{padding:.75rem .5rem}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.rating-display{display:flex;align-items:center;gap:.5rem}.rating-stars{color:#ffb800;font-size:.875rem;letter-spacing:.1em}.rating-value{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.no-rating{color:hsl(var(--muted-foreground));font-style:italic;font-size:.875rem}.rating-details{display:flex;flex-direction:column;gap:1.5rem}.rating-summary{background:hsl(var(--muted) / .2);border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:1rem}.rating-overall{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.rating-label{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));min-width:100px}.rating-stars-large{color:#ffb800;font-size:1.25rem;letter-spacing:.1em}.rating-numeric{font-size:1.125rem;font-weight:700;color:hsl(var(--foreground))}.rating-date{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.5rem}.rating-items{background:hsl(var(--muted) / .1);border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:1rem}.rating-items h4{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .75rem}.rating-items-list{display:flex;flex-direction:column;gap:.5rem}.rating-item-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:hsl(var(--card));border-radius:calc(var(--radius) - 2px)}.rating-item-name{flex:1;font-size:.875rem;color:hsl(var(--foreground));font-weight:500}.rating-item-stars{color:#ffb800;font-size:.875rem;letter-spacing:.1em}.rating-item-value{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));min-width:40px;text-align:right}.rating-delivery{background:hsl(var(--muted) / .1);border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:1rem}.rating-delivery h4{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .75rem}.rating-delivery-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:hsl(var(--card));border-radius:calc(var(--radius) - 2px)}.rating-delivery-label{font-size:.875rem;color:hsl(var(--foreground));font-weight:500;min-width:80px}.rating-delivery-stars{color:#ffb800;font-size:.875rem;letter-spacing:.1em}.rating-delivery-value{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));min-width:40px;text-align:right}.rating-feedback{background:hsl(var(--muted) / .1);border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:1rem}.rating-feedback h4{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .75rem}.rating-feedback-text{font-size:.875rem;color:hsl(var(--foreground));line-height:1.6;padding:.75rem;background:hsl(var(--card));border-radius:calc(var(--radius) - 2px);white-space:pre-wrap}.status-workflow{margin-top:1rem}.workflow-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-status{padding:.625rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-status:hover:not(:disabled){background:hsl(var(--primary) / .9)}.btn-status:disabled{opacity:.6;cursor:not-allowed}.btn-status.btn-secondary{background:hsl(var(--muted));color:hsl(var(--foreground))}.btn-status.btn-secondary:hover:not(:disabled){background:hsl(var(--muted) / .8)}.btn-secondary{padding:.625rem 1.25rem;background:hsl(var(--muted));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:hsl(var(--muted) / .8)}@media (max-width: 768px){.order-management{padding:1rem}.filters-bar{flex-direction:column;align-items:stretch}.search-bar{min-width:100%}.status-filters{width:100%;justify-content:flex-start}.orders-table{font-size:.75rem;min-width:800px}.orders-table th,.orders-table td{padding:.5rem}.summary-stats{grid-template-columns:1fr}}.user-management{padding:1.5rem;max-width:1600px;margin:0 auto;background:hsl(var(--background))}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:hsl(var(--muted) / .3);border-bottom:1px solid hsl(var(--border))}.users-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:1.5rem}.users-table th.sortable:hover{color:hsl(var(--foreground))}.users-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s ease}.users-table tbody tr:hover{background:hsl(var(--muted) / .2)}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:1rem;font-size:.875rem;color:hsl(var(--foreground));vertical-align:middle}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:2rem;height:2rem;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.user-name-text{font-weight:500;color:hsl(var(--foreground))}.users-table td:nth-child(3){color:hsl(var(--foreground))}.user-type-badge{display:inline-block;padding:.25rem .75rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}@media (max-width: 1024px){.users-table{font-size:.8125rem}.users-table th,.users-table td{padding:.75rem .5rem}}@media (max-width: 768px){.user-management{padding:1rem}.filters-section{flex-direction:column;align-items:stretch}.search-bar{min-width:100%}.filter-group{width:100%}.filter-select{flex:1;min-width:0}.table-container{overflow-x:auto}.users-table{min-width:800px}}.vendor-management{padding:1.5rem;max-width:1600px;margin:0 auto;background:hsl(var(--background))}.search-icon svg{width:1rem;height:1rem}.filter-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;font-size:.875rem;background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);color:hsl(var(--foreground));cursor:pointer;transition:all .2s ease;min-width:120px}.filter-select:hover{border-color:hsl(var(--ring))}.filter-select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.vendors-table{width:100%;border-collapse:collapse}.vendors-table thead{background:hsl(var(--muted) / .3);border-bottom:1px solid hsl(var(--border))}.vendors-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.vendors-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:1.5rem}.vendors-table th.sortable:hover{color:hsl(var(--foreground))}.sort-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:hsl(var(--primary))}.vendors-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s ease}.vendors-table tbody tr.vendor-row{cursor:pointer}.vendors-table tbody tr:hover{background:hsl(var(--muted) / .2)}.vendors-table tbody tr:last-child{border-bottom:none}.vendors-table td{padding:1rem;font-size:.875rem;color:hsl(var(--foreground));vertical-align:middle}.vendor-avatar-small{width:2rem;height:2rem;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.vendor-name-text{font-weight:500;color:hsl(var(--foreground))}.email-text{color:hsl(var(--foreground))}.email-placeholder{color:hsl(var(--muted-foreground));font-style:italic}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.approved{background:#16a2491a;color:#16a249}.kyc-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.kyc-badge.approved{background:#16a2491a;color:#16a249}.kyc-badge.pending{background:#f59f0a1a;color:#f59f0a}.date-cell{display:flex;align-items:center;gap:.5rem;color:hsl(var(--foreground))}.calendar-icon{color:hsl(var(--muted-foreground));flex-shrink:0}.view-link{background:none;border:none;color:hsl(var(--primary));font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:color .2s ease}.view-link:hover{color:hsl(var(--primary) / .8);text-decoration:underline}.loading-cell,.empty-cell,.loading,.error{text-align:center;padding:2.5rem;color:hsl(var(--muted-foreground));font-size:.875rem}@media (max-width: 1024px){.vendors-table{font-size:.8125rem}.vendors-table th,.vendors-table td{padding:.75rem .5rem}}@media (max-width: 768px){.vendor-management{padding:1rem}.filters-section{flex-direction:column;align-items:stretch}.search-bar{min-width:100%}.filter-group{width:100%}.filter-select{flex:1;min-width:0}.table-container{overflow-x:auto}.vendors-table{min-width:1000px}}.vendor-detail{padding:1.5rem;max-width:1400px;margin:0 auto;background:hsl(var(--background))}.vendor-detail-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);color:hsl(var(--foreground));font-size:.875rem;cursor:pointer;margin-bottom:1rem;transition:all .2s ease}.back-button:hover{background:hsl(var(--muted));border-color:hsl(var(--ring))}.header-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-actions h1{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0;letter-spacing:-.025em}.action-buttons{display:flex;gap:.75rem}.btn-success{padding:.625rem 1.25rem;background:#16a249;color:#fff;border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-success:hover:not(:disabled){background:#149041}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:.625rem 1.25rem;background:hsl(var(--destructive));color:#fff;border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:hsl(var(--destructive) / .9)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.625rem 1.25rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:hsl(var(--secondary) / .8)}.vendor-detail-content{display:flex;flex-direction:column;gap:1.5rem}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 2px #0000000d}.status-card-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.status-card-value{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground))}.detail-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 2px #0000000d}.detail-section h2{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border))}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-weight:500}.info-value{font-size:.875rem;color:hsl(var(--foreground));font-weight:500}.status-badge,.kyc-badge{display:inline-block;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.status-badge.approved,.kyc-badge.approved{background:#16a2491a;color:#16a249}.status-badge.pending,.kyc-badge.pending{background:#f59f0a1a;color:#f59f0a}.kyc-badge.submitted{background:#3c83f61a;color:#3c83f6}.kyc-badge.rejected{background:#ef43431a;color:#ef4343}.categories-list{display:flex;flex-wrap:wrap;gap:.75rem}.category-badge{padding:.5rem 1rem;background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500}.products-table-container{overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:hsl(var(--muted) / .3);border-bottom:1px solid hsl(var(--border))}.products-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.products-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s ease}.products-table tbody tr:hover{background:hsl(var(--muted) / .2)}.products-table tbody tr:last-child{border-bottom:none}.products-table td{padding:1rem;font-size:.875rem;color:hsl(var(--foreground));vertical-align:middle}.product-cell{display:flex;align-items:center;gap:.75rem}.product-image-small{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border))}.stock-in{color:#16a249;font-weight:600}.stock-out{color:hsl(var(--destructive));font-weight:600}.status-available{color:#16a249;font-weight:500}.status-unavailable{color:hsl(var(--muted-foreground));font-weight:500}.empty-message{color:hsl(var(--muted-foreground));font-size:.875rem;padding:1rem;text-align:center}.loading,.error{text-align:center;padding:3rem;color:hsl(var(--muted-foreground));font-size:.875rem}.vendor-products-list{display:flex;flex-direction:column;gap:1.5rem}.vendor-product-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 2px #0000000d}.vendor-product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.vendor-product-info{display:flex;align-items:center;gap:1rem;flex:1}.vendor-product-info h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem}.product-zone{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.vendor-product-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.custom-price-badge{padding:.25rem .75rem;background:#16a2491a;color:#16a249;border-radius:9999px;font-size:.75rem;font-weight:600}.variants-table-container{overflow-x:auto;margin:1rem 0}.variants-table{width:100%;border-collapse:collapse;font-size:.875rem}.variants-table thead{background:hsl(var(--muted) / .3);border-bottom:1px solid hsl(var(--border))}.variants-table th{padding:.75rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.variants-table tbody tr{border-bottom:1px solid hsl(var(--border))}.variants-table tbody tr:hover{background:hsl(var(--muted) / .2)}.variants-table tbody tr.has-custom-price{background:#16a2490d}.variants-table td{padding:.875rem 1rem;color:hsl(var(--foreground));vertical-align:middle}.admin-price{color:hsl(var(--muted-foreground));font-weight:500}.vendor-price{font-weight:600;display:flex;align-items:center;gap:.5rem}.vendor-price.custom{color:#16a249}.vendor-price.default{color:hsl(var(--muted-foreground));font-weight:400}.no-custom-price{font-style:italic;font-size:.8125rem}.price-change-indicator{font-size:.75rem;font-weight:700}.vendor-product-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.product-stock-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.stock-label{color:hsl(var(--muted-foreground));font-weight:500}.stock-threshold{color:hsl(var(--muted-foreground));font-size:.8125rem}.commission-settings{display:flex;flex-direction:column;gap:1rem}.commission-display{display:flex;flex-direction:column;gap:.5rem}.commission-label{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-weight:500}.commission-view{display:flex;align-items:center;gap:1rem}.commission-value{font-size:2rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:-.025em}.btn-edit-commission{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit-commission:hover{background:hsl(var(--muted));border-color:hsl(var(--ring))}.commission-edit{display:flex;align-items:center;gap:.5rem}.commission-input{width:80px;padding:.5rem .75rem;font-size:1.25rem;font-weight:600;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));color:hsl(var(--foreground));text-align:center;transition:all .2s ease}.commission-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.commission-suffix{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.btn-save-commission{padding:.5rem 1rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save-commission:hover:not(:disabled){background:hsl(var(--primary) / .9)}.btn-save-commission:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-commission{padding:.5rem 1rem;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel-commission:hover{background:hsl(var(--muted))}.commission-note{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.approval-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.approval-modal{background:hsl(var(--card));border-radius:var(--radius);width:100%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.approval-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border))}.approval-modal-header h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0}.modal-close{background:none;border:none;padding:.25rem;cursor:pointer;color:hsl(var(--muted-foreground));border-radius:calc(var(--radius) - 2px);transition:all .15s ease}.modal-close:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.approval-modal-body{padding:1.5rem}.approval-vendor-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsl(var(--muted) / .3);border-radius:calc(var(--radius) - 2px);margin-bottom:1.5rem}.approval-vendor-avatar{width:3rem;height:3rem;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.approval-vendor-details h4{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem}.approval-vendor-details p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.approval-commission-section{margin-bottom:1rem}.approval-commission-label{display:block;font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.375rem}.approval-commission-desc{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0 0 1rem;line-height:1.5}.approval-commission-input-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.approval-commission-input{width:100px;padding:.75rem 1rem;font-size:1.5rem;font-weight:600;border:2px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));color:hsl(var(--foreground));text-align:center;transition:all .2s ease}.approval-commission-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .2)}.approval-commission-suffix{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground))}.commission-presets{display:flex;gap:.5rem}.commission-preset-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .15s ease}.commission-preset-btn:hover{background:hsl(var(--muted));border-color:hsl(var(--ring))}.commission-preset-btn.active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.approval-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .2);border-radius:0 0 var(--radius) var(--radius)}.approval-modal-footer .btn-cancel{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .15s ease}.approval-modal-footer .btn-cancel:hover{background:hsl(var(--muted))}.approval-modal-footer .btn-approve{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;background:#16a249;color:#fff;border:none;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .15s ease}.approval-modal-footer .btn-approve:hover:not(:disabled){background:#149041}.approval-modal-footer .btn-approve:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.vendor-detail{padding:1rem}.header-actions{flex-direction:column;align-items:flex-start}.status-cards,.info-grid{grid-template-columns:1fr}.vendor-product-header{flex-direction:column;gap:1rem}.vendor-product-meta{align-items:flex-start}.variants-table{min-width:500px}}.vendor-payments{padding:1.5rem;max-width:1600px;margin:0 auto;background:hsl(var(--background))}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.875rem;color:hsl(var(--foreground));margin:0 0 .5rem;font-weight:700;letter-spacing:-.025em}.page-header p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem;line-height:1.5}.summary-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.summary-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:.375rem;min-width:140px}.summary-card.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important}.summary-card-label{font-size:.75rem;color:#64748b!important;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.summary-card-value{font-size:1.375rem;font-weight:700;color:#1e293b!important;letter-spacing:-.025em;white-space:nowrap}.summary-card-value.positive{color:#059669!important}.summary-card-value.warning{color:#d97706!important}.tabs-container{margin-bottom:1.5rem}.tabs{display:flex;gap:.5rem;border-bottom:1px solid hsl(var(--border));padding-bottom:0}.tab-btn{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.tab-btn:hover{color:hsl(var(--foreground))}.tab-btn.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary))}.filters-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:0 1px 2px #0000000d}.search-icon{margin-right:.75rem;color:hsl(var(--muted-foreground));display:flex;align-items:center;flex-shrink:0}.table-container{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #0000000d}.earnings-table,.settlements-table{width:100%;border-collapse:collapse}.earnings-table thead,.settlements-table thead{background:hsl(var(--muted) / .3);border-bottom:1px solid hsl(var(--border))}.earnings-table th,.settlements-table th{padding:.875rem 1rem;text-align:left;font-size:.8125rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.earnings-table th.sortable,.settlements-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.earnings-table th.sortable:hover,.settlements-table th.sortable:hover{color:hsl(var(--foreground))}.earnings-table tbody tr,.settlements-table tbody tr{border-bottom:1px solid hsl(var(--border));transition:background-color .15s ease}.earnings-table tbody tr:hover,.settlements-table tbody tr:hover{background:hsl(var(--muted) / .2)}.earnings-table tbody tr:last-child,.settlements-table tbody tr:last-child{border-bottom:none}.earnings-table td,.settlements-table td{padding:1rem;font-size:.875rem;color:hsl(var(--foreground));vertical-align:middle}.text-right{text-align:right}.vendor-cell{display:flex;align-items:center;gap:.75rem}.vendor-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.vendor-info{display:flex;flex-direction:column;gap:.125rem}.vendor-name{font-weight:500;color:hsl(var(--foreground))}.vendor-business{font-size:.75rem;color:hsl(var(--muted-foreground))}.commission-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;background:hsl(var(--muted) / .5);border-radius:9999px;font-size:.75rem;font-weight:600;color:hsl(var(--foreground))}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.status-badge.pending{background:#f59f0a1a;color:#f59f0a}.status-badge.processing{background:#3c83f61a;color:#3c83f6}.status-badge.paid{background:#16a2491a;color:#16a249}.action-buttons{display:flex;gap:.5rem}.btn-action{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-action.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-action.primary:hover{background:hsl(var(--primary) / .9)}.btn-action.secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.btn-action.secondary:hover{background:hsl(var(--muted))}.btn-action:disabled{opacity:.5;cursor:not-allowed}.loading-cell,.empty-cell{text-align:center;padding:2.5rem;color:hsl(var(--muted-foreground));font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:hsl(var(--muted-foreground))}.error-state{text-align:center;padding:2.5rem;color:hsl(var(--destructive));font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:hsl(var(--card));border-radius:var(--radius);padding:1.5rem;max-width:500px;width:90%;box-shadow:0 10px 25px #0003}.modal-header{margin-bottom:1.25rem}.modal-header h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .25rem}.modal-header p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.modal-body{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));color:hsl(var(--foreground));transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.modal-footer button{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .2s ease}.modal-footer .btn-cancel{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.modal-footer .btn-cancel:hover{background:hsl(var(--muted))}.modal-footer .btn-confirm{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none}.modal-footer .btn-confirm:hover{background:hsl(var(--primary) / .9)}@media (max-width: 1024px){.earnings-table,.settlements-table{font-size:.8125rem}}@media (max-width: 768px){.vendor-payments{padding:1rem}.summary-cards{flex-direction:column}.summary-card{width:100%;justify-content:space-between}.filters-section{flex-direction:column;align-items:stretch}.search-bar{min-width:100%}.table-container{overflow-x:auto}.earnings-table,.settlements-table{min-width:900px}}.stock-management{padding:2rem;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.page-header h1{font-size:1.875rem;color:hsl(var(--foreground));margin:0 0 .5rem;font-weight:600;letter-spacing:-.025em}.page-header p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem}.stock-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stock-stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;text-align:center;border-left:3px solid}.stock-stat-card.stat-success{border-left-color:#16a249}.stock-stat-card.stat-warning{border-left-color:#f59f0a}.stock-stat-card.stat-danger{border-left-color:hsl(var(--destructive))}.stock-stat-card h3{font-size:1.875rem;font-weight:600;margin:0 0 .5rem;color:hsl(var(--foreground))}.stock-stat-card p{color:hsl(var(--muted-foreground));margin:0;font-size:.875rem;font-weight:500}.filters-bar{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.search-bar{flex:1;min-width:300px;display:flex;align-items:center;background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);padding:0 .875rem;transition:all .2s ease}.search-bar:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.search-icon{margin-right:.75rem;color:hsl(var(--muted-foreground))}.search-input{flex:1;border:none;outline:none;padding:.625rem 0;font-size:.875rem;background:transparent;color:hsl(var(--foreground))}.search-input::placeholder{color:hsl(var(--muted-foreground))}.status-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;border:1px solid hsl(var(--border));background-color:transparent;color:hsl(var(--foreground))}.filter-btn:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.filter-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.filter-btn.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.filter-btn:disabled{pointer-events:none;opacity:.5}.stock-table-container{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;overflow-x:auto;box-shadow:0 1px 2px #0000000d}.stock-table{width:100%;border-collapse:collapse}.stock-table thead{background:transparent}.stock-table th{padding:.75rem;text-align:left;font-weight:500;color:hsl(var(--muted-foreground));font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid hsl(var(--border))}.stock-table td{padding:1rem .75rem;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:.875rem}.stock-table tbody tr:hover{background:hsl(var(--muted) / .3)}.product-cell{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:500;color:hsl(var(--foreground))}.product-id{font-size:.75rem;color:hsl(var(--muted-foreground));font-family:monospace}.product-price{font-weight:600;color:hsl(var(--primary))}.status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.status-in-stock{background:#16a2491a;color:#16a249}.status-badge.status-low-stock{background:#f59f0a1a;color:#f59f0a}.status-badge.status-out-of-stock{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.edit-actions{display:flex;gap:.5rem;align-items:center}.status-select{padding:.375rem .625rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;cursor:pointer;background:hsl(var(--background));color:hsl(var(--foreground))}.status-select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.btn-edit,.btn-save,.btn-cancel{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.25rem;padding:.375rem 1rem;line-height:1.5;border:1px solid transparent}.btn-edit{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-edit:hover{background-color:hsl(var(--primary) / .9)}.btn-edit:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-edit:disabled{pointer-events:none;opacity:.5}.btn-save{background-color:#16a249;color:#fff}.btn-save:hover{background-color:#16a249e6}.btn-save:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-save:disabled{pointer-events:none;opacity:.5}.btn-cancel{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-cancel:hover{background-color:hsl(var(--secondary) / .8)}.btn-cancel:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-cancel:disabled{pointer-events:none;opacity:.5}.empty-state,.loading,.error{text-align:center;padding:2.5rem;color:hsl(var(--muted-foreground));font-size:.875rem}.error{color:hsl(var(--destructive))}@media (max-width: 768px){.stock-management{padding:1rem}.stock-table{font-size:.75rem}.stock-table th,.stock-table td{padding:.5rem}.edit-actions{flex-direction:column}}.unit-management{width:100%;padding:24px}.unit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.unit-header h2{margin:0 0 8px;font-size:1.5rem;font-weight:600}.unit-header p{margin:0;color:hsl(var(--muted-foreground));font-size:.875rem}.unit-form-container{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:24px;margin-bottom:24px}.unit-form-container h3{margin:0 0 20px;font-size:1.25rem;font-weight:600}.unit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.form-group input[type=text]{padding:.625rem .875rem;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:.875rem;background:hsl(var(--background));color:hsl(var(--foreground));transition:border-color .2s}.form-group input[type=text]:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-actions{display:flex;gap:12px;margin-top:8px}.unit-table-container{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);overflow:hidden}.unit-table{width:100%;border-collapse:collapse}.unit-table thead{background:hsl(var(--muted))}.unit-table th{padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.unit-table td{padding:12px 16px;font-size:.875rem;color:hsl(var(--foreground));border-top:1px solid hsl(var(--border))}.unit-table tbody tr:hover{background:hsl(var(--muted) / .5)}.unit-table tbody tr.inactive{opacity:.6}.status-badge{display:inline-block;padding:4px 8px;border-radius:calc(var(--radius) - 4px);font-size:.75rem;font-weight:500}.status-badge.active{background:#16a2491a;color:#16a249}.status-badge.inactive{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.action-buttons{display:flex;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 4px);background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;transition:all .2s}.btn-icon:hover{background:hsl(var(--muted));border-color:hsl(var(--ring))}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon-danger{color:#ef4343}.btn-icon-danger:hover{background:#ef43431a;border-color:#ef4343}.empty{text-align:center;padding:48px 24px;color:hsl(var(--muted-foreground));font-size:.875rem}.loading{text-align:center;padding:48px 24px;color:hsl(var(--muted-foreground))}.error-message{background:#ef43431a;border:1px solid hsl(0 84% 60%);color:#ef4343;padding:12px 16px;border-radius:calc(var(--radius) - 2px);margin-bottom:16px;font-size:.875rem}.success-message{background:#16a2491a;border:1px solid hsl(142 76% 36%);color:#16a249;padding:12px 16px;border-radius:calc(var(--radius) - 2px);margin-bottom:16px;font-size:.875rem}.btn-primary,.btn-secondary{padding:.625rem 1rem;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background:hsl(var(--primary) / .9)}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover{background:hsl(var(--secondary) / .9)}.btn-sm{padding:.5rem .875rem;font-size:.8125rem}.delivery-settings{padding:2rem;max-width:1200px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem}.settings-subtitle{color:#666;font-size:.95rem;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:1.5rem}.settings-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #eee}.section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon.delivery-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.section-icon.labor-icon{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.section-header h2{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 .25rem}.section-header p{font-size:.85rem;color:#888;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;font-weight:500;color:#333}.form-group input{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#aaa}.field-hint{font-size:.75rem;color:#888}.radio-group{display:flex;gap:1rem}.radio-option{flex:1;display:flex;align-items:center;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#ccc}.radio-option.selected{border-color:#667eea;background:#667eea0d}.radio-option input{display:none}.radio-content{display:flex;flex-direction:column;gap:.25rem}.radio-title{font-weight:600;color:#333;font-size:.9rem}.radio-desc{font-size:.75rem;color:#888}.summary-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;color:#fff}.summary-card h3{font-size:1rem;font-weight:600;margin:0 0 1rem;opacity:.9}.summary-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.25rem;font-weight:700}.summary-value.highlight{color:#4ade80}.settings-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#eee}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#666}.spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.settings-grid,.form-grid{grid-template-columns:1fr}.radio-group,.settings-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.app{display:flex;min-height:100vh;background:hsl(var(--background))}.sidebar{width:260px;background:hsl(var(--card));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid hsl(var(--border))}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-image{width:100%;height:100%;object-fit:contain}.logo-container-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffc107;border-radius:8px;min-width:50px;height:56px;padding:0 .5rem;gap:2px}.logo-container-mobile svg{width:24px;height:24px;fill:#000}.logo-text-mobile{font-size:8px;font-weight:700;color:#000;margin-top:1px;line-height:1}.delivery-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#4caf50;border-radius:8px;min-width:50px;height:56px;padding:.5rem 1rem;gap:0}.delivery-badge-number{color:#fff;font-size:20px;font-weight:700;line-height:24px}.delivery-badge-text{color:#fff;font-size:11px;font-weight:600;line-height:14px}.logo-text h1{font-size:1.25rem;font-weight:600;margin:0;line-height:1.2;color:hsl(var(--foreground))}.logo-text p{font-size:.75rem;color:hsl(var(--muted-foreground));margin:.25rem 0 0}.sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:none;border:none;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;border-radius:calc(var(--radius) - 2px)}.nav-item:hover,.nav-item.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.nav-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:1rem;height:1rem}.nav-badge{margin-left:auto;background:#16a249;color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.nav-badge.order-badge{background:#ef4444;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid hsl(var(--border))}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-name{font-weight:500;margin:0;font-size:.875rem;color:hsl(var(--foreground))}.user-role{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}.main-content{flex:1;margin-left:260px;min-height:100vh;background:#fafafa}.content-wrapper{width:100%}.view-container{padding:2rem;max-width:1400px;margin:0 auto}.view-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.view-header>div:first-child{flex:1;min-width:0}.view-header h1{font-size:1.875rem;color:hsl(var(--foreground));font-weight:600;margin:0;letter-spacing:-.025em}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid transparent}.btn-primary:hover{background-color:hsl(var(--primary) / .9)}.btn-primary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-primary:disabled{pointer-events:none;opacity:.5}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid transparent}.btn-secondary:hover{background-color:hsl(var(--secondary) / .8)}.btn-secondary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-secondary:disabled{pointer-events:none;opacity:.5}.btn-sm{height:2rem;padding:.375rem .75rem;font-size:.8125rem;gap:.375rem;width:auto!important;flex:none!important;white-space:nowrap}.btn-sm svg{width:14px;height:14px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;border:1px solid hsl(var(--border));background-color:transparent;color:hsl(var(--foreground))}.btn-outline:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-outline:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-outline:disabled{pointer-events:none;opacity:.5}.btn-destructive{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:1px solid transparent}.btn-destructive:hover{background-color:hsl(var(--destructive) / .9)}.btn-destructive:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-destructive:disabled{pointer-events:none;opacity:.5}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:colors .2s ease;cursor:pointer;gap:.5rem;height:2.5rem;padding:.5rem 1rem;line-height:1.5;background-color:transparent;color:hsl(var(--foreground));border:1px solid transparent}.btn-ghost:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-ghost:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-ghost:disabled{pointer-events:none;opacity:.5}@media (max-width: 968px){.sidebar{width:70px}.sidebar-header .logo-text,.nav-item span:not(.nav-icon),.user-details{display:none}.main-content{margin-left:70px}.view-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.view-container{padding:1rem}}.shimmer-container{position:relative;overflow:hidden}.shimmer{position:absolute;top:-50px;left:-50px;width:80px;height:200px;background:#fff6;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}:root{--background: 0 0% 100%;--foreground: 222.2 47.4% 11.2%;--card: 0 0% 100%;--card-foreground: 222.2 47.4% 11.2%;--popover: 0 0% 100%;--popover-foreground: 222.2 47.4% 11.2%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:hsl(var(--foreground));line-height:1.5;font-size:.875rem}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}