:root{--color-brand-primary: #1B6B4A;--color-brand-primary-dark: #0D4A33;--color-brand-accent: #FF6B00;--color-secondary-accent: #24916A;--color-neutral-base: #F6F7FB;--color-dark-contrast: #1A1A2E;--color-success: #1B6B4A;--color-danger: #DC2626;--color-info: #2D2D44;--color-warning: #D08700;--color-background: #F6F7FB;--color-background-section: #EDEDF4;--color-text-heading: #1A1A2E;--color-text-body: #4A4A68;--color-border: #E2E2EF;--brand-primary: var(--color-brand-primary);--brand-primary-dark: var(--color-brand-primary-dark);--brand-accent: var(--color-brand-accent);--brand-accent-dark: #CC4400;--brand-success: var(--color-success);--brand-success-dark: #14553a;--brand-warning: var(--color-warning);--brand-danger: var(--color-danger);--brand-danger-dark: #B91C1C;--brand-info: var(--color-info);--color-bg-main: var(--color-background);--color-bg-section: var(--color-background-section);--color-bg-card: #FFFFFF;--color-bg-soft: #EDEDF4;--color-bg-surface: var(--color-background-section);--background-gradient: linear-gradient(180deg, #F6F7FB 0%, #EDEDF4 100%);--card-gradient: linear-gradient(180deg, #FFFFFF 0%, #EDEDF4 100%);--primary-gradient: linear-gradient(135deg, #1B6B4A 0%, #0D4A33 100%);--secondary-gradient: linear-gradient(135deg, #FF6B00 0%, #CC4400 100%);--primary-dark: #0D4A33;--secondary-dark: #CC4400;--text-heading: var(--color-text-heading);--text-body: var(--color-text-body);--text-primary: var(--color-text-body);--text-secondary: #4A4A68;--text-muted: #9090AE;--text-hint: #C0C0D8;--text-inverse: #ffffff;--text-light: #EDEDF4;--color-border-strong: #9090AE;--brand-tint: rgba(27, 107, 74, .12);--accent-tint: rgba(255, 107, 0, .12);--success-tint: rgba(27, 107, 74, .14);--danger-tint: rgba(220, 38, 38, .12);--info-tint: rgba(45, 45, 68, .1);--warning-tint: rgba(208, 135, 0, .12);--overlay-light: rgba(255, 255, 255, .16);--overlay-light-strong: rgba(255, 255, 255, .28);--overlay-light-stronger: rgba(255, 255, 255, .42);--overlay-dark: rgba(15, 23, 42, .2);--overlay-dark-strong: rgba(15, 23, 42, .35);--overlay-dark-stronger: rgba(15, 23, 42, .55);--glass-bg: rgba(255, 255, 255, .75);--color-bg-main-dark: #0D0D1A;--color-bg-card-dark: #1A1A2E;--color-bg-section-dark: #1A1A2E;--text-heading-dark: #F0F0F8;--text-muted-dark: #A0A0C0;--color-border-dark: #2D2D44;--ds-radius-xs: 6px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-pill: 999px;--ds-radius-card: var(--ds-radius-md);--ds-radius-btn: var(--ds-radius-sm);--ds-radius-input: var(--ds-radius-sm);--radius-xs: var(--ds-radius-xs);--radius-sm: var(--ds-radius-sm);--radius-md: var(--ds-radius-md);--radius-lg: var(--ds-radius-lg);--radius-pill: var(--ds-radius-pill);--radius-card: var(--ds-radius-card);--radius-btn: var(--ds-radius-btn);--radius-input: var(--ds-radius-input);--ds-shadow-soft: 0 2px 8px rgba(15, 23, 42, .08);--ds-shadow-card: 0 6px 16px rgba(15, 23, 42, .08);--ds-shadow-hover: 0 12px 30px rgba(15, 23, 42, .18);--shadow-soft: var(--ds-shadow-soft);--shadow-card: var(--ds-shadow-card);--shadow-hover: var(--ds-shadow-hover);--ds-btn-height: 42px;--ds-btn-height-lg: 48px;--ds-btn-padding-x: 20px;--ds-btn-font: 600;--ds-input-height: 42px;--ds-input-radius: var(--ds-radius-sm);--btn-height: var(--ds-btn-height);--btn-height-lg: var(--ds-btn-height-lg);--btn-padding-x: var(--ds-btn-padding-x);--btn-font: var(--ds-btn-font);--input-height: var(--ds-input-height);--input-radius: var(--ds-input-radius);--input-font: 14px;--input-group-gap: 14px;--helper-text-gap: 12px;--helper-text-size: .92rem;--content-space: 24px;--glass-border: rgba(27, 107, 74, .16);--ds-focus-ring: 0 0 0 3px rgba(255, 107, 0, .35);--ds-focus-outline: 3px solid rgba(255, 107, 0, .45);--focus-ring: var(--ds-focus-ring);--focus-outline: var(--ds-focus-outline)}.admin-theme{--color-accent-primary: #1A1A2E;--color-accent-secondary: #1B6B4A}*,*:before,*:after{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ds-section{margin-block:var(--section-space)}.ds-section--tight{margin-block:var(--section-space-tight)}.ds-section--loose{margin-block:var(--section-space-loose)}.ds-stack>*+*{margin-top:var(--stack-gap)}.bk-section{margin-block:var(--section-space)}.bk-section--tight{margin-block:var(--section-space-tight)}.bk-section--loose{margin-block:var(--section-space-loose)}.bk-stack>*+*{margin-top:var(--stack-gap)}.bk-page>*{margin-block:var(--section-space)}.bk-page .bk-section,.bk-page .bk-section--tight,.bk-page .bk-section--loose{margin-block:0}.bk-page>*:first-child{margin-top:0}.bk-page>*:last-child{margin-bottom:0}@media (max-width: 640px){:root{--section-space: var(--space-6);--section-space-tight: var(--space-4);--section-space-loose: var(--space-7);--content-space: var(--space-5);--stack-gap: var(--space-3)}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-height);padding-inline:var(--btn-padding-x);border-radius:var(--radius-btn);font-weight:var(--btn-font);cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-height);padding:0 var(--btn-padding-x);border:none;border-radius:var(--radius-btn);font-weight:var(--btn-font);cursor:pointer;transition:all .2s ease;font-size:14px}.ds-btn:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.ds-btn-primary{background:var(--brand-accent);color:var(--text-heading)}.ds-btn-primary:hover{background:var(--brand-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.ds-btn-secondary{background:var(--brand-primary);color:var(--text-inverse)}.ds-btn-secondary:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.ds-btn-outline{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.ds-btn-outline:hover{background:var(--brand-tint);transform:translateY(-1px)}.ds-btn:disabled,.ds-btn[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary,.btn-secondary,.btn-accent,.btn-success,.btn-highlight,.btn-warning,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-height);padding:0 var(--btn-padding-x);border:none;border-radius:var(--radius-btn);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--btn-primary-bg-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);box-shadow:var(--shadow-soft)}.btn-secondary:hover{background:var(--btn-secondary-bg-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-accent,.btn-success{background:var(--btn-success-bg);color:var(--btn-success-fg);box-shadow:var(--shadow-soft)}.btn-accent:hover,.btn-success:hover{background:var(--btn-success-bg-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-highlight,.btn-warning{background:var(--btn-warning-bg);color:var(--btn-warning-fg);box-shadow:var(--shadow-soft)}.btn-highlight:hover,.btn-warning:hover{background:var(--btn-warning-bg-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-fg);box-shadow:var(--shadow-soft)}.btn-danger:hover{background:var(--btn-danger-bg-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-accent:focus-visible,.btn-success:focus-visible,.btn-highlight:focus-visible,.btn-warning:focus-visible,.btn-danger:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.btn-primary:disabled,.btn-secondary:disabled,.btn-accent:disabled,.btn-success:disabled,.btn-highlight:disabled,.btn-warning:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.send-button,.admin-send-button,.delivery-send-button{height:var(--btn-height);padding:0 var(--btn-padding-x);background:var(--ds-chat-send-bg, var(--brand-primary));color:var(--ds-chat-send-fg, var(--text-inverse));border:none;border-radius:var(--radius-btn);font-size:var(--ds-chat-send-font, 14px);font-weight:var(--ds-chat-send-weight, 600);cursor:pointer;transition:var(--ds-chat-send-transition, transform .2s ease, box-shadow .2s ease, background .2s ease);min-width:var(--ds-chat-send-min, 60px);box-shadow:var(--ds-chat-send-shadow, none)}.send-button:hover:not(:disabled),.admin-send-button:hover:not(:disabled),.delivery-send-button:hover:not(:disabled){background:var(--ds-chat-send-bg-hover, var(--ds-chat-send-bg, var(--brand-primary)));transform:var(--ds-chat-send-transform-hover, translateY(-1px));box-shadow:var(--ds-chat-send-shadow-hover, var(--ds-chat-send-shadow, none))}.send-button:disabled,.admin-send-button:disabled,.delivery-send-button:disabled{background:var(--ds-chat-send-bg-disabled, var(--ds-chat-send-bg, var(--brand-primary)));opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.search-btn{height:var(--btn-height);padding:0 var(--btn-padding-x);background:var(--ds-search-btn-bg, var(--brand-primary));color:var(--ds-search-btn-fg, var(--text-inverse));border:none;border-radius:var(--radius-btn);cursor:pointer;font-size:var(--ds-search-btn-font, 1rem);transition:background-color .3s ease}.search-btn:hover{background:var(--ds-search-btn-bg-hover, var(--ds-search-btn-bg, var(--brand-primary)))}.bulk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-height);padding:0 var(--btn-padding-x);border:none;border-radius:var(--radius-btn);font-weight:var(--ds-bulk-btn-weight, 600);cursor:pointer;transition:all .3s ease}.bulk-btn.activate{background:var(--ds-bulk-activate-bg, var(--brand-primary));color:var(--ds-bulk-activate-fg, var(--text-inverse))}.bulk-btn.activate:hover{background:var(--ds-bulk-activate-bg-hover, var(--brand-primary-dark))}.bulk-btn.suspend{background:var(--ds-bulk-suspend-bg, var(--brand-danger));color:var(--ds-bulk-suspend-fg, var(--text-inverse))}.bulk-btn.suspend:hover{background:var(--ds-bulk-suspend-bg-hover, var(--brand-danger))}.bulk-btn.export{background:var(--ds-bulk-export-bg, var(--text-muted));color:var(--ds-bulk-export-fg, var(--text-inverse))}.bulk-btn.export:hover{background:var(--ds-bulk-export-bg-hover, var(--text-body))}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-accent,.btn-success,.btn-highlight,.btn-warning,.btn-danger{height:var(--btn-height);padding:0 var(--btn-padding-x);font-size:14px}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:all .2s ease;padding:16px}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--color-border-strong)}.card--compact{padding:12px}.card--spacious{padding:24px}.card--flush{padding:0}.card--dashed{border-style:dashed}.card--soft{background:var(--color-bg-soft, var(--color-bg-card))}.card--elevated{box-shadow:var(--shadow-card)}.ds-card,.modern-card,.professional-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);transition:all .2s ease;padding:16px}.ds-card:hover,.modern-card:hover,.professional-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--color-border-strong)}.top-rated-badge{position:absolute;top:8px;left:8px;background:#ff3d6b;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;z-index:2}.add-btn-below{background:#ff3d6b;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;margin-bottom:8px;width:100%}.add-btn-below:hover{background:#e91e63}.product-details-exact{padding:12px;display:flex;flex-direction:column;gap:4px}.price-container-exact{display:flex;align-items:center;gap:8px}.current-price-exact{font-size:16px;font-weight:700;color:#1a1a1a}.original-price-exact{font-size:13px;color:#666;text-decoration:line-through}.discount-text-exact{font-size:12px;color:#1ba672;font-weight:600}.product-unit-exact{font-size:11px;color:#999}.product-name-exact{font-size:13px;font-weight:500;margin:4px 0;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-rating-exact{display:flex;align-items:center;gap:4px;font-size:12px}.rating-star-exact{color:gold}.rating-score-exact{font-weight:600}.rating-count-exact{color:#666}.product-delivery-exact{font-size:11px;color:#666}.bazario-card-exact{background:var(--color-bg-card);border-radius:12px;width:140px;height:300px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);cursor:pointer;margin:0 auto;font-family:Bazario Norms,sans-serif}.product-card:after{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") no-repeat center;background-size:contain;opacity:.6;transition:opacity .2s ease}.product-card:hover:after{opacity:1}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--brand-primary)}.product-image-area-exact{position:relative;background:var(--color-bg-card);padding:0;margin:0;display:flex;justify-content:center;align-items:flex-start;height:140px;overflow:hidden;border-radius:12px}.product-image-exact{width:100%;height:100%;object-fit:cover;transition:.3s ease-in-out;cursor:pointer;border-radius:12px}.add-btn-on-image-exact{position:absolute;bottom:10px;right:10px;background-color:var(--color-bg-main);color:var(--brand-accent);border:1.5px solid var(--brand-accent);border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;padding:4px 8px;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .2s ease;text-transform:uppercase;min-width:40px;min-height:20px;max-width:40px;display:flex;align-items:center;justify-content:center}.add-btn-on-image-exact:hover{background-color:var(--brand-accent);color:var(--text-inverse);box-shadow:var(--shadow-card);transform:translateY(-1px)}.add-btn-on-image-exact:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.add-btn-on-image-exact:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.product-image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .2s ease;display:block;cursor:pointer}.product-image.clickable{cursor:pointer}.product-image-container:hover .product-image{transform:scale(1.05)}.quick-view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;background:var(--overlay-dark-strong);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:2;white-space:nowrap}.product-card:hover .quick-view-btn{opacity:1;visibility:visible}.quick-view-btn:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.wishlist-btn{position:absolute;top:12px;left:12px;background:var(--overlay-light-stronger);border:1px solid var(--color-border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;z-index:2}.wishlist-btn:hover,.wishlist-btn.active{background:var(--brand-danger);color:var(--text-inverse);transform:scale(1.1)}.wishlist-btn:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.out-of-stock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark-stronger);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.sold-out-badge{position:absolute;top:0;left:0;background:var(--overlay-dark-strong);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:8px 0;z-index:10}.card-notify-btn{background-color:var(--brand-accent);color:var(--text-inverse);border:none}.notify-icon{font-size:1.1rem;line-height:1}.card-notify-btn:hover{background-color:var(--brand-accent-dark);box-shadow:var(--shadow-soft)}.card-notify-btn:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.discount-badge{position:absolute;top:10px;right:10px;background:var(--brand-danger);color:#fff;padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:700;box-shadow:var(--shadow-soft)}.product-info-area-exact{padding:2px;display:flex;flex-direction:column;gap:1px;height:160px}.price-container-exact{display:flex;align-items:baseline;gap:2px;margin-bottom:2px}.current-price-exact{font-size:1rem;font-weight:700;color:var(--text-heading)}.original-price-exact{font-size:.85rem;color:var(--text-hint);text-decoration:line-through}.discount-text-exact{color:var(--brand-danger);font-size:.85rem;font-weight:600;margin-left:4px}.product-unit-exact{font-size:.8rem;color:var(--text-muted);padding-bottom:2px}.emi-badge-exact{background:var(--warning-tint);color:var(--text-heading);padding:4px 8px;border-radius:6px;font-weight:600;font-size:.75rem;align-self:flex-start}.product-name-exact{font-weight:600;color:var(--text-heading);font-size:.95rem;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.7em}.product-rating-exact{display:flex;align-items:center;gap:2px;font-size:.85rem}.rating-star-exact{color:var(--brand-success);font-size:.9rem}.rating-score-exact{font-weight:600;color:var(--brand-success)}.rating-count-exact{font-weight:500;color:var(--text-hint)}.product-delivery-exact{font-size:.8rem;color:var(--brand-primary);font-weight:500;margin-top:1px}.product-unit{font-size:.8rem;color:var(--text-muted);font-weight:500;margin:0}.in-stock{font-size:.85rem;color:var(--brand-success);font-weight:600}.out-of-stock{font-size:.85rem;color:var(--brand-danger);font-weight:600}.add-btn{background-color:var(--color-bg-main);color:var(--brand-accent);border:1.5px solid var(--brand-accent);border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;padding:6px 18px;cursor:pointer;transition:all .2s ease}.add-btn:hover{background-color:var(--brand-accent);color:var(--text-inverse);box-shadow:var(--shadow-card);transform:translateY(-1px)}.add-btn:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.add-btn:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.notify-btn{background-color:var(--color-bg-soft);color:var(--text-muted);border:1.5px solid var(--color-border);cursor:not-allowed;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;padding:6px 18px;opacity:.75}.notify-btn:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.quantity-controls-inline{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;justify-content:center;background:var(--brand-success-dark);border-radius:10px;padding:4px 8px;border:none;z-index:3;min-width:40px;min-height:20px;gap:2px}.qty-btn-inline{background:var(--overlay-light);border:1px solid var(--overlay-light-strong);border-radius:4px;width:18px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:.75rem;color:#fff;transition:all .2s ease}.qty-btn-inline:hover{background:var(--overlay-light-strong);color:#fff;transform:scale(1.05)}.qty-btn-inline:active{transform:scale(.98)}.qty-btn-inline:focus-visible{outline:var(--focus-outline);box-shadow:var(--focus-ring)}.quantity-display-inline{font-size:.85rem;font-weight:700;color:#fff;min-width:16px;text-align:center;background:transparent;padding:2px 4px;border-radius:4px;border:none}@media (max-width: 768px){.bazario-card-exact{width:160px;height:350px}.product-image-area-exact{height:258px;padding:0;margin:0}.product-image-exact{width:100%;height:100%}.product-info-area-exact{padding:6px;height:80px}.product-name-exact{font-size:.85rem;line-height:1.2;-webkit-line-clamp:2;min-height:2.4em}.current-price-exact{font-size:.9rem}.original-price-exact{font-size:.8rem}.save-text-exact,.product-unit-exact{font-size:.75rem}.product-rating-exact{font-size:.8rem}.product-delivery-exact{font-size:.75rem}}.ds-input{width:100%;height:var(--input-height);padding:0 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--text-heading);transition:all .2s ease}.ds-input::placeholder{color:var(--text-hint)}.ds-input:focus{border-color:var(--brand-primary);box-shadow:var(--focus-ring);outline:none}.glass-input{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-primary);outline:none;transition:all .3s ease;box-shadow:var(--shadow-soft);width:100%}.glass-input:focus{border-color:var(--brand-accent);box-shadow:var(--shadow-hover)}.professional-input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;color:var(--text-primary);outline:none;transition:all .3s ease;box-shadow:var(--shadow-soft);width:100%}.professional-input:focus{border-color:var(--brand-primary);box-shadow:var(--shadow-hover)}.form-control{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;color:var(--text-heading);outline:none;transition:all .3s ease;width:100%}.form-control:focus{border-color:var(--brand-primary);box-shadow:var(--shadow-soft)}.search-input{flex:1;padding:var(--ds-search-input-padding, 12px 16px);border:2px solid var(--ds-search-input-border, var(--color-border));border-radius:var(--ds-search-input-radius, 8px);font-size:var(--ds-search-input-font, 1rem);transition:border-color .3s ease;background:var(--ds-search-input-bg, var(--color-bg-main))}.search-input:focus{outline:none;border-color:var(--ds-search-input-border-focus, var(--brand-primary))}.filter-select{padding:var(--ds-filter-select-padding, 10px 16px);border:2px solid var(--ds-filter-select-border, var(--color-border));border-radius:var(--ds-filter-select-radius, 8px);font-size:var(--ds-filter-select-font, .95rem);background:var(--ds-filter-select-bg, var(--color-bg-main));cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:var(--ds-filter-select-border-focus, var(--brand-primary))}.ds-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.2px}.ds-badge-discount{background:var(--brand-accent);color:var(--text-heading)}.ds-badge-new{background:var(--brand-primary);color:var(--text-inverse)}.ds-badge-success{background:var(--brand-success);color:var(--text-inverse)}.ds-badge-pending{background:var(--brand-warning);color:var(--text-heading)}.ds-badge-error{background:var(--brand-danger);color:var(--text-inverse)}.ds-badge-muted{background:var(--color-bg-soft);color:var(--text-muted);border:1px solid var(--color-border)}.status-badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:var(--primary-gradient);color:var(--text-inverse)}.status-badge.inactive{background:var(--danger-gradient);color:var(--text-inverse)}.status-badge.subscription-completed{background:var(--info-tint);color:var(--brand-info)}.status-badge.subscription-paused{background:var(--warning-tint);color:var(--brand-accent-dark)}.status-badge.subscription-active{background:var(--success-tint);color:var(--brand-success-dark)}.status-badge.subscription-cancelled{background:var(--danger-tint);color:var(--brand-danger)}.status-pending{background:var(--warning-gradient);color:var(--text-inverse)}.status-confirmed{background:var(--info-gradient);color:var(--text-inverse)}.status-shipped{background:var(--accent-gradient);color:var(--text-inverse)}.status-out-for-delivery{background:var(--primary-gradient);color:var(--text-inverse)}.status-delivered{background:var(--success-gradient);color:var(--text-inverse)}.status-cancelled{background:var(--danger-gradient);color:var(--text-inverse)}.status-badge--verified{background:var(--success-tint);color:var(--brand-success);border:2px solid var(--brand-success)}.status-badge--pending{background:var(--warning-tint);color:var(--brand-warning);border:2px solid var(--brand-warning)}.status-badge--rejected{background:var(--danger-tint);color:var(--brand-danger);border:2px solid var(--brand-danger)}.status-badge--missing{background:var(--color-bg-soft);color:var(--text-muted);border:2px solid var(--color-border)}.role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.role-badge.customer{background:var(--info-gradient);color:var(--text-inverse)}.role-badge.delivery{background:var(--accent-gradient);color:var(--text-inverse)}.role-badge.admin{background:var(--primary-gradient);color:var(--text-inverse)}.badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--brand-success);color:var(--text-inverse)}.badge-warning{background:var(--brand-warning);color:var(--text-inverse)}.badge-danger{background:var(--brand-danger);color:var(--text-inverse)}.badge-primary{background:var(--brand-primary);color:var(--text-inverse)}.badge-highlight{background:var(--brand-accent);color:var(--text-inverse)}.category-badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.category-badge.custom{background:var(--color-border);color:var(--text-body)}.category-badge.weekly{background:var(--info-tint);color:var(--brand-info)}.category-badge.monthly{background:var(--success-tint);color:var(--brand-success-dark)}.category-badge.party{background:var(--warning-tint);color:var(--brand-accent-dark)}.category-badge.health{background:var(--danger-tint);color:var(--brand-danger)}.ds-grid{display:grid;gap:var(--grid-gap-md)}.ds-grid--sm{gap:var(--grid-gap-sm)}.ds-grid--lg{gap:var(--grid-gap-lg)}.ds-product-grid{display:grid;gap:var(--product-grid-gap)}.products-section,.personalized-deals,.shop-page-container,.product-detail-page{max-width:1280px;margin:0 auto;padding:0 20px}.products-grid,.deals-grid,.products-section .products-grid,.personalized-deals .deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 30px;width:100%;max-width:1320px;padding:0 12px;justify-content:center}.products-grid>.bazario-card-exact,.deals-grid>.bazario-card-exact{justify-self:center}.products-grid .bazario-card-exact,.deals-grid .bazario-card-exact{width:100%;max-width:clamp(142px,11vw,168px);margin:0 auto}.product-card-wrapper,.deal-card-wrapper{position:relative;width:100%;display:flex;justify-content:center}.personalized-deals{background:var(--background-gradient);padding:40px 20px;margin:40px auto;max-width:1280px}.personalized-container{max-width:1280px;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center}.deals-header{text-align:center;margin-bottom:30px;width:100%}.deals-header h2{font-size:28px;font-weight:700;color:var(--text-heading);margin-bottom:8px}.deals-header p{color:var(--text-muted);font-size:16px;margin:0}.deals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 30px;justify-content:center;width:100%;max-width:1320px;padding:0 12px}.products-section{background:var(--background-gradient);padding:40px 20px;margin:40px auto;max-width:1280px}.products-grid-container{max-width:1280px;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center}.products-header{text-align:center;margin-bottom:30px;width:100%}.products-header h2{font-size:28px;font-weight:700;color:var(--text-heading);margin-bottom:8px}.products-header p{color:var(--text-muted);font-size:16px;margin:0}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 30px;justify-content:center;width:100%;max-width:1320px;padding:0 12px}.products-grid-homepage{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin:0 auto 30px;justify-content:center;width:100%;max-width:1320px;padding:0 12px}.homepage-products-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;margin:0 auto 30px;padding:0 12px;width:100%;max-width:1320px}.bk-mini-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.shop-page-container{display:flex;min-height:100vh;background:var(--color-bg-section);gap:20px;padding:20px;max-width:1400px;margin:0 auto}.product-listing{flex:1;min-width:0}.shop-page-container .products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 12px;justify-content:center;max-width:1320px;margin:0 auto}.product-detail-page{max-width:1280px;margin:0 auto;padding:20px}.product-detail-page .products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px auto 0;justify-content:center;max-width:1320px;padding:0 12px}@media (min-width: 1440px){.products-grid,.deals-grid,.products-section .products-grid,.personalized-deals .deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width: 1280px) and (max-width: 1439px){.products-grid,.deals-grid,.products-section .products-grid,.personalized-deals .deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width: 1120px) and (max-width: 1279px){.products-grid,.deals-grid,.products-section .products-grid,.personalized-deals .deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 840px) and (max-width: 1119px){.products-grid,.deals-grid,.products-section .products-grid,.personalized-deals .deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 769px) and (max-width: 839px){.products-grid,.deals-grid,.products-section .products-grid,.personalized-deals .deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 768px){.products-section,.personalized-deals,.shop-page-container,.product-detail-page{padding:0 10px;margin:0 auto}.products-grid,.deals-grid,.shop-page-container .products-grid,.product-detail-page .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:100%;margin:0 auto 24px;padding:0 8px}.products-grid .bazario-card-exact,.deals-grid .bazario-card-exact{max-width:168px}.homepage-products-grid,.bk-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--product-grid-gap-mobile);max-width:400px;margin:0 auto 24px}}.featured-badge,.personalized-badge{position:absolute;top:10px;right:10px;background:var(--primary-gradient);color:var(--text-inverse);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;box-shadow:var(--shadow-soft)}.personalized-badge{background:var(--secondary-gradient)}.view-all-products-btn,.view-all-deals-btn{background:var(--brand-primary);color:var(--text-inverse);border:none;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-card)}.view-all-products-btn:hover,.view-all-deals-btn:hover{transform:translateY(-2px);background:var(--brand-primary-dark);box-shadow:var(--shadow-hover)}.ds-header{background:var(--color-bg-main);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.ds-logo{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:var(--radius-sm);background:var(--brand-tint);border:1px solid var(--color-border)}.ds-logo:hover{background:var(--accent-tint);border-color:var(--brand-accent)}.main-header{position:sticky;top:0;z-index:50;background:var(--color-bg-main);box-shadow:var(--shadow-soft);border-bottom:1px solid var(--color-border)}.header-top-bar{background:var(--primary-gradient);color:var(--text-inverse);padding:8px 20px;display:flex;justify-content:center;align-items:center;font-size:14px}.delivery-info{display:flex;align-items:center;gap:6px;font-weight:600;background:transparent;box-shadow:none}.delivery-icon{font-size:20px}.location-display{display:flex;align-items:center;gap:6px;opacity:.9;cursor:pointer;background:transparent;transition:all .3s ease}.location-display:hover{opacity:1}.header-main{padding:0 20px;display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;color:var(--text-body);gap:16px}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:16px}.header-center{flex-grow:1;display:flex;justify-content:center;align-items:center;max-width:800px}.logo-button{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s ease}.logo-button:hover{background:var(--brand-tint);transform:translateY(-1px)}.logo-image{height:48px;width:auto;border-radius:8px;box-shadow:var(--shadow-soft)}.brand-name{font-size:24px;font-weight:800;color:var(--brand-accent);letter-spacing:-.5px}.location-selector{background:var(--color-bg-main);border:2px solid var(--color-border);border-radius:24px;padding:2px 8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-body);transition:all .3s ease;box-shadow:var(--shadow-card);max-width:280px;min-width:140px;height:48px;flex:0 0 auto;overflow:hidden}.location-selector:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--brand-primary)}.location-text{text-align:center}.location-text strong{font-size:11px;font-weight:600}.location-text span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:block}.delivery-info-small{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;color:var(--brand-primary);font-weight:600;margin-bottom:1px}.delivery-icon-small{font-size:11px}.delivery-text-small{font-size:9px}.search-wrapper{width:100%;max-width:600px}.search-container{position:relative;width:100%}.search-bar{display:flex;align-items:center;background:var(--color-bg-section);border:2px solid var(--color-border);border-radius:8px;padding:2px;width:100%;transition:all .3s ease;box-shadow:var(--shadow-soft);height:48px;box-sizing:border-box}.search-bar:hover,.search-bar:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.search-bar input{border:none;background:transparent;outline:none;padding:6px 16px;width:100%;font-size:15px;color:var(--text-body)}.search-bar input::placeholder{color:var(--text-hint)}.search-bar button{background:var(--brand-primary);border:none;border-radius:8px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);transition:all .3s ease}.search-bar button:hover{background:var(--brand-primary-dark);transform:scale(1.05)}.voice-search-btn{background:var(--primary-gradient)!important;margin-right:4px}.voice-search-btn:hover{background:var(--primary-dark)!important;transform:scale(1.05)}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-main);border:1px solid var(--color-border);border-top:none;border-radius:0 0 12px 12px;box-shadow:var(--shadow-hover);z-index:999;max-height:400px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-bg-soft)}.suggestion-item:hover{background-color:var(--color-bg-section);padding-left:20px}.suggestion-item:last-child{border-bottom:none}.suggestion-item img{width:45px;height:45px;object-fit:contain;border-radius:6px;box-shadow:var(--shadow-soft)}.suggestion-item span{font-size:15px;color:var(--text-body);font-weight:500}.action-buttons{display:flex;align-items:center;gap:8px}.action-btn{position:relative;background:var(--color-bg-main);color:var(--text-body);border:2px solid var(--color-border);width:44px;height:44px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;padding:0;margin:0;box-sizing:border-box;transition:all .3s ease;box-shadow:var(--shadow-card);min-width:44px;min-height:44px;overflow:visible}.action-btn:hover{border-color:var(--brand-primary);background:var(--color-bg-section);transform:translateY(-2px);box-shadow:var(--shadow-card)}.action-btn:active{transform:translateY(0)}.cart-badge{position:absolute;top:4px;right:4px;background:var(--brand-danger);color:var(--text-inverse);border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-main);box-shadow:var(--shadow-soft);z-index:10}.profile-dropdown-container{position:relative}.profile-btn-with-name{display:flex;align-items:center;gap:8px;background:var(--color-bg-main);border:2px solid var(--color-border);border-radius:24px;padding:3px 10px 3px 3px;font-size:14px;font-weight:600;color:var(--text-body);cursor:pointer;transition:all .3s ease;height:48px;box-sizing:border-box;box-shadow:var(--shadow-card)}.profile-btn-with-name:hover{border-color:var(--brand-primary);background:var(--color-bg-section);transform:translateY(-2px);box-shadow:var(--shadow-card)}.header-profile-pic,.header-profile-initial{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--primary-gradient);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.header-username{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{transition:transform .3s ease}.chevron-icon.open{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-main);border-radius:12px;box-shadow:var(--shadow-hover);border:1px solid var(--color-border);width:200px;z-index:100;overflow:hidden;animation:dropdown-fade-in .2s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;color:var(--text-body);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--color-bg-section)}.dropdown-item.logout{border-top:1px solid var(--color-border);color:var(--brand-danger);font-weight:600}.dropdown-item.logout:hover{background-color:var(--danger-tint)}.mobile-nav{display:none}@media (max-width: 1024px){.header-main{padding:10px 16px}.header-center{max-width:600px}}@media (max-width: 768px){.header-top-bar{padding:6px 16px;font-size:13px}.header-main{padding:8px 16px}.logo-image{height:40px}.brand-name{font-size:20px}.header-center{max-width:450px}.search-bar input{padding:10px 14px;font-size:14px}.search-bar button{width:36px;height:36px}.action-btn{width:44px;height:44px;min-width:44px;min-height:44px}.header-profile-pic,.header-profile-initial{width:28px;height:28px;font-size:14px}.cart-badge{top:-6px;right:-6px;font-size:10px;min-width:16px;height:16px}.mobile-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-main);border-top:2px solid var(--color-border);box-shadow:var(--shadow-soft);z-index:1000;padding:8px 0}.mobile-nav-buttons{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto}.mobile-nav-btn{background:none;border:none;padding:12px;border-radius:12px;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;min-width:44px;min-height:44px}.mobile-nav-btn:hover{background:var(--success-tint);transform:translateY(-2px)}.mobile-nav-btn.cart-mobile{position:relative}.mobile-cart-badge{position:absolute;top:6px;right:6px;background:var(--brand-danger);color:var(--text-inverse);border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-main)}.action-buttons .action-btn:not(.language-toggle-btn){display:none}.action-buttons .language-toggle-btn{display:block}.profile-dropdown-container{display:none}.bazario-bargain-section{gap:8px;margin-left:10px}.bazario-currency{font-size:16px}.bazario-bargain-text{font-size:12px}.bazario-language-btn{padding:3px 6px;font-size:11px}.bazario-notification-btn{font-size:14px;padding:3px}}@media (max-width: 640px){.header-top-bar{display:none}.header-main{flex-direction:column;gap:12px;padding:12px 16px}.header-left,.header-center,.header-right{width:100%}.header-center{order:1;max-width:none;display:flex;flex-direction:column;gap:8px}.header-left{order:2;justify-content:center}.header-right{order:3;justify-content:center}.location-selector{width:100%;justify-content:center;max-width:none}.search-wrapper{width:100%}.bargain-toggle{margin-left:0}.action-buttons{justify-content:center}.bazario-header-top-content{flex-direction:column;gap:8px}.bazario-header-top-left,.bazario-header-top-center,.bazario-header-top-right{width:100%;justify-content:center}.bazario-bargain-section{gap:6px;margin-left:0}}@media (max-width: 480px){.header-top-bar{font-size:12px;padding:6px 12px}.delivery-info,.location-display{font-size:12px}.logo-button{padding:6px}.logo-image{height:36px}.brand-name{font-size:18px}.search-bar input{padding:8px 12px;font-size:13px}.search-bar button{width:32px;height:32px}.bargain-toggle{width:110px;height:36px}.action-btn{width:40px;height:40px;min-width:40px;min-height:40px;overflow:visible}.header-profile-pic,.header-profile-initial{width:24px;height:24px;font-size:12px}}.cart-btn,.wishlist-header-btn,.shopping-lists-header-btn{padding:8px;border-radius:50%;font-size:20px}.language-toggle-btn{padding:8px;border-radius:8px;font-size:16px;font-weight:700;background:var(--secondary-gradient);color:var(--text-inverse);border:2px solid var(--brand-accent);transition:all .3s ease;width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.language-toggle-btn:hover{background:var(--secondary-dark);border-color:var(--brand-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.bazario-header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--color-bg-main);box-shadow:var(--shadow-soft);border-bottom:1px solid var(--color-border)}.bazario-header-top{background:var(--color-bg-main);border-bottom:1px solid var(--color-border);padding:0}.bazario-header-top-content{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:8px;min-height:40px}.bazario-header-top-left{display:flex;align-items:center;gap:20px;flex:0 0 auto}.bazario-header-top-center,.bazario-header-top-right{display:flex;align-items:center;gap:16px}.bazario-location-selector{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--color-border);color:var(--text-light);font-size:13px;font-weight:500;cursor:pointer;padding:10px 12px;border-radius:8px;transition:all .3s ease;height:40px;box-sizing:border-box}.bazario-location-selector:hover{background:var(--color-bg-section);border-color:var(--brand-primary);color:var(--text-body);transform:translateY(-1px)}.bazario-location-text{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bazario-location-selector{max-width:380px;min-width:120px}.bazario-header-actions{display:flex;align-items:center;gap:12px}.bazario-login-btn{background:var(--color-bg-section);color:var(--text-light);border:1px solid var(--color-border);padding:4px;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bazario-login-btn:hover{background:var(--color-bg-soft);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.bazario-profile-section{position:relative}.bazario-profile-btn{background:transparent;border:1px solid var(--color-border);padding:4px;border-radius:8px;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bazario-profile-btn:hover{background:var(--color-bg-section);border-color:var(--brand-primary);transform:translateY(-1px)}.bazario-profile-btn-no-photo{background:var(--primary-gradient);border-color:var(--brand-primary);color:var(--text-inverse)}.bazario-profile-btn-no-photo:hover{background:var(--primary-dark);border-color:var(--brand-primary-dark)}.bazario-profile-pic{width:32px;height:32px;border-radius:50%;object-fit:cover}.bazario-header-main{background:var(--color-bg-main);border-bottom:1px solid var(--color-border)}.bazario-header-main-content{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:20px}.bazario-logo{display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;flex-shrink:0}.bazario-logo:hover{background:var(--color-bg-section)}.bazario-logo-image{height:32px;width:auto}.bazario-logo-top{display:flex;align-items:center;background:var(--brand-tint);border:1px solid var(--color-border);cursor:pointer;padding:2px;border-radius:8px;transition:all .3s ease;flex-shrink:0;width:40px;height:40px;box-sizing:border-box}.bazario-logo-top:hover{background:var(--accent-tint);transform:translateY(-1px);border-color:var(--brand-accent)}.bazario-logo-image-top{height:36px;width:auto;filter:drop-shadow(0 2px 6px var(--brand-tint))}.brand-tagline{font-size:10px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-left:4px;white-space:nowrap}.bazario-bargain-section{display:flex;align-items:center;gap:16px;margin-left:20px}.bazario-currency{font-size:18px;font-weight:700;color:var(--brand-primary)}.bazario-bargain-text{font-size:14px;font-weight:600;color:var(--brand-primary-dark);letter-spacing:.5px}.bazario-language-btn{background:transparent;border:1px solid var(--color-border);color:var(--text-muted);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.bazario-language-btn:hover{background:var(--color-bg-section);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.bazario-notification-btn{background:transparent;border:1px solid var(--color-border);font-size:16px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.bazario-notification-btn:hover{background:var(--color-bg-section);border-color:var(--brand-primary);transform:translateY(-1px)}.bazario-ai-chat-btn{background:var(--secondary-gradient);border:2px solid var(--brand-accent);color:var(--text-inverse);font-size:16px;font-weight:700;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;box-shadow:var(--shadow-soft);text-shadow:var(--text-shadow)}.bazario-ai-chat-btn:before{content:"";position:absolute;top:4px;left:8px;width:6px;height:6px;background:var(--text-inverse);border-radius:50%;box-shadow:12px 0 0 var(--text-inverse),24px 0 0 var(--text-inverse);opacity:.9}.bazario-ai-chat-btn:hover{background:var(--secondary-dark);border-color:var(--brand-accent-dark);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-hover)}.bazario-ai-chat-btn:hover:before{opacity:1}.bazario-nav-links{display:flex;align-items:center;gap:28px;flex-shrink:0}.bazario-nav-link{color:var(--text-body);text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;border-radius:8px;transition:all .3s ease;white-space:nowrap;position:relative}.bazario-nav-link:hover,.bazario-nav-link.active{color:var(--brand-primary);background:var(--brand-tint)}.bazario-search-section{flex:1 1 auto;max-width:1000px;margin:0 16px;min-width:280px}.bazario-search-section-top{max-width:730px;width:100%;flex:1 1 auto;margin:0 auto;height:40px;display:flex;align-items:center}.bazario-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.bazario-cart-link{text-decoration:none}.bazario-cart-btn{position:relative;background:transparent;border:1px solid var(--color-border);padding:4px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;box-sizing:border-box}.bazario-cart-btn:hover{background:var(--color-bg-section);border-color:var(--brand-primary);transform:translateY(-1px)}.bazario-cart-badge{position:absolute;top:4px;right:4px;background:var(--brand-danger);color:var(--text-inverse);border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.bazario-cart-count-large{font-size:9px;width:22px;height:22px}.bazario-welcome-text{font-size:14px;font-weight:600;color:var(--text-body);margin-right:8px}.bazario-language-toggle{background:transparent;border:1px solid var(--color-border-strong);color:var(--text-body);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.bazario-language-toggle:hover{background:var(--color-bg-section);border-color:var(--brand-primary)}.bazario-profile-dropdown{position:absolute;top:100%;right:0;background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft);min-width:180px;z-index:100;margin-top:8px}.bazario-dropdown-item{display:block;width:100%;padding:12px 16px;text-decoration:none;color:var(--text-body);font-size:14px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .2s}.bazario-dropdown-item:hover{background:var(--color-bg-section)}.bazario-logout{color:var(--brand-danger);border-top:1px solid var(--color-border)}.bazario-logout:hover{background:var(--danger-tint)}@media (max-width: 768px){.bazario-header-main-content{padding:8px 0;flex-wrap:wrap;gap:8px}.bazario-logo-image{height:32px}.bazario-nav-links{order:3;width:100%;justify-content:center;gap:12px;margin-top:8px}.bazario-nav-link{padding:6px 10px;font-size:12px}.bazario-search-section{order:2;flex:1;max-width:none;margin:0 8px}.bazario-header-right{order:1;gap:8px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideIn{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes glow{0%,to{box-shadow:var(--shadow-soft)}50%{box-shadow:var(--shadow-hover)}}.float-animation{animation:float 3s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.slide-in-animation{animation:slideIn .6s ease-out}.animate-scale-in{animation:scale-in .3s ease-out forwards}.animate-slide-in{animation:slide-in .6s ease-out}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-in-delayed{animation:fadeIn .5s ease-out .2s forwards;opacity:0}.glow-animation{animation:glow 2s ease-in-out infinite}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--accent-tint);border-radius:50%;border-top-color:var(--loading-accent, var(--brand-accent));animation:spin 1s ease-in-out infinite}.loading-spinner--sm{width:20px;height:20px;border-width:2px}.loading-spinner--md{width:32px;height:32px;border-width:3px}.loading-spinner--lg{width:48px;height:48px;border-width:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:12px}.loading-container--page{min-height:320px;width:100%}.loading-container--panel{min-height:200px;padding:24px 16px}.loading-message{color:var(--text-muted);font-size:14px;font-weight:500;text-align:center;margin:0}.loading-panel{text-align:center;background:var(--color-bg-card);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state *,.empty-state *:before,.empty-state *:after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;text-align:center;margin:20px 0}.empty-icon{font-size:3.5rem;margin-bottom:16px;opacity:.75;line-height:1.2;-webkit-user-select:none;user-select:none}.empty-title{font-size:1.4rem;font-weight:600;color:var(--text-heading, var(--text-primary));margin-bottom:10px}.empty-message{font-size:1rem;color:var(--text-muted, #6b7280);margin-bottom:20px;max-width:420px;line-height:1.5}.empty-action-btn{background:var(--brand-success, #22c55e);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;min-height:44px;min-width:44px}.empty-action-btn:hover{background:var(--brand-success-dark, #16a34a);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.empty-action-btn:active{transform:translateY(0);box-shadow:none;background:var(--brand-success-dark, #16a34a)}.empty-action-btn:focus-visible{outline:3px solid var(--brand-success, #22c55e);outline-offset:3px;box-shadow:0 0 0 5px #22c55e33}.empty-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.empty-state{padding:40px 16px;margin:12px 0;border-radius:12px}.empty-icon{font-size:3rem}.empty-title{font-size:1.2rem}.empty-message{font-size:.95rem}}.page-container{background:var(--background-gradient);min-height:100vh;padding:20px}.content-wrapper{max-width:1200px;margin:0 auto}@media (max-width: 768px){.page-container{padding:10px}}.gradient-text-primary{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.gradient-text-secondary{background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.gradient-text-accent{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.category-vegetables{background:var(--vegetables-gradient)}.category-fruits{background:var(--fruits-gradient)}.category-dairy{background:var(--dairy-gradient)}.category-bakery{background:var(--bakery-gradient)}.category-meat{background:var(--meat-gradient)}.category-beverages{background:var(--beverages-gradient)}.admin-sidebar{width:250px;background:var(--sidebar-bg);padding:20px;box-shadow:var(--shadow-soft)}.admin-content{flex:1;padding:20px;background:var(--primary-bg)}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:8px}.sidebar-nav a{display:flex;align-items:center;padding:12px 16px;color:var(--text-inverse);text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--primary-accent);color:var(--text-inverse)}.page-header{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.page-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.data-table{background:var(--card-bg);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.data-table th{background:var(--primary-accent);color:#fff;padding:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.data-table td{padding:16px;border-bottom:1px solid var(--color-border)}.data-table tr:hover{background:var(--color-bg-soft)}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:15px}.admin-content{padding:15px}.professional-card{border-radius:12px;margin-bottom:16px}}:root{--primary-bg: var(--background-gradient);--sidebar-bg: var(--brand-primary-dark);--card-bg: var(--color-bg-card);--primary-accent: var(--brand-primary);--highlight-btn: var(--brand-accent);--success: var(--brand-success);--warning: var(--brand-warning);--error: var(--brand-danger);--hover-accent: var(--brand-primary-dark);--btn-primary-bg: var(--brand-primary);--btn-primary-fg: var(--text-inverse);--btn-primary-bg-hover: var(--brand-primary-dark);--loading-accent: var(--brand-primary);--ds-chat-send-bg: var(--primary-gradient);--ds-chat-send-bg-hover: var(--primary-dark);--ds-chat-send-radius: 12px;--ds-chat-send-padding: 12px 20px;--ds-chat-send-weight: 600;--ds-chat-send-min: 80px;--ds-chat-send-shadow: 0 2px 8px rgba(46, 125, 50, .3);--ds-chat-send-shadow-hover: 0 4px 12px rgba(46, 125, 50, .4);--ds-chat-send-transform-hover: translateY(-1px);--ds-search-btn-bg: var(--brand-info);--ds-search-btn-bg-hover: var(--brand-primary-dark);--ds-search-btn-radius: 8px;--ds-search-btn-padding: 12px 20px;--ds-search-btn-font: 1rem;--ds-search-input-border: var(--color-border);--ds-search-input-border-focus: var(--brand-info);--ds-filter-select-border: var(--color-border);--ds-filter-select-border-focus: var(--brand-info);--ds-bulk-btn-padding: 8px 16px;--ds-bulk-btn-radius: 6px;--ds-bulk-btn-weight: 600;--ds-bulk-activate-bg: var(--brand-primary);--ds-bulk-activate-bg-hover: var(--brand-primary-dark);--ds-bulk-suspend-bg: var(--brand-danger);--ds-bulk-suspend-bg-hover: var(--brand-danger);--ds-bulk-export-bg: var(--text-muted);--ds-bulk-export-bg-hover: var(--text-body)}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:var(--primary-bg);min-height:100vh;color:#1f2937;color:var(--text-primary)}.admin-sidebar{position:fixed;left:0;top:0;width:220px;height:100vh;background:var(--primary-gradient);color:var(--text-inverse);padding:16px;display:flex;flex-direction:column;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-card);border-right:2px solid var(--glass-border)}.admin-sidebar__brand{text-align:center;margin-bottom:24px;padding:12px;border-radius:6px;background:var(--glass-border)}.admin-sidebar__logo{height:60px;width:auto;margin-bottom:8px;background:var(--glass-bg);padding:8px;border-radius:12px;box-shadow:var(--shadow-soft)}.admin-sidebar__title{font-size:11px;opacity:.8;text-transform:uppercase;letter-spacing:.5px;color:var(--text-inverse)}.admin-sidebar__nav{flex:1;display:flex;flex-direction:column;gap:8px}.admin-sidebar__link{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;border-radius:12px;transition:all .3s ease;color:var(--text-inverse);font-weight:600;font-size:14px;border:1px solid transparent;position:relative;overflow:hidden}.admin-sidebar__link:hover{background:var(--brand-tint);transform:translate(8px) scale(1.02);box-shadow:var(--shadow-card);border-color:var(--glass-border)}.admin-sidebar__link.is-active{background:var(--glass-border);box-shadow:var(--shadow-soft);border-color:var(--glass-border);transform:translate(4px)}.admin-sidebar__icon{font-size:1.1rem}.admin-sidebar__footer{margin-top:auto;padding:16px;border-radius:12px;background:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-size:12px;color:var(--text-inverse);border:1px solid var(--glass-border)}.admin-sidebar__status{margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.admin-sidebar__status-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);animation:sidebarPulse 2s infinite}.admin-sidebar__logout{width:100%;background:var(--danger-gradient);color:var(--text-inverse);border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.admin-sidebar__logout:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}@keyframes sidebarPulse{0%,to{opacity:1}50%{opacity:.5}}:root{--chat-primary: var(--brand-primary);--chat-secondary: var(--brand-accent);--chat-bg: var(--color-bg-card);--chat-user-bg: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));--chat-bot-bg: var(--color-bg-section);--chat-text-light: var(--text-inverse);--chat-text-dark: var(--text-heading);--chat-border: var(--color-border);--chat-shadow: var(--shadow-card);--chat-radius: 20px;--chat-transition: all .3s cubic-bezier(.4, 0, .2, 1);--chat-header-grain: var(--grain-header)}.ai-chatbot-root{--chat-user-bg: linear-gradient(135deg, var(--chat-primary), var(--chat-primary-strong, var(--chat-primary)))}.ai-chatbot-float{position:fixed;bottom:20px;right:20px;z-index:9999}.chat-toggle-btn{width:60px;height:60px;border-radius:50%;background:var(--chat-primary);border:none;color:var(--chat-text-light);font-size:24px;cursor:pointer;box-shadow:var(--chat-shadow);transition:var(--chat-transition);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.chat-toggle-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--overlay-light);border-radius:50%;transform:translate(-50%,-50%);transition:var(--chat-transition)}.chat-toggle-btn:hover:before{width:100%;height:100%}.chat-toggle-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-hover)}.chat-toggle-btn.active{background:var(--brand-danger);transform:rotate(180deg)}.chat-pulse{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:var(--brand-danger);border-radius:50%;animation:pulse 2s infinite;opacity:0}.chat-pulse.active{opacity:1}@keyframes pulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:.3}to{transform:scale(.8);opacity:.7}}.ai-chatbot-window{position:fixed;bottom:90px;right:20px;width:380px;height:600px;background:var(--chat-bg);border-radius:var(--chat-radius);box-shadow:var(--chat-shadow);display:flex;flex-direction:column;transform:translateY(20px) scale(.95);opacity:0;visibility:hidden;transition:var(--chat-transition);z-index:9998;overflow:hidden}.ai-chatbot-window.open{transform:translateY(0) scale(1);opacity:1;visibility:visible}.chat-header{background:var(--brand-primary)!important;color:var(--text-inverse)!important;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.ai-chatbot-root .chat-header{background:var(--brand-primary)!important;color:var(--text-inverse)!important}.ai-chatbot-root .chat-header *{color:var(--text-inverse)!important}.ai-chatbot-window .chat-details h3,.ai-chatbot-window .chat-status,.ai-chatbot-window .chat-close-btn{color:var(--text-inverse)}.ai-chatbot-root[data-app=admin] .chat-header{background:var(--chat-user-bg)}.ai-chatbot-root[data-app=admin] .chat-header,.ai-chatbot-root[data-app=admin] .chat-header *{color:var(--text-inverse)}.chat-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chat-header-grain, none);opacity:.3}.chat-header-info{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.chat-avatar{width:40px;height:40px;background:var(--overlay-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-details h3{margin:0;font-size:16px;font-weight:600}.chat-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:4px}.typing-dots{display:inline-flex;gap:2px;margin-right:4px}.typing-dots span{width:4px;height:4px;background:currentColor;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-close-btn{background:var(--overlay-light);border:none;color:var(--chat-text-light);font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--chat-transition)}.chat-close-btn:hover{background:var(--overlay-light-strong);transform:scale(1.1)}.chat-messages{flex:1;padding:16px 16px 72px;overflow-y:auto;scroll-behavior:smooth;background:var(--background-gradient);min-height:0}.ai-chatbot-root[data-app=admin] .chat-messages{padding-bottom:56px}.ai-chatbot-root[data-app=admin] .message-content{max-width:100%}.ai-chatbot-root[data-app=admin] .message-bubble{width:100%}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--brand-tint);border-radius:2px}.message{margin-bottom:12px;display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-content{display:flex;align-items:flex-end;gap:8px;max-width:80%}.bot-avatar,.user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.bot-avatar{background:var(--chat-primary);color:var(--chat-text-light)}.user-avatar{background:var(--chat-user-bg);color:var(--chat-text-light)}.message-bubble{background:var(--chat-bot-bg);border-radius:18px;padding:12px 16px;position:relative;max-width:100%;word-wrap:break-word}.message.user .message-bubble{background:var(--chat-user-bg);color:var(--chat-text-light)}.message-bubble:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent;bottom:8px}.message.bot .message-bubble:before{left:-6px;border-right-color:var(--chat-bot-bg);border-left:0}.message.user .message-bubble:before{right:-6px;border-left-color:var(--brand-primary);border-right:0}.message-text{font-size:14px;line-height:1.4;margin-bottom:8px}.message.user .message-text{color:var(--chat-text-light)}.chat-products{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chat-product-card{background:var(--chat-bg);border-radius:12px;padding:12px;display:flex;gap:12px;border:1px solid var(--chat-border);transition:var(--chat-transition);cursor:pointer}.chat-product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.product-thumb{width:50px;height:50px;object-fit:cover;border-radius:8px}.product-info{flex:1;display:flex;flex-direction:column;gap:4px}.product-info h4{margin:0;font-size:14px;font-weight:600;color:var(--chat-text-dark)}.product-price{display:flex;align-items:center;gap:6px}.current-price{font-weight:700;color:var(--chat-primary);font-size:14px}.original-price{text-decoration:line-through;color:var(--text-hint);font-size:12px}.add-to-cart-small{background:var(--chat-primary);color:var(--chat-text-light);border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--chat-transition);align-self:flex-start;margin-top:4px}.add-to-cart-small:hover{background:var(--brand-primary-dark);transform:scale(1.05)}.quick-replies{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.quick-reply-btn{background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:16px;padding:8px 12px;font-size:12px;line-height:1.4;cursor:pointer;transition:var(--chat-transition);color:var(--chat-text-dark);font-weight:500}.quick-reply-btn:hover{background:var(--chat-primary);color:var(--chat-text-light);transform:scale(1.02)}.message.typing .message-bubble{background:var(--chat-bot-bg);padding:12px 16px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--chat-primary);border-radius:50%;animation:typing-bubble 1.4s infinite ease-in-out}@keyframes typing-bubble{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-area{border-top:1px solid var(--chat-border);background:var(--chat-bg);padding:16px}.chat-input-form{display:flex;gap:8px;align-items:center}.chat-input{flex:1;padding:12px 16px;border:1px solid var(--chat-border);border-radius:24px;font-size:14px;outline:none;transition:var(--chat-transition);background:var(--color-bg-section)}.chat-input:focus{border-color:var(--chat-primary);box-shadow:var(--focus-ring)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-send-btn{width:44px;height:44px;border-radius:50%;background:var(--chat-primary);border:none;color:var(--chat-text-light);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--chat-transition)}.chat-send-btn:hover:not(:disabled){background:var(--brand-primary-dark);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ai-chat-quick-action-btn{background:var(--chat-secondary);color:var(--chat-text-dark);border:none;border-radius:16px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--chat-transition);box-shadow:var(--shadow-soft);width:auto}.ai-chat-quick-action-btn:hover{background:var(--brand-accent-dark);transform:scale(1.02)}.chat-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);z-index:9997;display:none}@media (max-width: 768px){.ai-chatbot-float{bottom:16px;right:16px}.ai-chatbot-window{width:calc(100vw - 32px);height:calc(100vh - 120px);bottom:80px;right:16px;left:16px}.chat-backdrop{display:block}.message-content{max-width:85%}.chat-product-card{flex-direction:column;text-align:center}.product-thumb{align-self:center}}@media (prefers-color-scheme: dark){:root{--chat-bg: var(--color-bg-main-dark);--chat-bot-bg: var(--color-bg-section-dark);--chat-text-dark: var(--text-heading-dark);--chat-border: var(--color-border-dark)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.voice-status{background:var(--danger-gradient);color:var(--text-inverse);padding:8px 16px;border-radius:12px;margin-bottom:12px;text-align:center}.voice-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.voice-pulse{animation:voicePulse 2s infinite}@keyframes voicePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.stop-voice-btn{background:var(--overlay-light);border:none;color:var(--text-inverse);padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer;transition:var(--chat-transition)}.stop-voice-btn:hover{background:var(--overlay-light-strong)}.input-controls{display:flex;gap:8px;align-items:center;width:100%}.voice-btn,.voice-toggle-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--chat-transition);flex-shrink:0}.voice-btn{background:var(--brand-accent);color:var(--text-inverse)}.voice-btn:hover:not(:disabled){background:var(--brand-accent-dark);transform:scale(1.05)}.voice-btn.active{background:var(--brand-danger);animation:voicePulse 2s infinite}.voice-btn.listening{background:var(--brand-success);box-shadow:var(--shadow-hover)}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-toggle-btn{background:var(--text-muted);color:var(--text-inverse)}.voice-toggle-btn:hover{background:var(--text-body);transform:scale(1.05)}.voice-toggle-btn.active{background:var(--brand-success)}.login-container{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:var(--color-bg-section)}.login-form-container{--auth-input-height: var(--input-height);--auth-btn-height: var(--btn-height);width:min(420px,100%);padding:30px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.login-form-container h2{margin:0 0 8px;text-align:center;font-size:40px;font-weight:700;color:var(--text-heading)}.login-subtitle{margin:0 0 18px;text-align:center;font-size:.95rem;font-weight:500;color:var(--text-muted)}.input-group{margin-bottom:var(--input-group-gap)}.input-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}.professional-input{width:100%;height:var(--auth-input-height);padding:0 14px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--input-radius);background:var(--color-bg-card);color:var(--text-heading);font-size:var(--input-font);transition:border-color .2s ease,box-shadow .2s ease}.professional-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.btn-success{width:100%;height:var(--auth-btn-height);margin-top:4px;padding:0 var(--btn-padding-x);border-radius:var(--radius-btn);font-size:var(--input-font);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.btn-google{width:100%;height:var(--auth-btn-height);margin-top:10px;border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-bg-card);color:var(--text-heading);font-size:var(--input-font);font-weight:700;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.btn-google:hover:not(:disabled){border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.btn-google:disabled,.btn-success:disabled{opacity:.7;cursor:not-allowed}.login-helper-text{margin:var(--helper-text-gap) 0 0;text-align:center;font-size:var(--helper-text-size);color:var(--text-muted);line-height:1.45}.user-type-badge{display:block;margin-bottom:18px;padding:10px 20px;border:1px solid var(--glass-border);border-radius:var(--radius-pill);text-align:center;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-inverse);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark))}.ecosystem-info{margin:20px 0 22px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--brand-tint)}.ecosystem-info h4{margin:0 0 12px;text-align:center;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-heading)}.ecosystem-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.flow-item{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-section);color:var(--text-muted);font-size:12px;font-weight:600}.flow-item.active{border-color:var(--brand-primary-dark);background:var(--brand-primary);color:var(--text-inverse)}.flow-arrow{font-size:14px;font-weight:700;color:var(--text-muted)}@media (max-width: 576px){.login-form-container{padding:22px}.login-form-container h2{font-size:34px}.flow-item{font-size:11px;padding:7px 10px}}.dashboard-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent}.dashboard-header{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border-radius:24px;padding:40px;margin-bottom:30px;text-align:center;box-shadow:var(--shadow-hover);border:1px solid var(--overlay-light-strong);position:relative;overflow:hidden}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 15px;color:var(--text-heading-dark);text-shadow:var(--text-shadow);letter-spacing:1px}.header-subtitle{font-size:16px;color:var(--text-body-dark);font-weight:500}.header-datetime{font-size:14px;margin-top:10px;color:var(--text-muted-dark)}.order-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.order-status-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:all .3s ease;animation:float 3s ease-in-out infinite;cursor:pointer;--card-color: var(--brand-info)}.order-status-card--accent{--card-color: var(--brand-accent)}.order-status-card--info{--card-color: var(--brand-info)}.order-status-card--primary{--card-color: var(--brand-primary)}.order-status-card:nth-child(1){animation-delay:0s}.order-status-card:nth-child(2){animation-delay:.2s}.order-status-card:nth-child(3){animation-delay:.4s}.order-status-card:nth-child(4){animation-delay:.6s}.order-status-card:nth-child(5){animation-delay:.8s}.order-status-card:nth-child(6){animation-delay:1s}.order-status-card:nth-child(7){animation-delay:1.2s}.order-status-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:var(--shadow-hover);border-color:var(--card-color)}.card-icon{font-size:2.5rem;margin-bottom:10px;color:var(--card-color)}.card-label{font-size:12px;color:var(--card-color);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.card-value{font-size:1.8rem;font-weight:800;color:var(--text-heading)}.card-change{font-size:12px;color:var(--card-color);font-weight:600}.revenue-card{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));border-radius:24px;padding:30px;margin-bottom:30px;text-align:center;box-shadow:var(--shadow-hover);border:1px solid var(--overlay-light-strong);position:relative;overflow:hidden}.revenue-icon{font-size:4rem;margin-bottom:15px}.revenue-amount{font-size:2rem;font-weight:700;margin:0 0 10px;color:var(--text-heading-dark);text-shadow:var(--text-shadow)}.revenue-label{font-size:16px;color:var(--text-body-dark);font-weight:500}.no-orders-message{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;margin-bottom:30px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.scanning-icon{font-size:3rem;margin-bottom:20px;animation:pulse 2s infinite}.no-orders-title{font-size:1.5rem;font-weight:700;color:var(--text-body);margin-bottom:10px}.no-orders-text{font-size:16px;color:var(--text-muted);margin:0}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.widget-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:all .3s ease;cursor:pointer;--hover-glow: var(--success-tint)}.widget-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.widget-card.danger{border-left:4px solid var(--brand-danger)}.widget-card.info{border-left:4px solid var(--brand-info)}.widget-card--danger{--hover-glow: var(--danger-tint)}.widget-card--success{--hover-glow: var(--success-tint)}.widget-card--info{--hover-glow: var(--info-tint)}.widget-header{margin-bottom:20px;text-align:center}.widget-title{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.widget-title.danger{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.widget-title.success{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.widget-title.info{background:linear-gradient(135deg,var(--brand-info),var(--brand-info));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.widget-subtitle{font-size:12px;color:var(--text-muted)}.alert-list{display:flex;flex-direction:column;gap:15px}.alert-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--danger-tint);border-radius:12px;border:1px solid var(--brand-danger);transition:all .3s ease;cursor:pointer}.alert-item:hover{transform:translate(5px);background:var(--danger-tint);border-color:var(--brand-danger)}.alert-item.success{background:var(--success-tint);border:1px solid var(--brand-success)}.alert-item.success:hover{background:var(--success-tint);border-color:var(--brand-success)}.alert-item.info{background:var(--info-tint);border:1px solid var(--brand-info)}.alert-item.info:hover{background:var(--info-tint);border-color:var(--brand-info)}.alert-icon{font-size:1.5rem;animation:bounce 2s infinite}.alert-icon-static{animation:none}.alert-content{flex:1}.alert-message{font-weight:600;color:var(--text-heading);font-size:14px}.alert-time{font-size:12px;color:var(--text-muted)}.alert-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));color:#fff;animation:blink 1s infinite}.alert-badge.warning{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark))}.alert-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:14px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-bottom:30px}.chart-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.chart-container{margin-bottom:20px;text-align:center}.chart-title{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.chart-title.business{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chart-title.orders{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chart-subtitle{font-size:12px;color:var(--text-muted)}.chart-wrapper{height:300px}.quick-actions{background:linear-gradient(135deg,var(--success-tint),var(--success-tint));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:30px;margin-top:30px;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.quick-actions-title{font-size:1.5rem;margin-bottom:20px;text-align:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-transform:uppercase;letter-spacing:2px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.quick-action-btn{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:16px;padding:20px;color:var(--text-heading);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.quick-action-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-hover);background:var(--color-bg-card)}.quick-action-icon{font-size:2rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;background:var(--success-tint);border-radius:24px;margin:20px 0}.loading-content{text-align:center}.loading-icon{font-size:4rem;margin-bottom:20px;animation:spin 2s linear infinite}.loading-title{font-size:20px;font-weight:600;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loading-subtitle{font-size:14px;color:var(--text-muted);margin-top:10px}.dashboard-error{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--brand-danger)}.error-content{text-align:center}.error-icon{font-size:3rem;margin-bottom:16px}@media (max-width: 768px){.dashboard-header{padding:30px 20px}.dashboard-header h1{font-size:2rem}.order-status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.widgets-grid,.charts-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.order-status-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}}.dashboard-container{display:flex;flex-direction:column;gap:16px}.dashboard-header{position:relative;margin-bottom:0;border:1px solid var(--color-border);background:var(--color-bg-card)}.dashboard-refresh-btn{position:absolute;right:20px;top:20px;min-height:40px;border-radius:10px;padding:0 12px}.dashboard-error-banner{border:1px solid rgba(220,38,38,.35);background:#fee2e2db;color:#991b1b;border-radius:10px;padding:10px 14px;font-weight:600}.order-status-card,.widget-card,.chart-card,.quick-actions,.no-orders-message{border:1px solid var(--color-border)}@media (max-width: 900px){.dashboard-refresh-btn{position:static;margin-top:10px}}.products-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--color-bg-section)}.modern-products-page{min-height:100vh;background:var(--color-bg-section);padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.products-header{background:var(--color-bg-main);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);text-align:center}.header-content{display:flex;flex-direction:column;align-items:center;gap:15px}.page-title{font-size:22px;font-weight:600;color:var(--text-heading);display:flex;align-items:center;gap:12px}.title-icon{font-size:24px}.products-stats{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:flex-start}.products-controls{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:15px;flex-wrap:wrap}.products-search{background:var(--color-bg-main);border:2px solid var(--color-border);border-radius:25px;padding:12px 20px;font-size:16px;width:250px;outline:none;flex-shrink:0}.products-import{display:flex;gap:10px;align-items:center}.products-btn{white-space:nowrap;flex-shrink:0}.products-btn-file{display:inline-flex;align-items:center;gap:8px}.products-btn.is-loading{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.category-select{flex:1;padding:10px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-bg-main)}.category-select-row{display:flex;gap:8px;align-items:center}.category-add-btn{font-size:16px;font-weight:700;padding:10px 12px}.category-custom-input{width:100%;padding:10px;border:2px solid var(--brand-primary);border-radius:8px;font-size:14px;margin-top:8px;outline:none;background:var(--color-bg-main)}.input-hidden{display:none}.products-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:15px;max-width:800px}.products-filter__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:800px}.products-filter__label{display:flex;align-items:center;gap:8px;cursor:pointer}.products-filter__checkbox{transform:scale(1.2)}.products-filter__text{font-weight:600}.products-filter__text--all{color:var(--brand-info);font-weight:700;font-size:15px}.products-filter__text--in{color:var(--brand-primary-dark)}.products-filter__text--out{color:var(--brand-danger)}.products-filter__text--with-images{color:var(--brand-primary-dark)}.products-filter__text--no-images{color:var(--brand-accent)}.products-filter__text--hotlist{color:#ff6b35;font-weight:600}.products-filter__text--not-hotlist{color:var(--text-muted)}.products-stats .stat-item{display:flex;align-items:center;gap:5px}.products-stats .stat-item:not(:last-child):after{content:"|";color:var(--color-border);margin-left:15px;font-weight:300}.stat-item{text-align:center}.stat-number{display:block;font-size:28px;font-weight:700;color:var(--text-muted);margin-bottom:5px}.message-banner{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:slideDown .3s ease}.message-banner.success{background:var(--success-tint);color:var(--brand-success-dark);border:1px solid var(--success-tint)}.message-banner.error{background:var(--danger-tint);color:var(--brand-danger);border:1px solid var(--danger-tint)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.products-content{max-width:1400px;margin:0 auto}.no-products{background:var(--color-bg-main);border-radius:12px;padding:60px;text-align:center;box-shadow:var(--shadow-card)}.no-products-icon{font-size:80px;margin-bottom:20px;opacity:.7}.no-products h3{font-size:24px;color:var(--text-heading);margin-bottom:10px}.no-products p{color:var(--text-muted);font-size:16px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1400px;margin:0 auto}.product-card{background:var(--color-bg-main);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--color-border);width:100%;max-width:320px;min-height:420px;margin:0 auto;display:flex;flex-direction:column;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.product-image{position:relative;height:200px;overflow:hidden;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.stock-badge{position:absolute;top:15px;right:15px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stock-badge.in-stock{background:var(--brand-success);color:#fff}.stock-badge.out-of-stock{background:var(--brand-danger);color:#fff}.hotlist-badge{position:absolute;top:45px;right:15px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 2px 4px #ff6b354d}.product-info{padding:16px 12px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.product-name{font-size:1.1rem;font-weight:700;color:var(--text-heading);margin:0 0 8px;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-description{font-size:14px;color:var(--text-muted);margin-bottom:12px;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{display:flex;align-items:center;gap:6px;margin-bottom:8px}.price-value{font-size:1rem;font-weight:800;color:var(--brand-success)}.price-mrp{font-size:14px;color:var(--text-muted);text-decoration:line-through}.product-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);margin-bottom:8px;gap:4px;flex-wrap:wrap}.product-offer-badge{background:var(--brand-accent);color:var(--text-heading);padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-top:8px;text-align:center}.product-id{background:var(--color-bg-section);padding:3px 6px;border-radius:4px;font-family:monospace;font-size:10px;white-space:nowrap;flex-shrink:0}.product-category{background:var(--text-muted);color:#fff;padding:3px 6px;border-radius:4px;font-weight:500;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;flex-shrink:1}.product-actions{display:flex;gap:8px;padding:0 12px 16px;margin-top:auto}.action-btn{flex:1;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark-strong);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-bg-main);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid var(--color-bg-section)}.modal-header h2{font-size:24px;font-weight:600;color:var(--text-heading)}.close-btn{font-size:24px;border-radius:50%}.edit-form{padding:30px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-heading);margin-bottom:8px}.checkbox-label{display:flex!important;align-items:center;gap:10px;font-weight:500!important;margin-bottom:0!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important;margin:0!important;transform:scale(1.2)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-muted);box-shadow:var(--focus-ring)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:15px;margin-top:30px}.cancel-btn,.save-btn{flex:1;font-size:16px}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}}@media (max-width: 768px){.modern-products-page{padding:15px}.products-header{padding:20px}.header-content{flex-direction:column;align-items:flex-start}.page-title{font-size:28px}.products-stats{width:100%;justify-content:space-between;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.product-card{margin:0 auto;max-width:320px;min-height:400px}.product-image{height:180px}.modal-content{margin:10px;max-width:none}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.image-upload-section{border:2px dashed var(--color-border);border-radius:8px;padding:20px;text-align:center;background:var(--color-bg-section);transition:all .3s ease}.image-upload-section:hover{border-color:var(--text-muted);background:var(--color-bg-section)}.upload-btn{display:inline-flex;align-items:center;justify-content:center;margin-bottom:15px}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;justify-content:center}.image-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid var(--color-border)}.image-item img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:-5px;right:-5px;background:var(--brand-danger);color:var(--text-inverse);border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image:hover{transform:scale(1.1)}.image-gallery{position:relative;width:100%;height:100%}.image-count{position:absolute;bottom:8px;right:8px;background:var(--overlay-dark-strong);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}@media (max-width: 768px){.products-stats{gap:10px;justify-content:center}.products-stats .stat-item:not(:last-child):after{margin-left:10px}.products-controls{flex-direction:column;gap:12px}.products-controls>*{width:100%;max-width:280px}}@media (max-width: 480px){.product-actions{flex-direction:column}.action-btn{padding:10px}.modal-header,.edit-form{padding:20px}.image-preview{justify-content:flex-start}.image-item{width:60px;height:60px}.search-section>div:last-child{gap:8px;max-width:none}.search-section label{font-size:13px}.search-section input[type=text]{width:200px;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--color-bg-section)}.modern-orders-page{min-height:100vh;background:var(--color-bg-section);padding:20px}.orders-header{background:var(--color-bg-main);border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);position:relative;z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.page-title{font-size:32px;font-weight:700;color:var(--text-heading);display:flex;align-items:center;gap:15px}.title-icon{font-size:36px;color:var(--text-heading)}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:var(--color-bg-main);color:var(--text-heading);padding:25px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);transition:all .3s ease;border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.stat-card.total{border-left-color:var(--text-muted)}.stat-card.confirmed{border-left-color:var(--brand-success)}.stat-card.delivered{border-left-color:var(--brand-warning)}.stat-card.revenue{border-left-color:var(--brand-accent)}.stat-icon{font-size:32px;opacity:.8}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:24px;font-weight:700;margin-bottom:5px;color:var(--text-heading)}.stat-label{font-size:14px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filters-section{background:var(--color-bg-main);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);position:relative;z-index:1}.search-bar{margin-bottom:20px}.search-input-wrapper{position:relative;max-width:400px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-muted)}.search-input{width:100%;padding:15px 15px 15px 50px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;background:var(--color-bg-main);transition:all .3s ease;color:var(--text-heading)}.search-input:focus{outline:none;border-color:var(--text-muted);box-shadow:var(--focus-ring)}.filter-controls{display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:var(--text-heading);text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-bg-main);cursor:pointer;transition:all .3s ease;min-width:150px;color:var(--text-heading)}.filter-select:focus{outline:none;border-color:var(--text-muted);box-shadow:var(--focus-ring)}.clear-filters-btn{background:var(--text-muted);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px;box-shadow:var(--shadow-soft)}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.orders-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.no-orders{background:var(--color-bg-main);border-radius:12px;padding:60px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.no-orders-icon{font-size:80px;margin-bottom:20px;opacity:.7;color:var(--text-heading)}.no-orders h3{font-size:24px;color:var(--text-heading);margin-bottom:10px;font-weight:700}.no-orders p{color:var(--text-muted);font-size:16px;font-weight:500}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.order-card{background:var(--color-bg-main);border-radius:12px;padding:25px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:all .3s ease}.order-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--color-border)}.order-id{display:flex;flex-direction:column}.id-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-weight:600}.id-value{font-size:18px;font-weight:700;color:var(--text-heading)}.order-amount{text-align:right;display:flex;flex-direction:column}.amount-value{font-size:24px;font-weight:700;color:var(--brand-success)}.amount-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:600}.order-items-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px;background:var(--overlay-light-stronger);border-radius:8px;border:1px solid var(--color-border)}.items-count,.customer-info{font-size:14px;color:var(--text-heading);font-weight:600}.order-status-section{margin-bottom:20px}.current-status{display:flex;align-items:center;gap:10px;margin-bottom:15px}.status-label{font-size:14px;color:var(--text-muted);font-weight:600}.status-pending{background:var(--brand-warning);color:#fff}.status-confirmed{background:var(--brand-success);color:#fff}.status-shipped{background:var(--text-muted);color:#fff}.status-out-for-delivery{background:var(--brand-accent);color:#fff}.status-delivered{background:var(--brand-success);color:#fff}.status-cancelled{background:var(--brand-danger);color:#fff}.order-actions{margin-bottom:20px}.status-selector{margin-bottom:15px}.status-selector label{display:block;font-size:14px;color:var(--text-heading);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-dropdown{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;background:var(--color-bg-main);cursor:pointer;transition:all .3s ease;color:var(--text-heading)}.status-dropdown:focus{outline:none;border-color:var(--text-muted);box-shadow:var(--focus-ring)}.action-buttons{display:flex;gap:10px}.view-details-btn{flex:1;background:var(--text-muted);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-soft)}.view-details-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.delete-btn{background:var(--brand-danger);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.delete-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--color-border);font-size:14px;color:var(--text-muted);font-weight:500}.order-date,.order-time{display:flex;align-items:center;gap:5px}.order-mini-btn{padding:4px 8px;font-size:12px;line-height:1;border-radius:6px}.order-view-btn{width:100%;text-transform:uppercase;font-size:14px;letter-spacing:.4px}@media (max-width: 768px){.modern-orders-page{padding:15px}.orders-header{padding:20px;border-radius:12px}.header-content{flex-direction:column;align-items:flex-start}.page-title{font-size:28px}.orders-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-section{padding:20px;border-radius:12px}.filter-controls{flex-direction:column}.filter-select{min-width:100%}.orders-grid{grid-template-columns:1fr;gap:20px}.order-card{padding:20px;border-radius:12px}.order-header{flex-direction:column;gap:10px;align-items:flex-start}.order-amount{text-align:left}}.orders-command{background:var(--primary-bg);min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-heading)}.orders-command__loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--primary-accent)}.orders-command__loading-inner{text-align:center}.orders-command__loading-icon{font-size:3rem;margin-bottom:16px}.orders-command__loading-text{font-size:18px}.orders-command__header{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border-radius:24px;padding:40px;margin-bottom:30px;box-shadow:var(--shadow-hover),0 0 0 1px var(--overlay-light);border:1px solid var(--overlay-light-strong)}.orders-command__title{font-size:2.5rem;font-weight:700;text-align:center;margin:0 0 20px;color:var(--text-inverse);text-shadow:0 4px 20px var(--overlay-dark-strong);letter-spacing:1px}.orders-command__controls{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.orders-command__input,.orders-command__select{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:12px 20px;color:var(--text-heading);font-size:16px;outline:none;box-shadow:var(--shadow-card)}.orders-command__input{width:300px}.orders-command__select{cursor:pointer}.orders-command__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.orders-command__stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--glass-border);transition:all .3s ease;animation:ordersFloat 3s ease-in-out infinite;--stat-color: var(--text-muted)}.orders-command__stat-card:nth-child(1){animation-delay:0s}.orders-command__stat-card:nth-child(2){animation-delay:.2s}.orders-command__stat-card:nth-child(3){animation-delay:.4s}.orders-command__stat-card:nth-child(4){animation-delay:.6s}.orders-command__stat-card:nth-child(5){animation-delay:.8s}.orders-command__stat-card:nth-child(6){animation-delay:1s}.orders-command__stat-card:nth-child(7){animation-delay:1.2s}.orders-command__stat-card:nth-child(8){animation-delay:1.4s}.orders-command__stat-card--neutral{--stat-color: var(--text-body)}.orders-command__stat-card--accent{--stat-color: var(--brand-accent)}.orders-command__stat-card--primary{--stat-color: var(--brand-primary)}.orders-command__stat-card--info{--stat-color: var(--brand-info)}.orders-command__stat-card--success{--stat-color: var(--brand-success)}.orders-command__stat-card--danger{--stat-color: var(--brand-danger)}.orders-command__stat-icon{font-size:2rem;margin-bottom:8px}.orders-command__stat-value{font-size:1.5rem;font-weight:700;color:var(--text-heading)}.orders-command__stat-label{font-size:12px;color:var(--stat-color, var(--text-muted));font-weight:600;text-transform:uppercase;letter-spacing:1px}.orders-command__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.orders-command__card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;transition:all .3s ease;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.orders-command__card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover)}.orders-command__order-id{font-size:14px;color:var(--text-muted);font-weight:600}.orders-command__order-amount{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.orders-command__customer-box{margin-bottom:20px;padding:12px;background:var(--success-tint);border-radius:12px;border:1px solid var(--success-tint)}.orders-command__customer-name{font-size:14px;color:var(--text-heading);font-weight:600}.orders-command__customer-row{display:flex;align-items:center;gap:8px;margin-top:4px}.orders-command__customer-phone{font-size:14px;color:var(--text-muted)}.orders-command__customer-actions{display:flex;gap:4px}.orders-command__items-count{font-size:12px;color:var(--text-muted);margin-top:4px}.orders-command__status-select{width:100%;background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:15px;padding:12px;color:var(--text-primary);font-size:14px;margin-bottom:15px;outline:none;cursor:pointer;box-shadow:var(--shadow-soft)}.orders-command__empty{text-align:center;margin-top:50px;padding:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.orders-command__empty-icon{font-size:4rem;margin-bottom:20px}.orders-command__empty-title{font-size:24px;font-weight:700;color:var(--text-heading)}.orders-command__empty-subtitle{font-size:16px;color:var(--text-muted);margin-top:10px}@keyframes ordersFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.orders-command{display:flex;flex-direction:column;gap:16px}.orders-command__header{margin-bottom:0;border:1px solid var(--color-border);background:var(--color-bg-card)}.orders-command__controls{justify-content:flex-end}.orders-command__refresh{min-height:44px;border-radius:10px;padding:0 14px}.orders-command__topbar{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.88rem;font-weight:600}.orders-command__message{border:1px solid var(--color-border);border-radius:10px;padding:10px 14px;font-weight:600}.orders-command__message.success{border-color:#16a34a52;background:#dcfce7cc;color:#166534}.orders-command__message.error{border-color:#dc262652;background:#fee2e2cc;color:#991b1b}.orders-command__stat-card{border:1px solid var(--color-border);min-height:112px}.orders-command__card{border:1px solid var(--color-border)}.orders-command__status-select{border-radius:10px;border:1px solid var(--color-border-strong)}@media (max-width: 960px){.orders-command__controls{justify-content:stretch}.orders-command__refresh,.orders-command__input,.orders-command__select{width:100%}}.orders-command__count{margin:0;line-height:1.4}.orders-command__card-top{display:grid;gap:10px}@media (max-width: 1280px){.orders-command{padding:16px;gap:14px}.orders-command__header{padding:24px;border-radius:18px}.orders-command__title{font-size:clamp(1.4rem,2.8vw,2rem);margin-bottom:14px;line-height:1.2;letter-spacing:.2px}.orders-command__controls{gap:12px}.orders-command__input,.orders-command__select{min-height:42px;padding:10px 14px;border-radius:12px;font-size:14px}.orders-command__input{width:min(100%,360px)}.orders-command__stats{gap:12px}.orders-command__stat-card{min-height:98px;padding:14px;border-radius:14px}.orders-command__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.orders-command__card{border-radius:14px;padding:16px}}@media (max-width: 760px){.orders-command{padding:12px;gap:12px}.orders-command__header{padding:14px;border-radius:12px}.orders-command__title{text-align:left;margin-bottom:10px}.orders-command__controls{display:grid;grid-template-columns:1fr;gap:10px}.orders-command__input,.orders-command__select,.orders-command__refresh{width:100%}.orders-command__topbar{font-size:.8rem}.orders-command__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.orders-command__stat-icon{font-size:1.2rem;margin-bottom:4px}.orders-command__stat-value{font-size:1.1rem}.orders-command__stat-label{font-size:10px;letter-spacing:.4px}.orders-command__grid{grid-template-columns:1fr;gap:10px}.orders-command__customer-row{flex-wrap:wrap;row-gap:6px}.orders-command__customer-actions{margin-left:auto}.orders-command__status-select,.order-view-btn{min-height:40px}}@media (max-width: 420px){.orders-command__stats{grid-template-columns:1fr}}.categories-page{display:grid;gap:18px;color:var(--text-body, #1f2937)}.categories-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#f8fffb,#eef7ff);border:1px solid var(--color-border, #dbe5f0);border-radius:16px;padding:16px}.categories-title{margin:0;font-size:1.8rem;line-height:1.2;color:var(--text-heading, #0f172a)}.categories-subtitle{margin:6px 0 0;color:var(--text-muted, #64748b)}.categories-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.categories-search{min-width:260px;height:42px;border:1px solid #cdd8e5;border-radius:10px;padding:0 12px;background:#fff;color:#0f172a}.categories-search:focus{outline:none;border-color:#2d8a5f;box-shadow:0 0 0 3px #2d8a5f26}.categories-add-btn{height:42px;border:none;border-radius:10px;padding:0 14px;background:#0f766e;color:#fff;font-weight:700;cursor:pointer}.categories-add-btn:hover{background:#0d685f}.categories-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.categories-metric-card{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #dbe5f0);border-radius:12px;padding:12px}.categories-metric-card .label{color:#6b7280;font-size:.84rem}.categories-metric-card .value{margin-top:6px;font-size:1.2rem;font-weight:800;color:#111827}.categories-alert{display:flex;justify-content:space-between;gap:10px;border-radius:10px;padding:10px 12px;border:1px solid}.categories-alert.success{background:#ecfdf3;border-color:#34d399;color:#065f46}.categories-alert.error{background:#fef2f2;border-color:#f87171;color:#991b1b}.categories-alert button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1}.categories-table-card{background:var(--color-bg-card, #ffffff);border:1px solid var(--color-border, #dbe5f0);border-radius:14px;overflow:hidden}.categories-table-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border, #dbe5f0)}.categories-table-head h2{margin:0;color:#0f172a}.categories-table-head p{margin:4px 0 0;color:#64748b}.categories-count-chip{font-size:.84rem;color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:4px 10px}.categories-table-wrap{overflow:auto}.categories-table{width:100%;border-collapse:collapse;min-width:980px}.categories-table th,.categories-table td{padding:11px 12px;border-bottom:1px solid #ecf0f4;text-align:left;vertical-align:top}.categories-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}.categories-table tbody tr:nth-child(2n){background:#fcfdff}.categories-table tbody tr:hover{background:#eef7ff}.categories-table .display-name{font-weight:700;color:#0f172a}.categories-table .tagline{color:#64748b}.categories-delete-btn{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:8px;padding:5px 10px;font-weight:700;cursor:pointer}.categories-delete-btn:hover{background:#ffe4e6}.categories-empty{padding:26px;text-align:center;color:#64748b}.categories-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a7a;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.categories-modal-card{width:100%;max-width:560px;background:#fff;border-radius:14px;border:1px solid #dbe5f0;box-shadow:0 20px 48px #02061740;padding:18px}.categories-modal-card h3{margin:0 0 12px;color:#0f172a}.categories-modal-grid{display:grid;gap:10px}.categories-modal-grid label span{display:block;margin-bottom:6px;font-size:.88rem;color:#334155}.categories-modal-grid input{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:0 10px}.categories-modal-grid input:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px #0f766e26}.categories-duplicate{margin:10px 0 0;color:#b91c1c;font-size:.9rem}.categories-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.categories-primary,.categories-secondary{height:40px;border-radius:9px;padding:0 14px;font-weight:700;cursor:pointer;border:1px solid transparent}.categories-primary{background:#0f766e;color:#fff}.categories-primary:disabled{opacity:.6;cursor:not-allowed}.categories-secondary{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.categories-notes{background:#f0f9ff;border:1px solid #93c5fd;border-radius:12px;padding:14px}.categories-notes h3{margin:0 0 10px;color:#0c4a6e}.categories-notes ul{margin:0;padding-left:18px;display:grid;gap:5px;color:#1e293b}@media (max-width: 980px){.categories-hero{flex-direction:column}.categories-hero-actions{width:100%}.categories-search{flex:1;min-width:200px}.categories-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.categories-metrics{grid-template-columns:1fr}.categories-hero-actions{flex-direction:column;align-items:stretch}.categories-add-btn,.categories-search{width:100%}}.users-page{background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes users-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes users-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.users-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;background:linear-gradient(135deg,var(--info-tint),var(--accent-tint));border-radius:24px;margin:20px 0}.users-loading-inner{text-align:center}.users-loading-icon{font-size:4rem;margin-bottom:20px;animation:users-spin 2s linear infinite}.users-loading-text{font-size:20px;font-weight:600;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.users-header{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-dark) 50%,var(--brand-danger) 100%);border-radius:24px;padding:40px;margin-bottom:30px;text-align:center;box-shadow:var(--shadow-hover),0 0 0 1px var(--overlay-light);border:1px solid var(--overlay-light-strong);position:relative;overflow:hidden}.users-header-title{font-size:2.5rem;font-weight:700;margin:0 0 15px;color:var(--text-inverse);text-shadow:0 4px 20px var(--overlay-dark-strong);letter-spacing:1px}.users-header-subtitle{font-size:16px;color:var(--text-inverse);opacity:.9;font-weight:500}.users-add-btn{margin-top:15px;border-radius:25px}.users-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.users-stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--glass-border);transition:all .3s ease;animation:users-float 3s ease-in-out infinite;--stat-color: var(--text-muted)}.users-stat-card:nth-child(1){animation-delay:0s}.users-stat-card:nth-child(2){animation-delay:.5s}.users-stat-card:nth-child(3){animation-delay:1s}.users-stat-card:nth-child(4){animation-delay:1.5s}.users-stat-card:nth-child(5){animation-delay:2s}.users-stat-card--primary{--stat-color: var(--brand-primary)}.users-stat-card--accent{--stat-color: var(--brand-accent)}.users-stat-card--success{--stat-color: var(--brand-success)}.users-stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover)}.users-stat-icon{font-size:3rem;margin-bottom:15px}.users-stat-label{font-size:14px;color:var(--stat-color, var(--text-muted));margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.users-stat-value{font-size:2rem;font-weight:700;color:var(--text-heading);margin:10px 0}.users-filters{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.users-filters-row{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.users-search-input,.users-filter-select{background:var(--overlay-light-stronger);border:2px solid var(--brand-info);border-radius:25px;padding:12px 20px;font-size:16px;outline:none}.users-search-input{width:300px}.users-filter-select{cursor:pointer}.users-message{border-radius:15px;padding:15px;margin:20px 0;text-align:center;font-size:16px;font-weight:700;border:2px solid transparent}.users-message.success{background:var(--success-tint);border-color:var(--brand-primary-dark)}.users-message.error{background:var(--danger-tint);border-color:var(--brand-danger)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.user-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;transition:all .3s ease;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.user-card.is-clickable{cursor:pointer}.user-card.is-clickable:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover)}.user-card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color-border)}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:24px;font-weight:700}.user-meta{flex:1}.user-name{font-size:18px;font-weight:700;color:var(--text-heading);margin-bottom:4px}.user-id{font-size:12px;color:var(--text-muted);font-family:monospace}.user-details{margin-bottom:20px}.user-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-detail-label{font-size:14px;color:var(--text-muted)}.user-detail-value{font-size:14px;font-weight:600;color:var(--text-heading)}.user-badges{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-role-badge,.user-status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-inverse);box-shadow:var(--shadow-soft)}.user-role-customer{background:linear-gradient(135deg,var(--brand-info),var(--brand-info))}.user-role-delivery{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark))}.user-role-admin,.user-status-badge.is-active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark))}.user-status-badge.is-inactive{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger))}.user-action-btn{width:100%;text-transform:uppercase;border-radius:15px}.users-empty{text-align:center;margin-top:50px;padding:40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:var(--shadow-card);border:1px solid var(--glass-border)}.users-empty-icon{font-size:4rem;margin-bottom:20px}.users-empty-title{font-size:24px;font-weight:700;color:var(--text-heading)}.users-empty-sub{font-size:16px;color:var(--text-muted);margin-top:10px}.users-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-dark-stronger);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.users-modal{background:var(--text-inverse);border-radius:20px;padding:30px;max-width:800px;max-height:80vh;overflow:auto;width:100%;position:relative}.users-modal--compact{max-width:500px}.users-modal-close{position:absolute;top:15px;right:15px;font-size:24px}.users-modal-profile{text-align:center;margin-bottom:20px}.users-modal-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:48px;color:var(--text-inverse);overflow:hidden}.users-modal-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.users-modal-name{margin:0;color:var(--text-heading)}.users-modal-role{color:var(--text-muted);margin:5px 0}.users-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.users-modal-card{border-radius:15px;padding:20px}.users-modal-card--primary{background:var(--brand-tint)}.users-modal-card--accent{background:var(--accent-tint)}.users-modal-card--success{background:var(--success-tint)}.users-modal-card--danger{background:var(--danger-tint)}.users-modal-card--docs{background:var(--info-tint);grid-column:1 / -1}.users-modal-card-title{margin:0 0 15px;font-weight:700}.users-modal-card-title--primary{color:var(--brand-primary)}.users-modal-card-title--accent{color:var(--brand-accent)}.users-modal-card-title--success{color:var(--brand-success)}.users-modal-card-title--danger{color:var(--brand-danger)}.users-modal-card-list{display:flex;flex-direction:column;gap:10px}.users-modal-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.users-modal-doc{padding:10px;border-radius:10px;background:var(--text-inverse);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:10px}.users-modal-doc-icon{font-size:20px}.users-modal-doc-title{font-weight:600;text-transform:capitalize}.users-modal-doc-status{font-size:12px}.users-modal-doc-status.verified{color:var(--brand-success)}.users-modal-doc-status.pending{color:var(--brand-accent)}.users-modal-doc-status.rejected{color:var(--brand-danger)}.users-modal-doc-status.not_uploaded{color:var(--text-muted)}.users-stepper{margin-bottom:20px}.users-stepper-row{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.users-stepper-circle{width:30px;height:30px;border-radius:50%;background:var(--color-border);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.users-stepper-circle.is-active{background:var(--brand-primary)}.users-stepper-label{text-align:center;color:var(--text-muted);font-size:14px}.users-modal-title{margin:0 0 20px;color:var(--text-heading);text-align:center}.users-step-content{display:flex;flex-direction:column;gap:15px}.users-form-label{display:block;font-weight:600;margin-bottom:5px}.users-form-input{width:100%;padding:12px;border:2px solid var(--color-border);border-radius:10px;font-size:16px;outline:none;background:var(--text-inverse)}.users-step-hero{text-align:center;margin-bottom:10px}.users-step-hero-icon{font-size:48px;margin-bottom:10px}.users-step-hero-icon.is-compact{font-size:36px}.users-step-hero-sub{font-size:14px;color:var(--text-muted);margin-top:5px}.users-info-box{background:var(--info-tint);border:1px solid var(--brand-info);border-radius:10px;padding:15px;margin-top:10px}.users-info-title{font-size:14px;color:var(--brand-info);font-weight:600}.users-info-text{font-size:13px;color:var(--text-body);margin-top:5px}.users-success-box{background:var(--success-tint);border:1px solid var(--brand-success);border-radius:10px;padding:15px;text-align:center}.users-success-icon{font-size:24px;margin-bottom:8px}.users-success-title{font-size:14px;color:var(--brand-success-dark);font-weight:600}.users-success-text{font-size:13px;color:var(--text-body);margin-top:5px}.users-step-actions{display:flex;gap:10px;margin-top:30px}.users-step-btn{padding:12px;font-size:16px}.users-step-btn.is-flex{flex:1}.modern-reports-page{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-section) 0%,var(--color-border) 100%);padding:20px}.reports-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;margin-bottom:20px;box-shadow:var(--shadow-hover);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.reports-hero{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-dark) 50%,var(--brand-danger) 100%);border-radius:24px;padding:40px;margin-bottom:30px;text-align:center;box-shadow:var(--shadow-hover),0 0 0 1px var(--overlay-light);border:1px solid var(--overlay-light-strong);flex-direction:column}.page-title{font-size:2.5rem;font-weight:800;color:var(--text-heading);margin:0;display:flex;align-items:center;justify-content:center}.title-icon{font-size:3rem;margin-right:15px}.reports-hero .page-title{color:var(--text-inverse);text-shadow:0 4px 20px var(--overlay-dark-strong);letter-spacing:1px}.reports-subtitle{font-size:16px;color:var(--text-inverse);opacity:.9;font-weight:500;margin-bottom:20px}.date-select{padding:12px 20px;border:2px solid var(--overlay-light-strong);border-radius:25px;font-size:16px;outline:none;background:var(--overlay-light-stronger);font-weight:600}.reports-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.reports-loading-card{text-align:center;background:linear-gradient(135deg,var(--info-tint),var(--accent-tint));border-radius:24px;padding:30px 40px}.reports-loading-icon{font-size:4rem;margin-bottom:20px;animation:spin 2s linear infinite}.reports-loading-title{font-size:20px;font-weight:600;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reports-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.report-stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--glass-border);transition:all .3s ease;animation:float 3s ease-in-out infinite;--stat-color: var(--brand-primary)}.report-stat-card:nth-child(1){animation-delay:0s}.report-stat-card:nth-child(2){animation-delay:.5s}.report-stat-card:nth-child(3){animation-delay:1s}.report-stat-card:nth-child(4){animation-delay:1.5s}.report-stat-card--primary{--stat-color: var(--brand-primary)}.report-stat-card--accent{--stat-color: var(--brand-accent)}.report-stat-card--success{--stat-color: var(--brand-success)}.report-stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover)}.report-stat-icon{font-size:3rem;margin-bottom:15px}.report-stat-label{font-size:14px;color:var(--stat-color, var(--brand-primary));margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.report-stat-value{font-size:2rem;font-weight:700;color:var(--text-heading);margin:10px 0}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.report-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:25px;box-shadow:var(--shadow-hover);border:1px solid var(--glass-border)}.report-title{font-size:1.3rem;font-weight:700;color:var(--text-heading);margin-bottom:20px;display:flex;align-items:center;gap:10px}.report-title-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.report-title-accent{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.report-title-danger{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.report-title-info{background:linear-gradient(135deg,var(--brand-info),var(--brand-info));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.metrics-card{grid-column:span 2}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-item{text-align:center;padding:20px;background:var(--info-tint);border-radius:15px;border:1px solid var(--overlay-light-strong)}.metric-value{font-size:2rem;font-weight:800;color:var(--brand-info);margin-bottom:5px}.metric-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.top-products-list,.low-stock-list,.recent-orders-list{display:flex;flex-direction:column;gap:12px}.product-item,.stock-item,.order-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--overlay-light-stronger);border-radius:12px;border:1px solid var(--color-border)}.product-rank{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--text-body),var(--text-heading));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.product-info,.stock-info,.order-info{flex:1;margin-left:15px}.product-name,.stock-name,.order-id{font-weight:600;color:var(--text-heading);font-size:.95rem}.product-sales,.stock-category,.order-date{font-size:.8rem;color:var(--text-muted);margin-top:2px}.product-revenue,.order-amount{font-weight:700;color:var(--brand-primary-dark);font-size:1rem}.stock-count{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.stock-count.low{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:#fff}.stock-count.critical{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));color:#fff}.alert-card{border-left:4px solid var(--brand-danger)}.category-chart{display:flex;flex-direction:column;gap:15px}.category-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--accent-tint);border-radius:12px;border:1px solid var(--accent-tint)}.category-rank{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.category-info{flex:1}.category-name{font-weight:600;color:var(--text-heading);font-size:14px}.category-subtitle{font-size:12px;color:var(--text-muted)}.category-value{font-weight:600;color:var(--brand-accent-dark);font-size:16px}.order-status{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.order-status.pending{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:#fff}.order-status.confirmed{background:linear-gradient(135deg,var(--brand-info),var(--brand-info));color:#fff}.order-status.delivered{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff}.order-status.cancelled{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));color:#fff}.recent-orders-card,.revenue-card{grid-column:span 2}.revenue-chart{display:flex;flex-direction:column;gap:15px}.chart-placeholder{display:flex;align-items:end;justify-content:space-between;height:200px;padding:20px;background:var(--color-bg-card);border-radius:12px;gap:10px}.chart-bar{flex:1;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-radius:4px 4px 0 0;min-height:20px;height:var(--bar-height, 20%);transition:all .3s ease;position:relative}.chart-bar:hover{transform:scaleY(1.1);opacity:.8}.chart-bar-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--brand-primary);color:var(--text-inverse);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;opacity:0;transition:opacity .3s ease;white-space:nowrap}.chart-bar:hover .chart-bar-label{opacity:1}.chart-labels{display:flex;justify-content:space-between;padding:0 20px;font-size:.8rem;color:var(--text-muted);font-weight:500}.peak-hours-list{display:flex;flex-direction:column;gap:10px}.peak-hour-row{display:flex;align-items:center;gap:15px;padding:10px}.peak-hour-label{width:60px;font-size:12px;font-weight:600;color:var(--text-muted);text-align:center}.peak-hour-bar{flex:1;height:20px;background:var(--info-tint);border-radius:10px;position:relative;overflow:hidden}.peak-hour-fill{height:100%;background:linear-gradient(135deg,var(--brand-info),var(--brand-info));border-radius:10px;position:relative;width:var(--fill-width, 0%)}.peak-hour-count{position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:var(--brand-info)}.customer-analytics-card{grid-column:span 2}.customer-metric{background:var(--info-tint);border:1px solid var(--overlay-light-strong)}.metric-icon{font-size:2rem;margin-bottom:10px}.city-section{margin-top:25px}.city-title{font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:15px}.city-chips{display:flex;gap:10px;flex-wrap:wrap}.city-chip{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));color:var(--text-inverse);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}@media (max-width: 768px){.reports-grid{grid-template-columns:1fr}.metrics-card,.recent-orders-card,.revenue-card{grid-column:span 1}.metrics-grid{grid-template-columns:repeat(2,1fr)}.reports-header{flex-direction:column;text-align:center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modern-reports-page{display:flex;flex-direction:column;gap:16px}.reports-header{margin-bottom:0;border:1px solid var(--color-border);background:var(--color-bg-card)}.reports-header-actions{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}.reports-refresh-btn{min-height:42px;border-radius:10px;padding:0 14px}.reports-error-banner{border:1px solid rgba(220,38,38,.35);background:#fee2e2d9;color:#991b1b;border-radius:10px;padding:10px 14px;font-weight:600}.report-stat-card,.report-card{border:1px solid var(--color-border)}.reports-empty-item{color:var(--text-muted);font-size:.92rem;padding:8px 0}@media (max-width: 860px){.reports-header-actions{justify-content:stretch}.reports-refresh-btn,.date-select{width:100%}}.offers-page{max-width:1200px;margin:0 auto}.offers-container{display:grid;gap:30px}.section-card{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-border)}.section-header h2{font-size:1.5rem;color:var(--text-heading);margin:0}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:24px}.offer-card{border:1px solid var(--color-border);border-radius:8px;padding:20px;transition:box-shadow .2s}.offer-card:hover{box-shadow:var(--shadow-card)}.offer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.offer-header h3{font-size:1.25rem;color:var(--text-heading);margin:0}.offer-description{color:var(--text-muted);margin-bottom:16px;line-height:1.5}.offer-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.discount{font-size:1.25rem;font-weight:700;color:var(--brand-primary)}.min-order{color:var(--text-muted);font-size:.9rem}.offer-dates{color:var(--text-hint);font-size:.85rem;margin-bottom:16px}.offer-actions{display:flex;gap:8px}.edit-btn{font-size:.9rem}.status-btn{font-size:.9rem;font-weight:600}.promo-table{padding:24px;overflow-x:auto}.promo-table table{width:100%;border-collapse:collapse}.promo-table th,.promo-table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.promo-table th{background:var(--color-bg-section);font-weight:600;color:var(--text-body)}.promo-code{font-family:Courier New,monospace;font-weight:700;color:var(--brand-primary-dark)}.modal{background:var(--color-bg-card);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.form-group{flex:1}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-body)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:1rem;transition:border-color .2s}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.offers-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.modal{width:95%;margin:20px}.promo-table{padding:16px}.promo-table table{font-size:.9rem}}.coupons-page{padding:24px;display:grid;gap:16px}.coupons-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coupons-header h1{margin:0 0 6px}.coupons-header p{margin:0;color:var(--text-muted)}.coupons-header-actions{display:flex;gap:8px;flex-wrap:wrap}.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid transparent}.banner button{border:none;background:transparent;font-size:18px;line-height:1;color:inherit;cursor:pointer}.banner--error{background:var(--danger-tint);color:var(--brand-danger);border-color:var(--brand-danger)}.banner--success{background:var(--success-tint);color:var(--brand-success-dark);border-color:var(--brand-success)}.coupons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.coupon-card{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:12px;padding:12px}.coupon-card .code{font-weight:800;font-size:13px}.coupon-card .title{margin-top:6px;font-weight:600}.coupon-card .meta{display:flex;gap:10px;font-size:12px;color:var(--text-muted);margin-top:6px}.actions{margin-top:10px;display:flex;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-card{background:var(--color-bg-main);width:640px;max-width:92vw;border-radius:12px;border:1px solid var(--color-border);padding:16px}.form{display:flex;flex-direction:column;gap:10px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;background:var(--color-bg-main)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.coupon-analytics{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:12px;padding:12px}.coupon-analytics--loading{border-style:dashed;color:var(--text-muted)}.coupon-analytics__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.coupon-stat{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.coupon-stat .label{color:var(--text-muted);font-size:12px}.coupon-analytics__top{margin-top:12px}.coupon-analytics__top h3{margin:0 0 8px;font-size:14px}.coupon-analytics__top ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.coupon-analytics__top li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:12px;color:var(--text-muted);border-bottom:1px dashed var(--color-border);padding-bottom:6px}.coupon-analytics__top li:last-child{border-bottom:none}.coupon-analytics__top .code,.coupon-analytics__top .count{font-weight:700;color:var(--text-heading)}.coupon-analytics__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;color:var(--text-muted)}.coupon-analytics__header select{border:1px solid var(--color-border);border-radius:8px;padding:6px 8px;background:var(--color-bg-main)}@media (max-width: 760px){.coupons-page{padding:16px}.coupons-header{flex-direction:column}.form .row{grid-template-columns:1fr}}.delivery-zones-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-border)}.page-header h1{color:var(--text-heading);font-size:2rem;margin:0}.add-zone-btn{display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--color-bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);display:flex;align-items:center;gap:16px;transition:transform .2s ease}.stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border-radius:10px;color:#fff}.stat-content h3{font-size:2rem;font-weight:700;color:var(--text-heading);margin:0}.stat-content p{color:var(--text-muted);margin:4px 0 0;font-weight:500}.search-section{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;font-size:16px;transition:border-color .2s ease}.zones-table-container{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);border:1px solid var(--color-border);overflow:hidden}.zones-table{width:100%;border-collapse:collapse}.zones-table thead{background:var(--color-bg-section)}.zones-table th{padding:16px;text-align:left;font-weight:600;color:var(--text-body);border-bottom:2px solid var(--color-border)}.zones-table td{padding:16px;border-bottom:1px solid var(--color-border);vertical-align:top}.zone-info strong{display:block;color:var(--text-heading);font-size:16px;margin-bottom:4px}.zone-info small{color:var(--text-muted);font-weight:500;background:var(--color-bg-soft);padding:2px 6px;border-radius:4px;font-size:12px}.zone-info p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.pincodes-list{max-width:200px;font-family:Courier New,monospace;font-size:14px;color:var(--text-body)}.delivery-info span{display:block;font-weight:600;color:var(--text-heading);font-size:16px;margin-bottom:4px}.delivery-info small{display:block;color:var(--text-muted);font-size:12px;margin:2px 0}.rider-count{background:var(--info-tint);color:var(--brand-info);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.inactive{background:var(--danger-tint);color:var(--brand-danger)}.edit-btn,.delete-btn{font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-bg-card);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.modal-header h2{margin:0;color:var(--text-heading);font-size:1.5rem}.close-btn{font-size:24px}.zone-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:var(--text-body);font-size:14px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:2px solid var(--color-border);border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.time-inputs{display:flex;align-items:center;gap:8px}.time-inputs input{flex:1}.checkbox-group{margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-body);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--color-border)}.no-zones{text-align:center;padding:60px 20px;color:var(--text-muted)}.no-zones p{font-size:18px;margin:0}.loading{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:18px}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.add-zone-btn{align-self:flex-end}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.zones-table{font-size:14px}.zones-table th,.zones-table td{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.form-row{grid-template-columns:1fr;gap:12px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.zone-form{padding:16px}}@media (max-width: 480px){.delivery-zones-page{padding:10px}.zones-table-container{overflow-x:auto}.zones-table{min-width:600px}}.complaints-page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:2.5rem;color:var(--text-heading);margin-bottom:8px}.page-header p{color:var(--text-muted);font-size:1.1rem}.tab-navigation{display:flex;margin-bottom:20px;border-bottom:1px solid var(--color-border)}.tab-btn{background:none;border:none;padding:12px 24px;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .2s}.tab-btn.active{color:var(--brand-info);border-bottom-color:var(--brand-info)}.tab-btn:hover:not(.active){color:var(--text-body)}.filters-section{display:flex;gap:16px;align-items:end;margin-bottom:20px;padding:20px;background:var(--color-bg-card);border-radius:8px;box-shadow:var(--shadow-soft)}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:.9rem;font-weight:600;color:var(--text-body)}.filter-group select{padding:8px 12px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.9rem;min-width:150px}.filter-btn{background:var(--brand-info);color:var(--text-inverse);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.filter-btn:hover{background:var(--brand-info)}.complaints-table-container,.refunds-table-container{background:var(--color-bg-card);border-radius:8px;box-shadow:var(--shadow-soft);overflow:hidden}.complaints-table,.refunds-table{width:100%;border-collapse:collapse}.complaints-table th,.complaints-table td,.refunds-table th,.refunds-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.complaints-table th,.refunds-table th{background:var(--color-bg-section);font-weight:600;color:var(--text-body);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.ticket-id,.refund-id{font-family:Courier New,monospace;font-weight:700;color:var(--brand-primary-dark)}.customer-info{display:flex;flex-direction:column}.customer-phone{font-size:.85rem;color:var(--text-muted)}.category-badge{background:var(--info-tint);color:var(--brand-info);padding:4px 8px;border-radius:12px;font-size:.75rem;text-transform:capitalize}.priority-badge{color:var(--text-inverse);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.priority-badge.priority-low{background:var(--brand-primary)}.priority-badge.priority-medium,.priority-badge.priority-high{background:var(--brand-accent)}.priority-badge.priority-urgent{background:var(--brand-danger)}.status-badge{color:var(--text-inverse);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-investigating{background:var(--brand-info)}.status-badge.status-resolved{background:var(--brand-primary)}.status-badge.status-closed{background:var(--text-muted)}.status-badge.status-escalated{background:var(--brand-danger)}.status-badge.completed{background:var(--brand-primary)}.status-badge.pending{background:var(--brand-accent)}.status-badge.processing{background:var(--brand-info)}.amount{font-weight:700;color:var(--brand-primary)}.view-btn{background:var(--brand-info);color:var(--text-inverse);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.view-btn:hover{background:var(--brand-info)}.resolve-btn{background:var(--brand-primary);color:var(--text-inverse);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.resolve-btn:hover{background:var(--brand-primary-dark)}.modal{background:var(--color-bg-card);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1.5rem;color:var(--text-heading)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:4px;transition:background .2s}.close-btn:hover{background:var(--color-bg-soft)}.complaint-details{margin-bottom:24px}.detail-row{display:flex;margin-bottom:12px;align-items:flex-start}.detail-row label{font-weight:600;color:var(--text-body);min-width:120px;margin-right:16px}.detail-row span,.detail-row .description{color:var(--text-muted)}.description{line-height:1.5;max-width:500px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.action-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.action-btn.investigate{background:var(--brand-info);color:var(--text-inverse)}.action-btn.investigate:hover{background:var(--brand-info)}.action-btn.refund{background:var(--brand-accent);color:var(--text-inverse)}.action-btn.refund:hover{background:var(--brand-accent-dark)}.action-btn.resolve{background:var(--brand-primary);color:var(--text-inverse)}.action-btn.resolve:hover{background:var(--brand-primary-dark)}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--text-body);margin-bottom:6px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-info);box-shadow:var(--focus-ring)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--color-border)}.refund-details-section.is-hidden{display:none}.cancel-btn{background:var(--color-bg-soft);color:var(--text-body);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.cancel-btn:hover{background:var(--color-border)}.save-btn{background:var(--brand-primary);color:var(--text-inverse);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.save-btn:hover{background:var(--brand-primary-dark)}@media (max-width: 768px){.filters-section{flex-direction:column;align-items:stretch}.filter-group select{min-width:auto}.complaints-table,.refunds-table{font-size:.9rem}.complaints-table th,.complaints-table td,.refunds-table th,.refunds-table td{padding:8px 12px}.modal{width:95%;margin:20px}.form-row{flex-direction:column;gap:0}.modal-actions{flex-direction:column}.action-btn{width:100%}}.settings-page{padding:20px;background:linear-gradient(135deg,var(--color-bg-section) 0%,var(--color-border) 100%);min-height:100vh}.settings-container{max-width:1200px;margin:0 auto}.settings-header{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:var(--text-inverse);padding:40px;border-radius:20px;box-shadow:var(--shadow-hover)}.settings-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px var(--overlay-dark-strong)}.settings-header p{font-size:1.1rem;opacity:.9;margin:0}.message-banner{padding:15px 20px;border-radius:10px;margin-bottom:20px;font-weight:600;text-align:center}.message-banner.success{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff}.message-banner.error{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));color:#fff}.settings-content{background:var(--color-bg-card);border-radius:20px;box-shadow:var(--shadow-card);overflow:hidden}.settings-tabs{display:flex;background:var(--color-bg-section);border-bottom:2px solid var(--color-border);overflow-x:auto}.settings-tabs button{padding:15px 25px;border:none;background:none;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease;white-space:nowrap;border-bottom:3px solid transparent}.settings-tabs button:hover{background:var(--info-tint);color:var(--brand-primary)}.settings-tabs button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);background:var(--info-tint)}.settings-body{padding:30px;min-height:600px}.settings-section{margin-bottom:40px}.settings-section h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:25px;display:flex;align-items:center;gap:10px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-weight:600;color:var(--text-heading);font-size:14px}.setting-item input,.setting-item select{padding:12px 16px;border:2px solid var(--color-border);border-radius:10px;font-size:14px;transition:all .3s ease;background:var(--color-bg-card)}.setting-item input:focus,.setting-item select:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.setting-item input.readonly{background:var(--color-bg-section);cursor:not-allowed;color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-heading);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary)}.business-hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:15px}.day-hours{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--color-bg-section);border-radius:12px;border:2px solid var(--color-border)}.day-name{font-weight:700;color:var(--text-heading);min-width:100px}.hours-controls{display:flex;align-items:center;gap:10px;flex:1}.hours-controls input[type=time]{padding:8px 12px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:14px}.closed-text{color:var(--brand-danger);font-weight:600}.payment-gateway{background:var(--color-bg-section);border-radius:12px;padding:20px;margin-bottom:20px;border:2px solid var(--color-border)}.payment-gateway h4{font-size:1.2rem;font-weight:700;color:var(--text-heading);margin-bottom:15px}.gateway-settings{display:flex;flex-direction:column;gap:15px}.gateway-fields{margin-left:28px;padding-left:15px;border-left:2px solid var(--brand-primary)}.notification-settings{display:flex;flex-direction:column;gap:25px}.notification-group h4{font-size:1.1rem;font-weight:700;color:var(--text-heading);margin-bottom:15px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.settings-actions{margin-top:30px;text-align:center}.save-btn{font-size:16px}@media (max-width: 768px){.settings-page{padding:15px}.settings-header{padding:30px 20px}.settings-header h1{font-size:2rem}.settings-tabs{flex-wrap:wrap}.settings-tabs button{padding:12px 20px;font-size:13px}.settings-body{padding:20px}.settings-grid,.business-hours-grid,.checkbox-grid{grid-template-columns:1fr}.day-hours{flex-direction:column;align-items:flex-start;gap:10px}.hours-controls{width:100%;justify-content:space-between}}.crm-page{padding:20px;background:linear-gradient(135deg,var(--color-bg-section) 0%,var(--color-border) 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.crm-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--color-bg-section)}.crm-header{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:var(--text-inverse);padding:40px;border-radius:20px;box-shadow:var(--shadow-hover)}.crm-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px var(--overlay-dark-strong)}.crm-header p{font-size:1.1rem;opacity:.9;margin:0}.crm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--color-bg-card);padding:25px;border-radius:15px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.stat-icon{font-size:3rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border-radius:15px;color:var(--text-inverse)}.stat-info h3{font-size:2rem;font-weight:700;color:var(--text-heading);margin:0 0 5px}.stat-info p{font-size:14px;color:var(--text-muted);margin:0;font-weight:500}.crm-content{display:grid;grid-template-columns:300px 1fr;gap:30px}.crm-sidebar{background:var(--color-bg-card);border-radius:15px;padding:25px;box-shadow:var(--shadow-card);height:fit-content}.search-section{margin-bottom:25px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:10px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.filter-section h4,.loyalty-program h4{font-size:16px;font-weight:700;color:var(--text-heading);margin-bottom:15px}.filter-buttons{display:flex;flex-direction:column;gap:8px}.filter-buttons button{padding:10px 15px;border:2px solid var(--color-border);background:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .3s ease;text-align:left}.filter-buttons button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.filter-buttons button.active{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}.loyalty-stats{display:flex;flex-direction:column;gap:12px}.loyalty-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border)}.loyalty-stat:last-child{border-bottom:none}.stat-label{font-size:14px;color:var(--text-muted);font-weight:500}.stat-value{font-size:16px;font-weight:700;color:var(--text-heading)}.crm-main{background:var(--color-bg-card);border-radius:15px;padding:25px;box-shadow:var(--shadow-card);min-height:600px}.customers-list h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:20px}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.customer-card{background:var(--color-bg-section);border:2px solid var(--color-border);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease}.customer-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-card);transform:translateY(-2px)}.customer-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.customer-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.customer-basic h4{font-size:16px;font-weight:700;color:var(--text-heading);margin:0 0 5px}.customer-id{font-size:12px;color:var(--text-muted);font-weight:500}.customer-status{margin-left:auto;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--text-inverse);background:var(--text-muted)}.customer-status.status-vip{background:var(--brand-accent)}.customer-status.status-regular{background:var(--brand-primary)}.customer-status.status-new{background:var(--text-muted)}.customer-stats{display:flex;justify-content:space-between;margin-bottom:15px}.customer-stats .stat{text-align:center}.stat-value{display:block;font-size:18px;font-weight:700;color:var(--text-heading)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.customer-contact{display:flex;flex-direction:column;gap:8px}.contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.contact-icon{font-size:16px}.customer-detail{max-width:800px}.detail-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-border)}.back-btn{background:var(--color-bg-soft);color:var(--text-body);border:2px solid var(--color-border-strong);padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:var(--color-border);border-color:var(--text-hint)}.customer-summary{display:flex;align-items:center;gap:20px}.customer-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.customer-info h2{font-size:24px;font-weight:700;color:var(--text-heading);margin:0 0 5px}.customer-info p{font-size:16px;color:var(--text-muted);margin:0 0 10px}.customer-badges{display:flex;gap:10px}.badge{background:var(--color-border);color:var(--text-body);padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500}.detail-content{display:flex;flex-direction:column;gap:30px}.detail-section h4{font-size:18px;font-weight:700;color:var(--text-heading);margin-bottom:20px;display:flex;align-items:center;gap:10px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.overview-card{background:linear-gradient(135deg,var(--color-bg-section) 0%,var(--color-border) 100%);padding:20px;border-radius:12px;text-align:center;border:2px solid var(--color-border)}.overview-value{font-size:24px;font-weight:700;color:var(--text-heading);margin-bottom:5px}.overview-label{font-size:14px;color:var(--text-muted);font-weight:500}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{font-weight:600;color:var(--text-body);font-size:14px}.detail-item span{color:var(--text-muted);font-size:14px}.detail-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.action-btn{padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.action-btn.primary,.action-btn.secondary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:var(--text-inverse)}.action-btn.success{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:var(--text-inverse)}.action-btn.warning{background:linear-gradient(135deg,var(--brand-danger),var(--brand-danger));color:var(--text-inverse)}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}@media (max-width: 1024px){.crm-content{grid-template-columns:1fr}.crm-sidebar{order:2}.crm-main{order:1}}@media (max-width: 768px){.crm-page{padding:15px}.crm-header{padding:30px 20px}.crm-header h1{font-size:2rem}.crm-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.customers-grid{grid-template-columns:1fr}.customer-header{flex-direction:column;text-align:center}.customer-stats{justify-content:space-around}.detail-header{flex-direction:column;gap:15px}.overview-grid{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}.detail-actions{grid-template-columns:repeat(2,1fr)}}.notifications-page{padding:20px;max-width:1200px;margin:0 auto}.notifications-header{margin-bottom:30px}.notifications-header h1{font-size:2rem;color:var(--text-heading);margin-bottom:8px}.notifications-header p{color:var(--text-muted);font-size:1rem}.notifications-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.notification-form{background:var(--color-bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-soft)}.form-section{margin-bottom:24px}.form-section h3{font-size:1.25rem;color:var(--text-heading);margin-bottom:16px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;color:var(--text-body);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid var(--color-border);border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-info)}.char-count{display:block;text-align:right;font-size:12px;color:var(--text-hint);margin-top:4px}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}.form-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border)}.send-btn{background:linear-gradient(135deg,var(--brand-info),var(--brand-info));color:var(--text-inverse);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-soft)}.send-btn:disabled{opacity:.6;cursor:not-allowed}.notification-stats{display:flex;flex-direction:column;gap:20px}.stats-card{background:var(--color-bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow-soft)}.stats-card h4{font-size:1.1rem;color:var(--text-heading);margin-bottom:16px;display:flex;align-items:center;gap:8px}.result-message{padding:12px 16px;border-radius:8px;font-weight:500}.result-message.success{background:var(--success-tint);color:var(--brand-success-dark);border:1px solid var(--success-tint)}.result-message.error{background:var(--danger-tint);color:var(--brand-danger);border:1px solid var(--danger-tint)}.result-details{margin-top:12px;font-size:14px;color:var(--text-muted)}.result-details p{margin:4px 0}.tips-list{list-style:none;padding:0}.tips-list li{color:var(--text-body);font-size:14px;position:relative;padding:8px 0 8px 20px}.tips-list li:before{content:"✓";color:var(--brand-primary);font-weight:700;position:absolute;left:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{text-align:center;padding:12px;background:var(--color-bg-section);border-radius:8px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-heading)}.stat-label{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}@media (max-width: 768px){.notifications-content,.stats-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;gap:12px}}.support-page{padding:20px;max-width:1400px;margin:0 auto}.support-header{margin-bottom:30px}.support-header h2{color:var(--text-primary);display:flex;align-items:center;gap:10px;font-size:24px;margin:0}.support-content{display:grid;grid-template-columns:300px 1fr;gap:20px;height:calc(100vh - 180px)}.conversations-list{background:var(--card-bg);border-radius:8px;padding:20px;border:1px solid var(--border-color);overflow-y:auto}.conversations-list h3{margin:0 0 20px;color:var(--text-primary);font-size:18px}.conversation-item{padding:15px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.conversation-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-soft)}.conversation-item.active{border-color:var(--brand-primary);background:var(--info-tint)}.conversation-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.user-icon{color:var(--brand-primary);font-size:16px}.customer-name{font-weight:600;color:var(--text-primary);flex:1}.status{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status.open{background:var(--warning-tint);color:var(--brand-accent-dark)}.status.assigned{background:var(--info-tint);color:var(--brand-info)}.status.closed{background:var(--success-tint);color:var(--brand-success-dark)}.conversation-preview{color:var(--text-secondary);font-size:14px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:12px;color:var(--text-muted)}.assign-btn{width:100%;margin-top:10px;padding:8px;background:var(--brand-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .2s ease}.assign-btn:hover{background:var(--brand-info)}.chat-area{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary)}.chat-header h4{margin:0;color:var(--text-primary);font-size:18px}.chat-actions{display:flex;gap:10px}.close-btn{padding:8px 16px;background:var(--brand-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:background .2s ease}.close-btn:hover{background:var(--brand-primary-dark)}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message{display:flex;margin-bottom:10px}.message.customer{justify-content:flex-start}.message.agent{justify-content:flex-end}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;position:relative}.message.customer .message-content{background:var(--color-bg-soft);color:var(--text-primary)}.message.agent .message-content{background:var(--brand-primary);color:#fff}.message-content p{margin:0 0 5px;word-wrap:break-word}.message-time{font-size:11px;opacity:.7}.typing-indicator{display:flex;gap:4px;padding:16px;background:var(--color-bg-soft);border-radius:18px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-hint);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.message-input{border-top:1px solid var(--border-color);padding:20px;display:flex;gap:10px;background:var(--bg-primary)}.message-input input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:24px;outline:none;font-size:14px;background:var(--card-bg);color:var(--text-primary)}.message-input input:focus{border-color:var(--brand-primary)}.message-input button{width:48px;height:48px;border:none;border-radius:50%;background:var(--brand-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.message-input button:hover:not(:disabled){background:var(--brand-info)}.message-input button:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.no-chat-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-chat-selected p{margin:0;font-size:16px}@media (max-width: 768px){.support-content{grid-template-columns:1fr;height:auto}.conversations-list{height:300px}}.loyalty-management-page{padding:20px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{margin:0;color:var(--text-heading);font-size:28px;font-weight:700}.loyalty-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:var(--color-bg-card);padding:24px;border-radius:12px;box-shadow:var(--shadow-soft);text-align:center}.metric-card h3{margin:0 0 8px;font-size:32px;font-weight:700;color:var(--brand-accent)}.metric-card p{margin:0;color:var(--text-muted);font-weight:500}.admin-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:30px;overflow-x:auto}.tab-btn{background:none;border:none;padding:16px 24px;font-size:16px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;white-space:nowrap}.tab-btn:hover{color:var(--brand-accent)}.tab-btn.active{color:var(--brand-accent);border-bottom-color:var(--brand-accent)}.tab-content{background:var(--color-bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-soft)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tab-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-heading)}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.tier-card{border:1px solid var(--color-border);border-radius:12px;padding:24px;background:var(--color-bg-card);transition:transform .2s,box-shadow .2s;--tier-color: var(--brand-accent)}.tier-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tier-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tier-icon{font-size:32px;color:var(--tier-color)}.tier-header h3{margin:0;font-size:20px;font-weight:700;color:var(--tier-color)}.tier-card p{color:var(--text-muted);margin-bottom:16px;line-height:1.5}.tier-details{margin-bottom:20px}.tier-details p{margin:0 0 8px;font-size:14px;color:var(--text-body)}.edit-btn{width:100%}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-card{border:1px solid var(--color-border);border-radius:8px;padding:20px;background:var(--color-bg-card)}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.rule-header h3{margin:0;font-size:18px;font-weight:600}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active{background:var(--success-tint);color:var(--brand-success-dark)}.status.inactive{background:var(--danger-tint);color:var(--brand-danger)}.rule-card p{color:var(--text-muted);margin-bottom:12px}.rule-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rule-details p{margin:0;font-size:14px;color:var(--text-body)}.campaigns-list{display:flex;flex-direction:column;gap:16px}.campaign-card{border:1px solid var(--color-border);border-radius:8px;padding:20px;background:var(--color-bg-card)}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.campaign-header h3{margin:0;font-size:18px;font-weight:600}.campaign-card p{color:var(--text-muted);margin-bottom:12px}.campaign-details p{margin:0 0 8px;font-size:14px;color:var(--text-body)}.redemptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.redemption-card{border:1px solid var(--color-border);border-radius:12px;padding:20px;background:var(--color-bg-card);transition:transform .2s,box-shadow .2s}.redemption-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.redemption-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.redemption-header h3{margin:0;font-size:18px;font-weight:600;flex:1}.points-required{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:var(--text-inverse);padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.redemption-card p{color:var(--text-muted);margin-bottom:12px}.redemption-details p{margin:0 0 8px;font-size:14px;color:var(--text-body)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg-card);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-header h3{margin:0;font-size:20px;font-weight:700}.close-btn{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-body)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-accent)}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:12px;padding:0 24px 24px;border-top:1px solid var(--color-border);margin-top:24px}.cancel-btn,.save-btn,.confirm-btn{flex:1;font-size:14px}@media (max-width: 768px){.loyalty-management-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.analytics-overview{grid-template-columns:1fr}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:12px 16px;font-size:14px}.tab-header{flex-direction:column;align-items:flex-start;gap:16px}.tiers-grid,.redemptions-grid{grid-template-columns:1fr}.tier-header,.redemption-header,.rule-header,.campaign-header{flex-direction:column;align-items:flex-start;gap:8px}.modal-content{width:95%;margin:20px}.modal-footer{flex-direction:column}}.riders-page{padding:20px;background:var(--primary-bg, var(--color-bg-section));min-height:100vh}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-heading);margin:0 0 4px}.filter-controls{display:flex;gap:16px;flex-wrap:wrap}.bulk-buttons{display:flex;gap:12px}.riders-table-container{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden}.riders-table{width:100%;border-collapse:collapse}.riders-table th{background:var(--color-bg-section);padding:16px 12px;text-align:left;font-weight:600;color:var(--text-body);border-bottom:2px solid var(--color-border);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.riders-table td{padding:16px 12px;border-bottom:1px solid var(--color-bg-soft);vertical-align:middle}.riders-table tbody tr:hover{background:var(--color-bg-section)}.rider-info .rider-name{font-weight:600;color:var(--text-heading);margin-bottom:2px}.rider-info__row{display:flex;align-items:center;gap:12px}.profile-icon--lg{width:60px;height:60px;font-size:1.75rem}.rider-info .rider-phone{color:var(--text-muted);font-size:.9rem}.location-info{font-size:.9rem}.location-info .zone-text{color:var(--text-muted);margin-top:2px}.vehicle-info{font-size:.9rem}.vehicle-info .vehicle-number{color:var(--text-muted);margin-top:2px}.orders-count{font-weight:600;color:var(--brand-primary-dark)}.earnings-amount{font-weight:600;color:var(--brand-danger)}.rating{display:flex;align-items:center;gap:6px}.rating-stars{font-size:.9rem}.rating-number{font-weight:600;color:var(--brand-accent)}.last-login{font-size:.9rem;color:var(--text-muted)}.action-btn{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;background:transparent}.action-btn:hover{transform:scale(1.1)}.riders-status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.riders-status-badge--active,.riders-status-badge--verified,.riders-status-badge--approved{background:var(--success-tint);color:var(--brand-success-dark)}.riders-status-badge--pending{background:var(--warning-tint);color:var(--brand-accent-dark)}.riders-status-badge--rejected,.riders-status-badge--suspended,.riders-status-badge--banned{background:var(--danger-tint);color:var(--brand-danger)}.riders-status-badge--inactive{background:var(--color-bg-soft);color:var(--text-muted)}.no-riders{text-align:center;padding:60px 20px;color:var(--text-muted)}.no-riders-icon{font-size:4rem;margin-bottom:16px}.no-riders h3{font-size:1.5rem;margin-bottom:8px;color:var(--text-body)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0}.pagination-info{color:var(--text-muted);font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{padding:8px 16px;border:2px solid var(--color-border);background:var(--color-bg-card);color:var(--text-body);border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:var(--brand-info);color:var(--brand-info)}.pagination-current{padding:8px 16px;background:var(--brand-info);color:var(--text-inverse);border-radius:6px;font-weight:600}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column}.riders-table{font-size:.9rem}.riders-table th,.riders-table td{padding:8px 6px}.action-buttons{flex-direction:column;gap:4px}.bulk-actions{flex-direction:column;gap:12px;align-items:flex-start}.pagination{flex-direction:column;gap:12px;align-items:center}}.document-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark-stronger);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.document-viewer-modal{background:var(--color-bg-main);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-hover);display:flex;flex-direction:column}.document-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-section)}.document-info h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-heading)}.document-info p{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.document-status{display:flex;align-items:center}.status-badge{color:var(--text-inverse);padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;background:var(--text-muted)}.status-badge.status-approved{background:var(--brand-primary)}.status-badge.status-rejected{background:var(--brand-danger)}.status-badge.status-pending{background:var(--brand-accent)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:var(--color-bg-soft);color:var(--text-body)}.document-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-section)}.zoom-controls{display:flex;align-items:center;gap:12px}.zoom-controls button{padding:6px 12px;border:1px solid var(--color-border);background:var(--color-bg-main);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.zoom-controls button:hover{background:var(--color-bg-soft);border-color:var(--text-muted)}.zoom-controls span{font-weight:500;color:var(--text-body);min-width:60px;text-align:center}.download-btn{padding:8px 16px;background:var(--brand-info);color:var(--text-inverse);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s}.download-btn:hover{background:var(--brand-info)}.document-display{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-section);min-height:400px}.image-container{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-soft);transform:scale(var(--zoom, 1)) rotate(var(--rotation, 0deg));transition:transform .3s ease}.pdf-container iframe{border:none;border-radius:8px;box-shadow:var(--shadow-soft)}.unsupported-container{text-align:center;padding:40px}.unsupported-icon{font-size:3rem;margin-bottom:16px}.unsupported-container p{margin:8px 0;color:var(--text-muted)}.document-actions-section{padding:20px;border-top:1px solid var(--color-border);background:var(--color-bg-section)}.comments-section{margin-bottom:16px}.comments-section label{display:block;font-weight:500;color:var(--text-body);margin-bottom:8px}.comments-section textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:6px;font-family:inherit;font-size:.875rem;resize:vertical}.comments-section textarea:focus{outline:none;border-color:var(--brand-info);box-shadow:var(--focus-ring)}.action-buttons{display:flex;gap:12px;justify-content:flex-end}.reject-btn,.approve-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.reject-btn{background:var(--brand-danger);color:var(--text-inverse)}.reject-btn:hover{background:var(--brand-danger-dark)}.approve-btn{background:var(--brand-primary);color:var(--text-inverse)}.approve-btn:hover{background:var(--brand-primary-dark)}.document-history{padding:20px;border-top:1px solid var(--color-border);background:var(--color-bg-main)}.document-history h4{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:var(--text-heading)}.history-timeline{display:flex;flex-direction:column;gap:16px}.history-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--color-bg-section);border-radius:8px}.history-item.rejected{background:var(--danger-tint);border:1px solid var(--danger-tint)}.history-icon{font-size:1.25rem;flex-shrink:0}.history-content{flex:1}.history-content p{margin:0 0 4px;font-size:.875rem;color:var(--text-body)}.history-content small{color:var(--text-muted);font-size:.75rem}.history-comments{margin-top:8px!important;font-style:italic;color:var(--text-body)!important;background:var(--color-bg-soft);padding:8px 12px;border-radius:4px;border-left:3px solid var(--brand-info)}@media (max-width: 768px){.document-viewer-modal{width:95%;max-height:95vh}.document-viewer-header{padding:16px;flex-direction:column;gap:12px;align-items:flex-start}.document-toolbar{padding:12px 16px;flex-direction:column;gap:12px}.zoom-controls{justify-content:center}.action-buttons{flex-direction:column}.reject-btn,.approve-btn{width:100%}}.rider-profile-page{padding:20px;background:var(--primary-bg, var(--color-bg-section));min-height:100vh}.profile-header{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.rider-basic-info{display:flex;align-items:center;gap:20px;flex:1}.rider-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand-info),var(--brand-info));display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:24px;font-weight:700;overflow:hidden}.rider-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-text{font-size:28px;font-weight:700}.rider-details{flex:1}.rider-name{font-size:2rem;font-weight:700;color:var(--text-heading);margin:0 0 8px}.rider-meta{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.rider-id{font-weight:600;color:var(--brand-info)}.rider-phone{color:var(--text-muted)}.status-badge.active{background:var(--success-tint);color:var(--brand-success-dark)}.status-badge.pending{background:var(--warning-tint);color:var(--brand-accent-dark)}.status-badge.suspended{background:var(--danger-tint);color:var(--brand-danger)}.rider-location{color:var(--text-muted);font-size:.9rem}.rider-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-width:300px}.stat-item{text-align:center;padding:16px;background:var(--color-bg-section);border-radius:8px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rider-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.action-btn.primary{background:var(--brand-info);color:var(--text-inverse)}.action-btn.primary:hover{background:var(--brand-info);transform:translateY(-1px)}.action-btn.secondary{background:var(--brand-primary);color:var(--text-inverse)}.action-btn.secondary:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.action-btn.warning{background:var(--brand-accent);color:var(--text-inverse)}.action-btn.warning:hover{background:var(--brand-accent-dark);transform:translateY(-1px)}.action-btn.danger{background:var(--brand-danger);color:var(--text-inverse)}.action-btn.danger:hover{background:var(--brand-danger);transform:translateY(-1px)}.action-btn.success{background:var(--brand-primary);color:var(--text-inverse)}.action-btn.success:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.profile-tabs{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);padding:0;margin-bottom:24px;display:flex;overflow-x:auto}.tab-icon{font-size:1.1rem}.tab-content{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);padding:24px}.overview-section{animation:fadeIn .5s ease}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.overview-card{border:1px solid var(--color-border);border-radius:8px;padding:20px}.overview-card h3{font-size:1.25rem;font-weight:700;color:var(--text-heading);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-border)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-weight:600;color:var(--text-body);font-size:.9rem}.info-item span{color:var(--text-muted);font-size:.9rem}.documents-section{animation:fadeIn .5s ease}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.document-card{border:1px solid var(--color-border);border-radius:8px;padding:20px;text-align:center}.document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.document-header h4{font-size:1.1rem;font-weight:700;color:var(--text-heading);margin:0}.doc-status{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.doc-status.verified{background:var(--success-tint);color:var(--brand-success-dark)}.doc-status.pending{background:var(--warning-tint);color:var(--brand-accent-dark)}.doc-status.rejected{background:var(--danger-tint);color:var(--brand-danger)}.document-preview{margin-bottom:16px}.doc-placeholder{width:100%;height:120px;background:var(--color-bg-section);border:2px dashed var(--color-border-strong);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.2rem}.document-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.document-actions .btn-secondary,.document-actions .btn-success,.document-actions .btn-danger{padding:6px 12px;border-radius:6px;font-weight:600}.earnings-section{animation:fadeIn .5s ease}.earnings-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.summary-card{background:var(--color-bg-section);padding:20px;border-radius:8px;text-align:center}.summary-card h3{font-size:1rem;font-weight:600;color:var(--text-body);margin:0 0 8px}.earnings-amount{font-size:2rem;font-weight:700;color:var(--brand-primary-dark);margin-bottom:4px}.earnings-details{color:var(--text-muted);font-size:.9rem}.earnings-history h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:16px}.earnings-table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.earnings-table th{background:var(--color-bg-section);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-body);border-bottom:1px solid var(--color-border)}.earnings-table td{padding:12px 16px;border-bottom:1px solid var(--color-bg-soft)}.earnings-table tbody tr:hover{background:var(--color-bg-section)}.total-amount{font-weight:700;color:var(--brand-primary-dark)}.orders-section{animation:fadeIn .5s ease}.orders-section h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:16px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{border:1px solid var(--color-border);border-radius:8px;padding:16px;background:var(--color-bg-card)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-id{font-weight:600;color:var(--brand-info)}.order-status{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.order-status.delivered{background:var(--success-tint);color:var(--brand-success-dark)}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-size:.9rem}.order-customer,.order-address,.order-amount,.order-rating{color:var(--text-muted)}.order-time{font-size:.8rem;color:var(--text-hint);text-align:right}.performance-section{animation:fadeIn .5s ease}.performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px}.metric-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-soft);border-radius:8px}.metric-content h4{font-size:1rem;font-weight:600;color:var(--text-body);margin:0 0 4px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--brand-info)}.activity-section{animation:fadeIn .5s ease}.activity-section h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:16px}.activity-timeline{position:relative;padding-left:30px}.activity-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--color-border)}.activity-item{position:relative;margin-bottom:24px;padding-left:20px}.activity-dot{position:absolute;left:-22px;top:6px;width:12px;height:12px;background:var(--brand-info);border-radius:50%;border:3px solid var(--text-inverse);box-shadow:0 0 0 2px var(--color-border)}.activity-content{background:var(--color-bg-section);padding:12px 16px;border-radius:8px;border-left:3px solid var(--brand-info)}.activity-action{font-weight:600;color:var(--text-heading);margin-bottom:4px}.activity-details{color:var(--text-muted);font-size:.9rem;margin-bottom:4px}.activity-time{font-size:.8rem;color:var(--text-hint)}.rider-not-found{text-align:center;padding:60px 20px;background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft)}.not-found-icon{font-size:4rem;margin-bottom:16px}.rider-not-found h2{font-size:2rem;font-weight:700;color:var(--text-heading);margin-bottom:8px}.rider-not-found p{color:var(--text-muted);margin-bottom:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start;gap:20px}.rider-stats{grid-template-columns:repeat(2,1fr);width:100%}.rider-actions{width:100%;justify-content:center}.profile-tabs{overflow-x:auto}.overview-grid,.documents-grid,.earnings-summary,.performance-metrics,.info-grid,.order-details{grid-template-columns:1fr}}.rider-onboarding-page{padding:20px;background:var(--primary-bg, var(--color-bg-section));min-height:100vh}.page-header{background:var(--color-bg-card);padding:24px;border-radius:12px;box-shadow:var(--shadow-soft);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2rem;font-weight:700;color:var(--text-heading);margin:0 0 4px}.page-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.page-header .header-actions{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--color-bg-card);padding:24px;border-radius:12px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-soft),var(--color-border));border-radius:12px}.stat-content h3{font-size:2rem;font-weight:700;color:var(--text-heading);margin:0 0 4px}.stat-content p{color:var(--text-muted);margin:0;font-size:.9rem}.onboarding-tabs{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);padding:0;margin-bottom:24px;display:flex;overflow-x:auto}.tab-btn{padding:16px 24px;border:none;background:transparent;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;border-bottom:3px solid transparent}.tab-btn:hover{color:var(--brand-info);background:var(--info-tint)}.tab-btn.active{color:var(--brand-info);border-bottom-color:var(--brand-info);background:var(--info-tint)}.applications-container{display:flex;flex-direction:column;gap:20px}.application-card{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden}.application-header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.rider-info{display:flex;align-items:center;gap:16px;flex:1}.rider-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--brand-info),var(--brand-info));display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:18px;font-weight:700}.rider-details h3{font-size:1.25rem;font-weight:600;color:var(--text-heading);margin:0 0 4px}.rider-details p{color:var(--text-muted);margin:0;font-size:.9rem}.application-status{text-align:right}.rejection-reason{color:var(--brand-danger);font-size:.8rem;margin-top:4px}.onboarding-status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.onboarding-status-badge--approved{background:var(--success-tint);color:var(--brand-success-dark)}.onboarding-status-badge--pending{background:var(--warning-tint);color:var(--brand-accent-dark)}.onboarding-status-badge--review{background:var(--info-tint);color:var(--brand-info)}.onboarding-status-badge--rejected{background:var(--danger-tint);color:var(--brand-danger)}.application-content{padding:20px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px}.vehicle-info h4,.documents-section h4,.background-check h4{font-size:1rem;font-weight:600;color:var(--text-body);margin:0 0 12px}.vehicle-info p{margin:4px 0;color:var(--text-muted);font-size:.9rem}.vehicle-info strong{color:var(--text-body)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.document-item{border:1px solid var(--color-border);border-radius:8px;padding:12px;text-align:center}.document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.doc-name{font-weight:600;color:var(--text-body);font-size:.8rem}.doc-status{padding:2px 6px;border-radius:10px;color:var(--text-inverse);font-size:.7rem;font-weight:600;text-transform:uppercase}.doc-status--verified{background:var(--brand-primary)}.doc-status--uploaded{background:var(--brand-accent)}.doc-status--rejected{background:var(--brand-danger)}.doc-status--pending{background:var(--text-muted)}.doc-reason{color:var(--brand-danger);font-size:.8rem;margin:4px 0 8px}.document-actions{display:flex;gap:6px;justify-content:center}.btn-approve,.btn-reject,.btn-view{padding:4px 8px;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-approve{background:var(--brand-primary);color:var(--text-inverse)}.btn-approve:hover{background:var(--brand-primary-dark)}.btn-reject{background:var(--brand-danger);color:var(--text-inverse)}.btn-reject:hover{background:var(--brand-danger)}.btn-view{background:var(--text-muted);color:var(--text-inverse)}.btn-view:hover{background:var(--text-body)}.background-check{text-align:center}.bg-status{padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;display:inline-block}.bg-status.completed{background:var(--success-tint);color:var(--brand-success-dark)}.bg-status.pending{background:var(--warning-tint);color:var(--brand-accent-dark)}.application-actions{padding:20px;border-top:1px solid var(--color-border);display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.btn-approve-large,.btn-reject-large,.btn-success-large,.btn-danger-large,.btn-secondary-large{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-approve-large{background:var(--brand-primary);color:var(--text-inverse)}.btn-approve-large:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.btn-reject-large{background:var(--brand-danger);color:var(--text-inverse)}.btn-reject-large:hover{background:var(--brand-danger);transform:translateY(-1px)}.btn-success-large{background:var(--brand-primary);color:var(--text-inverse);cursor:not-allowed}.btn-danger-large{background:var(--brand-danger);color:var(--text-inverse);cursor:not-allowed}.btn-secondary-large{background:var(--text-muted);color:var(--text-inverse)}.btn-secondary-large:hover{background:var(--text-body);transform:translateY(-1px)}.no-applications{text-align:center;padding:60px 20px;background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft)}.no-apps-icon{font-size:4rem;margin-bottom:16px}.no-applications h3{font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:8px}.no-applications p{color:var(--text-muted)}@media (max-width: 768px){.page-header,.application-header{flex-direction:column;align-items:flex-start;gap:16px}.application-content{grid-template-columns:1fr;gap:16px}.documents-grid{grid-template-columns:repeat(2,1fr)}.application-actions{justify-content:center}.onboarding-tabs{overflow-x:auto}.tab-btn{min-width:200px}}.rider-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding:10px 14px;border-radius:10px;border:1px solid transparent;font-weight:600}.rider-alert--success{background:var(--success-tint);border-color:var(--brand-success);color:var(--brand-success-dark)}.rider-alert--error{background:var(--danger-tint);border-color:var(--brand-danger);color:var(--brand-danger)}.rider-alert button{border:none;background:transparent;color:inherit;cursor:pointer;font-size:18px;line-height:1}.application-card--active{outline:2px solid var(--brand-info);outline-offset:1px}.rider-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.rider-modal-card{width:100%;max-width:460px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;padding:18px;box-shadow:var(--shadow-soft)}.rider-modal-card h3{margin:0 0 10px}.rider-modal-card ul{margin:0 0 14px;padding-left:18px;display:grid;gap:6px}.page-header .btn-primary,.page-header .btn-secondary{min-height:40px}@media (max-width: 768px){.page-header .header-actions{width:100%;flex-wrap:wrap}.page-header .header-actions button{flex:1 1 180px}}.customers-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft)}.header-content h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-heading)}.header-content .page-subtitle{margin:5px 0 0;color:var(--text-muted);font-size:1rem}.header-actions{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--color-bg-card);padding:24px;border-radius:12px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-soft);border-radius:12px}.stat-content h3{margin:0;font-size:1.875rem;font-weight:700;color:var(--text-heading)}.stat-content p{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.filters-section{background:var(--color-bg-card);padding:20px;border-radius:12px;box-shadow:var(--shadow-soft);margin-bottom:20px}.search-bar{display:flex;gap:12px;margin-bottom:16px}.search-input{flex:1;padding:12px 16px;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.875rem}.search-input:focus{outline:none;border-color:var(--brand-info);box-shadow:var(--focus-ring)}.filter-controls{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:8px;font-size:.875rem;background:var(--color-bg-card)}.bulk-actions{background:var(--warning-tint);border:1px solid var(--brand-accent);padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.bulk-buttons{display:flex;gap:8px}.bulk-btn{font-size:.875rem}.customers-table-container{background:var(--color-bg-card);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden;margin-bottom:20px}.customers-table{width:100%;border-collapse:collapse}.customers-table th,.customers-table td{padding:16px;text-align:left;border-bottom:1px solid var(--color-border)}.customers-table th{background:var(--color-bg-section);font-weight:600;color:var(--text-body)}.customer-info,.customer-info__row{display:flex;align-items:center;gap:12px}.profile-icon{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-bg-main);background:var(--color-bg-section);display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.profile-icon--sm{width:24px;height:24px;font-size:.875rem}.profile-icon--md{width:40px;height:40px;font-size:1.25rem}.profile-icon--lg{width:80px;height:80px;font-size:2rem}.profile-icon__fallback{color:var(--text-muted)}.customer-name{font-weight:600;color:var(--text-heading)}.customer-phone{color:var(--text-muted);font-size:.875rem}.tier-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase}.tier-badge--platinum{background:var(--color-border);color:var(--text-heading)}.tier-badge--gold{background:var(--brand-accent);color:var(--text-heading)}.tier-badge--silver{background:var(--text-hint);color:var(--text-heading)}.tier-badge--bronze{background:var(--brand-accent-dark);color:var(--text-inverse)}.tier-badge--default{background:var(--text-muted);color:var(--text-inverse)}.customers-status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.customers-status-badge--active{background:var(--success-tint);color:var(--brand-success-dark)}.customers-status-badge--inactive{background:var(--danger-tint);color:var(--brand-danger)}.orders-count,.spent-amount,.last-order{font-weight:500}.action-buttons{display:flex;gap:8px}.action-btn{padding:6px;border-radius:6px;font-size:1rem;background:transparent}.action-btn:hover{background:var(--color-bg-soft)}.no-customers{text-align:center;padding:60px 20px;color:var(--text-muted)}.no-customers-icon{font-size:4rem;margin-bottom:16px}.no-customers h3{margin:0 0 8px;font-size:1.25rem;color:var(--text-body)}.pagination{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-card);padding:16px 20px;border-radius:12px;box-shadow:var(--shadow-soft)}.pagination-info{color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 16px;border:1px solid var(--color-border-strong);background:var(--color-bg-card);border-radius:6px;cursor:pointer}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{padding:8px 16px;background:var(--brand-info);color:var(--text-inverse);border-radius:6px;font-weight:500}.customer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000}.customer-modal{background:var(--color-bg-card);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-btn{font-size:1.5rem}.modal-content{padding:20px}.customer-profile{display:flex;gap:20px;margin-bottom:24px}.customer-details h4{margin:0 0 8px;font-size:1.25rem;font-weight:600}.customer-details p{margin:4px 0;color:var(--text-muted)}.customer-stats{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-weight:500;color:var(--text-body)}.stat-value{font-weight:600;color:var(--text-heading)}.customer-addresses h5{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-body)}.address-item{background:var(--color-bg-section);padding:12px;border-radius:8px;margin-bottom:8px;border:1px solid var(--color-border)}.address-item strong{display:block;color:var(--text-body);margin-bottom:4px}.address-item p{margin:0;color:var(--text-muted)}.default-badge{background:var(--brand-primary);color:var(--text-inverse);padding:2px 8px;border-radius:12px;font-size:.75rem;margin-top:8px;display:inline-block}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;text-align:center}.header-actions{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filters-section{padding:16px}.filter-controls{flex-direction:column}.customers-table{font-size:.875rem}.customers-table th,.customers-table td{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.bulk-actions{flex-direction:column;gap:12px;align-items:stretch}.bulk-buttons{justify-content:center}.customer-profile{flex-direction:column;text-align:center}.customer-stats{grid-template-columns:1fr}}.customers-page{padding:0;max-width:none;display:flex;flex-direction:column;gap:16px}.page-header,.stats-grid,.filters-section,.customers-table-container,.pagination{margin-bottom:0}.page-header{border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px}.header-actions{flex-wrap:wrap}.customers-message{border:1px solid var(--color-border);border-radius:10px;padding:10px 14px;font-weight:600}.customers-message.success{border-color:#16a34a52;background:#dcfce7d1;color:#166534}.customers-message.error{border-color:#dc262652;background:#fee2e2d1;color:#991b1b}.stat-card,.filters-section,.customers-table-container,.pagination{border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.customers-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.55px}.customers-table tbody tr:hover{background:#0f766e0d}.customer-id{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-empty-address{color:var(--text-muted);font-size:.9rem}@media (max-width: 1100px){.customers-table-container{overflow-x:auto}.customers-table{min-width:980px}}@media (max-width: 768px){.page-header{text-align:left}.header-actions{width:100%}.header-actions button{flex:1 1 48%}}.seller-onboarding{display:grid;gap:20px}.seller-onboarding__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.seller-onboarding__filters{display:flex;gap:12px;align-items:flex-end}.seller-onboarding__filters label{display:grid;gap:6px;font-size:14px;color:#444}.seller-onboarding__filters select{padding:8px 10px;border-radius:8px;border:1px solid #d7d7d7}.seller-onboarding__table{background:#fff;border-radius:12px;padding:16px;border:1px solid #e4e4e4}.seller-onboarding__row{display:grid;grid-template-columns:1.4fr .7fr .7fr .7fr .7fr 2fr;gap:12px;padding:12px 0;border-bottom:1px solid #efefef;font-size:14px}.seller-onboarding__row--head{font-weight:600;color:#666}.seller-onboarding__actions{display:flex;flex-wrap:wrap;gap:8px}.seller-onboarding__error{background:#fff2f0;border:1px solid #ffccc7;color:#a8071a;padding:10px 12px;border-radius:8px}.seller-onboarding__empty{padding:16px 0;color:#777}.seller-btn{background:#1f6f52;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px}.seller-btn--ghost{background:#edf4f1;color:#1f6f52}.seller-onboarding__modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:1200}.seller-onboarding__modal-card{background:#fff;padding:20px;border-radius:12px;width:min(520px,90vw);display:grid;gap:14px}.seller-onboarding__modal-header{display:flex;justify-content:space-between;align-items:center}.seller-onboarding__modal textarea{width:100%;border-radius:8px;border:1px solid #d7d7d7;padding:10px;font-family:inherit}.seller-onboarding__modal-actions{display:flex;justify-content:flex-end}@media (max-width: 900px){.seller-onboarding__row{grid-template-columns:1fr}}.seller-onboarding__drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,90vw);background:#fff;box-shadow:-8px 0 20px #00000026;padding:20px;display:grid;grid-template-rows:auto 1fr;gap:16px;z-index:1300}.seller-onboarding__drawer-header{display:flex;justify-content:space-between;align-items:flex-start}.seller-onboarding__drawer-header h2{margin:0 0 6px}.seller-onboarding__drawer-body{display:grid;gap:16px;overflow-y:auto}.seller-onboarding__summary{display:grid;gap:12px;background:#f8f9fb;border-radius:10px;padding:12px}.seller-onboarding__summary div{display:flex;justify-content:space-between;font-size:14px}.seller-onboarding__steps{display:grid;gap:10px}.seller-onboarding__step{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #ececec}.seller-onboarding__badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#dcfce7;color:#166534}.seller-support{padding:24px}.seller-support__header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.seller-support__header h1{margin:0 0 6px}.seller-support__filters{display:flex;align-items:center;gap:10px}.seller-support__filters select{padding:6px 10px;border-radius:6px;border:1px solid #d5d5d5}.seller-support__layout{display:grid;grid-template-columns:320px 1fr;gap:20px}.seller-support__list{display:grid;gap:10px}.seller-support__card{border:1px solid #e4e4e4;border-radius:10px;padding:12px;background:#fff;display:flex;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.seller-support__card.active{border-color:#3d7a5a;background:#f2f7f4}.seller-support__title{font-weight:700}.seller-support__meta{font-size:12px;color:#6b7280}.seller-support__detail{border:1px solid #e4e4e4;border-radius:12px;padding:16px;background:#fff}.seller-support__detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.seller-support__actions button{border:1px solid #d5d5d5;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;margin-left:8px}.seller-support__thread{display:grid;gap:8px;margin-bottom:12px}.seller-support__msg{padding:10px 12px;border-radius:8px;background:#f5f5f5}.seller-support__msg.admin{background:#fff6db}.seller-support__reply textarea{width:100%;border-radius:8px;border:1px solid #d5d5d5;padding:8px;margin:6px 0}.seller-support__reply button{padding:8px 12px;border:none;border-radius:6px;background:#24523d;color:#fff;cursor:pointer}.seller-support__error{background:#fff5f5;border:1px solid #e53e3e;color:#e53e3e;padding:10px 12px;border-radius:8px;margin-bottom:12px}.seller-support__empty{padding:12px;color:#6b7280}@media (max-width: 900px){.seller-support__layout{grid-template-columns:1fr}}.ops-admin-page{display:grid;gap:16px}.ops-admin-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ops-admin-page__title{margin:0;font-size:clamp(1.5rem,2.2vw,2rem);color:#0f172a}.ops-admin-page__subtitle{margin:6px 0 0;color:#64748b;font-size:.95rem}.ops-admin-page__actions{display:flex;gap:8px;flex-wrap:wrap}.ops-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;padding:9px 14px;font-weight:700;font-size:.88rem;cursor:pointer}.ops-btn:hover{border-color:#94a3b8}.ops-btn:disabled{opacity:.6;cursor:not-allowed}.ops-btn--primary{background:#166534;border-color:#166534;color:#fff}.ops-btn--danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.ops-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.ops-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-input,.ops-select,.ops-textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;padding:10px 11px;font-size:.9rem}.ops-textarea{min-height:92px;resize:vertical}.ops-label{display:block;font-size:.78rem;color:#475569;font-weight:700;margin-bottom:6px;letter-spacing:.2px;text-transform:uppercase}.ops-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:auto}.ops-chip{display:inline-flex;align-items:center;border-radius:999px;font-size:.74rem;font-weight:800;padding:4px 9px;border:1px solid #cbd5e1;background:#f8fafc}.ops-chip--ok{background:#ecfdf3;border-color:#86efac;color:#166534}.ops-chip--warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}.ops-chip--bad{background:#fff1f2;border-color:#fda4af;color:#be123c}.ops-chip--info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ops-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.ops-kpi__label{color:#64748b;font-size:.8rem;font-weight:700}.ops-kpi__value{margin-top:6px;font-size:1.2rem;color:#0f172a;font-weight:900}.ops-error{border:1px solid #fecdd3;background:#fff1f2;color:#be123c;border-radius:10px;padding:10px 12px;font-weight:700}@media (max-width: 980px){.ops-grid-3,.ops-kpi-grid{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.ops-grid-2,.ops-grid-3,.ops-kpi-grid{grid-template-columns:1fr}}.App{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-section);min-height:100vh;color:#111827;color:var(--text-heading);font-size:14px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:var(--brand-primary);box-shadow:var(--shadow-soft);position:fixed;height:100vh;z-index:999;top:0;left:0;transition:transform .3s ease}.admin-content{flex:1;background:var(--color-bg-section);padding:0;min-height:100vh;transition:margin-left .3s ease}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0}.admin-content.shifted{margin-left:220px}}@keyframes headerGlow{0%,to{box-shadow:var(--shadow-card)}50%{box-shadow:var(--shadow-hover)}}.admin-shell{display:flex;min-height:100vh}.admin-main{margin-left:220px;width:calc(100% - 220px);min-height:100vh;background:var(--primary-bg)}.admin-content{padding:var(--content-space, 24px);min-height:100vh;overflow-y:auto}.app-error-fallback{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--color-bg-section)}.app-error-card{width:min(560px,100%);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px;display:grid;gap:14px}.app-error-card h2{margin:0;font-size:1.5rem;color:var(--text-heading)}.app-error-card p{margin:0;color:var(--text-body);line-height:1.5}.app-error-card code{display:block;padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-bg-soft);color:var(--text-body);word-break:break-word}.app-error-card button{width:fit-content;min-height:var(--btn-height);padding:0 var(--btn-padding-x);border:1px solid var(--brand-primary-dark);border-radius:var(--radius-btn);background:var(--brand-primary);color:var(--text-inverse);font-weight:600;cursor:pointer}.app-error-card button:hover{background:var(--brand-primary-dark)}