:root{--text-on-teal: #ffffff;--btn-on-teal-bg: #ffffff;--btn-on-teal-fg: #1b6b4a;--btn-on-teal-border: #ffffff;--box-on-teal-bg: #ffffff;--box-on-teal-border: #1b6b4a;--ds-brand-primary: #1b6b4a;--ds-brand-primary-dark: #0d4a33;--ds-brand-accent: #ff6b00;--ds-brand-accent-dark: #cc4400;--ds-brand-success: #1b6b4a;--ds-brand-success-dark: #0d4a33;--ds-brand-danger: #dc2626;--ds-brand-danger-dark: #b91c1c;--ds-brand-info: #2d2d44;--ds-brand-info-dark: #1a1a2e;--ds-brand-warning: #d08700;--ds-bg-main: #f8fafc;--ds-bg-section: #eef2f7;--ds-bg-soft: #f1f5f9;--ds-bg-card: #ffffff;--ds-bg-main-dark: #0d0d1a;--ds-bg-section-dark: #1a1a2e;--ds-bg-soft-dark: #1a1a2e;--ds-bg-card-dark: #1a1a2e;--ds-bg-gradient-main: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);--ds-card-gradient: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--ds-text-heading: #0f172a;--ds-text-inverse: #ffffff;--ds-text-body: #475569;--ds-text-muted: #64748b;--ds-text-hint: #94a3b8;--ds-text-heading-dark: #f5f7ff;--ds-text-body-dark: #d3d7e6;--ds-text-muted-dark: #a5acc2;--ds-border: #e2e8f0;--ds-border-strong: #cbd5e1;--ds-border-dark: #9090ae;--ds-gradient-primary: linear-gradient(135deg, #1b6b4a 0%, #0d4a33 100%);--ds-gradient-primary-light: linear-gradient(135deg, #24916a 0%, #1b6b4a 100%);--ds-gradient-primary-dark: linear-gradient(135deg, #0d4a33 0%, #083b29 100%);--ds-gradient-secondary: linear-gradient(135deg, #ff6b00 0%, #cc4400 100%);--ds-gradient-secondary-light: linear-gradient(135deg, #ff8a33 0%, #ff6b00 100%);--ds-gradient-secondary-dark: linear-gradient(135deg, #cc4400 0%, #a53600 100%);--ds-gradient-accent: linear-gradient(135deg, #1b6b4a 0%, #ff6b00 100%);--ds-gradient-accent-light: linear-gradient(135deg, #24916a 0%, #ff8a33 100%);--ds-gradient-success: linear-gradient(135deg, #1b6b4a 0%, #0d4a33 100%);--ds-gradient-danger: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--ds-gradient-info: linear-gradient(135deg, #2d2d44 0%, #1a1a2e 100%);--ds-gradient-support: linear-gradient(135deg, #2d2d44 0%, #1a1a2e 100%);--ds-gradient-support-light: linear-gradient(135deg, #4a4a68 0%, #2d2d44 100%);--ds-brand-tint: #e8f7f2;--ds-accent-tint: #fff0e0;--ds-success-tint: #e8f7f2;--ds-warning-tint: #fffbeb;--ds-danger-tint: #fef2f2;--ds-info-tint: #ededf4;--ds-overlay-dark: rgba(0, 0, 0, .5);--ds-overlay-dark-strong: rgba(0, 0, 0, .6);--ds-overlay-dark-stronger: rgba(0, 0, 0, .7);--ds-overlay-light: rgba(255, 255, 255, .2);--ds-overlay-light-strong: rgba(255, 255, 255, .3);--ds-overlay-light-stronger: rgba(255, 255, 255, .8);--ds-overlay-clear: rgba(255, 255, 255, 0);--ds-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);--ds-glass-bg: rgba(255, 255, 255, .95);--ds-glass-border: rgba(255, 255, 255, .3);--ds-grain-soft: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');--ds-grain-header: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="grain" width="100" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="30" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.8" fill="rgba(255,255,255,0.08)"/><circle cx="70" cy="10" r="0.6" fill="rgba(255,255,255,0.06)"/><circle cx="90" cy="10" r="0.7" fill="rgba(255,255,255,0.07)"/></pattern></defs><rect width="100" height="20" fill="url(%23grain)"/></svg>');--ds-font-sans: "Noto Sans Devanagari", "Poppins", "Mukta", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--ds-font-heading: "Mukta", "Poppins", "Noto Sans Devanagari", "Inter", system-ui, -apple-system, sans-serif;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-md: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 32px;--ds-space-8: 40px;--ds-space-9: 48px;--ds-space-10: 56px;--ds-space-11: 64px;--ds-space-12: 72px;--ds-section-space: var(--ds-space-7);--ds-section-space-tight: var(--ds-space-5);--ds-section-space-loose: var(--ds-space-9);--ds-content-space: var(--ds-space-6);--ds-stack-gap: var(--ds-space-4);--ds-grid-gap-sm: 12px;--ds-grid-gap-md: 16px;--ds-grid-gap-lg: 24px;--ds-product-grid-gap: 3px;--ds-product-grid-gap-mobile: 12px;--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-sm);--ds-radius-btn: var(--ds-radius-sm);--ds-radius-input: var(--ds-radius-sm);--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);--ds-btn-height: 42px;--ds-btn-height-lg: 48px;--ds-btn-padding-x: 20px;--ds-btn-font: 600;--ds-input-padding: .75rem;--ds-input-font: 1rem;--ds-input-height: 42px;--ds-input-radius: var(--ds-radius-sm);--ds-label-gap: .5rem;--ds-gap-md: 1rem;--ds-gap-lg: 1.5rem;--ds-login-field-gap: 10px;--ds-login-alt-gap: 6px;--ds-login-panel-pad: 36px 32px 28px;--ds-login-promo-pad: 28px 26px;--ds-login-modal-radius: var(--ds-radius-sm);--ds-login-close-size: 32px;--ds-login-close-pad: 0px;--ds-login-header-mb: 12px;--ds-login-tagline-mb: 18px;--ds-login-terms-mt: 6px;--ds-login-badge-gap: 10px;--ds-login-badge-mb: 12px;--ds-login-trust-gap: 6px;--ds-icon-sm: 16px;--ds-helper-text-size: .8rem;--ds-helper-text-gap: 10px;--ds-otp-helper-gap: 6px;--ds-input-group-gap: 20px;--ds-focus-ring: 0 0 0 3px rgba(255, 107, 0, .35);--ds-focus-outline: 3px solid rgba(255, 107, 0, .45);--ds-logo-bg: var(--ds-brand-primary);--ds-logo-text-primary: #ffffff;--ds-logo-text-accent: var(--ds-brand-accent);--ds-vegetables-gradient: linear-gradient(135deg, #1b6b4a 0%, #0d4a33 100%);--ds-fruits-gradient: linear-gradient(135deg, #24916a 0%, #1b6b4a 100%);--ds-dairy-gradient: linear-gradient(135deg, #2d2d44 0%, #1a1a2e 100%);--ds-bakery-gradient: linear-gradient(135deg, #5bb89a 0%, #24916a 100%);--ds-meat-gradient: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%);--ds-beverages-gradient: linear-gradient(135deg, #1b6b4a 0%, #2d2d44 100%);--brand-primary: var(--ds-brand-primary);--brand-primary-dark: var(--ds-brand-primary-dark);--brand-accent: var(--ds-brand-accent);--brand-accent-dark: var(--ds-brand-accent-dark);--brand-success: var(--ds-brand-success);--brand-success-dark: var(--ds-brand-success-dark);--brand-danger: var(--ds-brand-danger);--brand-danger-dark: var(--ds-brand-danger-dark);--brand-info: var(--ds-brand-info);--brand-info-dark: var(--ds-brand-info-dark);--brand-warning: var(--ds-brand-warning);--color-bg-main: var(--ds-bg-main);--color-bg-section: var(--ds-bg-section);--color-bg-soft: var(--ds-bg-soft);--color-bg-card: var(--ds-bg-card);--color-bg-main-dark: var(--ds-bg-main-dark);--color-bg-section-dark: var(--ds-bg-section-dark);--color-bg-soft-dark: var(--ds-bg-soft-dark);--color-bg-card-dark: var(--ds-bg-card-dark);--background-gradient: var(--ds-bg-gradient-main);--card-gradient: var(--ds-card-gradient);--text-heading: var(--ds-text-heading);--text-body: var(--ds-text-body);--text-muted: var(--ds-text-muted);--text-hint: var(--ds-text-hint);--text-inverse: var(--ds-text-inverse);--text-heading-dark: var(--ds-text-heading-dark);--text-body-dark: var(--ds-text-body-dark);--text-muted-dark: var(--ds-text-muted-dark);--text-primary: var(--ds-text-heading);--text-secondary: var(--ds-text-body);--text-light: var(--ds-text-muted);--color-border: var(--ds-border);--color-border-strong: var(--ds-border-strong);--color-border-dark: var(--ds-border-dark);--primary-gradient: var(--ds-gradient-primary);--primary-light: var(--ds-gradient-primary-light);--primary-dark: var(--ds-gradient-primary-dark);--secondary-gradient: var(--ds-gradient-secondary);--secondary-light: var(--ds-gradient-secondary-light);--secondary-dark: var(--ds-gradient-secondary-dark);--accent-gradient: var(--ds-gradient-accent);--accent-light: var(--ds-gradient-accent-light);--success-gradient: var(--ds-gradient-success);--warning-gradient: var(--ds-gradient-secondary);--danger-gradient: var(--ds-gradient-danger);--info-gradient: var(--ds-gradient-info);--support-gradient: var(--ds-gradient-support);--support-light: var(--ds-gradient-support-light);--brand-tint: var(--ds-brand-tint);--accent-tint: var(--ds-accent-tint);--success-tint: var(--ds-success-tint);--warning-tint: var(--ds-warning-tint);--danger-tint: var(--ds-danger-tint);--info-tint: var(--ds-info-tint);--overlay-dark: var(--ds-overlay-dark);--overlay-dark-strong: var(--ds-overlay-dark-strong);--overlay-dark-stronger: var(--ds-overlay-dark-stronger);--overlay-light: var(--ds-overlay-light);--overlay-light-strong: var(--ds-overlay-light-strong);--overlay-light-stronger: var(--ds-overlay-light-stronger);--overlay-clear: var(--ds-overlay-clear);--text-shadow: var(--ds-text-shadow);--glass-bg: var(--ds-glass-bg);--glass-border: var(--ds-glass-border);--grain-soft: var(--ds-grain-soft);--grain-header: var(--ds-grain-header);--card-bg-hover: var(--color-bg-soft);--success: var(--brand-success);--warning: var(--brand-warning);--danger: var(--brand-danger);--info: var(--brand-info);--font-sans: var(--ds-font-sans);--font-heading: var(--ds-font-heading);--text-xs: var(--ds-text-xs);--text-sm: var(--ds-text-sm);--text-md: var(--ds-text-md);--text-lg: var(--ds-text-lg);--text-xl: var(--ds-text-xl);--text-2xl: var(--ds-text-2xl);--space-1: var(--ds-space-1);--space-2: var(--ds-space-2);--space-3: var(--ds-space-3);--space-4: var(--ds-space-4);--space-5: var(--ds-space-5);--space-6: var(--ds-space-6);--space-7: var(--ds-space-7);--space-8: var(--ds-space-8);--space-9: var(--ds-space-9);--space-10: var(--ds-space-10);--space-11: var(--ds-space-11);--space-12: var(--ds-space-12);--section-space: var(--ds-section-space);--section-space-tight: var(--ds-section-space-tight);--section-space-loose: var(--ds-section-space-loose);--content-space: var(--ds-content-space);--stack-gap: var(--ds-stack-gap);--grid-gap-sm: var(--ds-grid-gap-sm);--grid-gap-md: var(--ds-grid-gap-md);--grid-gap-lg: var(--ds-grid-gap-lg);--product-grid-gap: var(--ds-product-grid-gap);--product-grid-gap-mobile: var(--ds-product-grid-gap-mobile);--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);--shadow-soft: var(--ds-shadow-soft);--shadow-card: var(--ds-shadow-card);--shadow-hover: var(--ds-shadow-hover);--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-padding: var(--ds-input-padding);--input-font: var(--ds-input-font);--input-height: var(--ds-input-height);--input-radius: var(--ds-input-radius);--label-gap: var(--ds-label-gap);--gap-md: var(--ds-gap-md);--gap-lg: var(--ds-gap-lg);--login-field-gap: var(--ds-login-field-gap);--login-alt-gap: var(--ds-login-alt-gap);--login-panel-pad: var(--ds-login-panel-pad);--login-promo-pad: var(--ds-login-promo-pad);--login-modal-radius: var(--ds-login-modal-radius);--login-close-size: var(--ds-login-close-size);--login-close-pad: var(--ds-login-close-pad);--login-header-mb: var(--ds-login-header-mb);--login-tagline-mb: var(--ds-login-tagline-mb);--login-terms-mt: var(--ds-login-terms-mt);--login-badge-gap: var(--ds-login-badge-gap);--login-badge-mb: var(--ds-login-badge-mb);--login-trust-gap: var(--ds-login-trust-gap);--icon-sm: var(--ds-icon-sm);--helper-text-size: var(--ds-helper-text-size);--helper-text-gap: var(--ds-helper-text-gap);--otp-helper-gap: var(--ds-otp-helper-gap);--input-group-gap: var(--ds-input-group-gap);--btn-primary-bg: var(--brand-primary);--btn-primary-fg: var(--text-inverse);--btn-primary-bg-hover: var(--brand-primary-dark);--btn-secondary-bg: var(--brand-primary);--btn-secondary-fg: var(--text-inverse);--btn-secondary-bg-hover: var(--brand-primary-dark);--btn-success-bg: var(--brand-success);--btn-success-fg: var(--text-inverse);--btn-success-bg-hover: var(--brand-success-dark);--btn-warning-bg: var(--brand-accent);--btn-warning-fg: var(--text-inverse);--btn-warning-bg-hover: var(--brand-accent-dark);--btn-danger-bg: var(--brand-danger);--btn-danger-fg: var(--text-inverse);--btn-danger-bg-hover: var(--brand-danger-dark);--focus-ring: var(--ds-focus-ring);--focus-outline: var(--ds-focus-outline);--logo-bg: var(--ds-logo-bg);--logo-text-primary: var(--ds-logo-text-primary);--logo-text-accent: var(--ds-logo-text-accent);--vegetables-gradient: var(--ds-vegetables-gradient);--fruits-gradient: var(--ds-fruits-gradient);--dairy-gradient: var(--ds-dairy-gradient);--bakery-gradient: var(--ds-bakery-gradient);--meat-gradient: var(--ds-meat-gradient);--beverages-gradient: var(--ds-beverages-gradient);--BazarioKart-primary: var(--brand-primary);--BazarioKart-secondary: var(--brand-accent);--BazarioKart-accent: var(--brand-primary-dark);--BazarioKart-bg-primary: var(--color-bg-main);--BazarioKart-bg-white: var(--color-bg-main);--BazarioKart-bg-light: var(--color-bg-section);--BazarioKart-text-primary: var(--text-heading);--BazarioKart-text-secondary: var(--text-body);--BazarioKart-text-light: var(--text-muted);--BazarioKart-text-white: var(--text-inverse);--BazarioKart-success: var(--brand-success);--BazarioKart-warning: var(--brand-warning);--BazarioKart-error: var(--brand-danger);--BazarioKart-info: var(--brand-info);--BazarioKart-primary-hover: var(--brand-primary-dark);--BazarioKart-secondary-hover: var(--brand-accent-dark);--BazarioKart-accent-hover: var(--brand-primary-dark)}:root{--font-base: var(--font-sans);--font-heading: var(--font-heading);--font-accent: var(--font-sans);--font-display: var(--font-heading);--text-900: var(--text-heading);--text-700: var(--text-body);--text-500: var(--text-muted);--bg-50: var(--color-bg-soft);--bg-100: var(--color-bg-section);--brand-700: var(--brand-primary-dark);--brand-600: var(--brand-primary);--brand-500: #24916a;--accent-500: var(--brand-accent);--card: var(--color-bg-card);--border: var(--color-border);--shadow: var(--shadow-card)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-sans);color:var(--text-heading);background:var(--color-bg-main);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.portal{display:grid;grid-template-columns:var(--sidebar-width, 240px) 1fr;min-height:100%;width:100%;max-width:100%;overflow-x:hidden}.sidebar{padding:24px 18px;background:linear-gradient(180deg,#0d4a33,#083b29);color:var(--text-inverse);min-width:0;overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--brand-accent);color:#fff;font-family:var(--font-heading);font-size:18px;font-weight:700;flex-shrink:0}.brand-title{font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff}.brand-sub{font-size:11px;color:#fff9}.brand-actions{display:flex;justify-content:flex-end;margin:-14px 0 18px}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffe6;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.theme-toggle:hover{background:#ffffff29;color:#fff;border-color:#ffffff3d}.nav{display:grid;gap:2px;margin-bottom:24px}.nav-item{border:none;background:transparent;color:#ffffffa6;padding:9px 14px;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;text-decoration:none}.nav-item:hover{background:#ffffff14;color:#fff;transform:translate(3px)}.nav-item.active{background:#ffffff1f;color:#fff;font-weight:600;box-shadow:inset 3px 0 #ff6b00}.sidebar-card{background:#ffffff0f;padding:14px;border-radius:var(--radius-md)}.sidebar-card-title{font-family:var(--font-heading);font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.primary,.ghost{border-radius:var(--radius-btn);padding:10px 18px;cursor:pointer;border:none;font-weight:600;font-size:13.5px;transition:all .2s ease}.primary{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 4px 12px #1b6b4a33}.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1b6b4a47;background:var(--brand-primary-dark)}.ghost{background:var(--brand-tint);color:var(--brand-primary)}.ghost:hover{background:var(--color-bg-section)}.main{padding:28px 32px 48px;min-width:0;max-width:100%;background:var(--color-bg-main)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:13px;color:var(--brand-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.topbar h1{margin:6px 0;font-family:var(--font-heading);font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--text-heading)}.topbar p{margin:0;color:var(--text-muted);font-size:14px}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-label{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:22px;font-weight:700;color:var(--text-heading)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 12px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-card)}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--brand-primary)}.qa-icon{font-size:26px}.qa-label{font-weight:600;font-size:13px;color:var(--text-heading)}.qa-count,.qa-desc{font-size:11px;color:var(--text-muted)}.chip{padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.chip-success{background:var(--success-tint);color:var(--brand-success-dark)}.chip-warning{background:var(--warning-tint);color:var(--brand-accent-dark)}.chip-neutral{background:var(--color-bg-section);color:var(--text-muted)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:18px}.panel{background:var(--color-bg-card);border-radius:var(--radius-card);padding:18px;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h2{margin:0;font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-heading)}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:1fr 1fr .8fr .9fr .8fr;gap:12px;font-size:13.5px;padding:12px 0;border-bottom:1px solid var(--color-border);align-items:center}.table-row:last-child{border-bottom:none}.table-head{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.status{font-weight:600;font-size:12px}.status-processing{color:var(--brand-warning)}.status-packed{color:var(--brand-info)}.status-shipped{color:#7c3aed}.status-delivered{color:var(--brand-success)}.product-list{display:grid;gap:10px}.product-card{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius-md);background:var(--color-bg-soft);border:1px solid var(--color-border);transition:all .2s ease}.product-card:hover{box-shadow:var(--shadow-soft);border-color:var(--color-border-strong)}.product-name{font-weight:600;color:var(--text-heading)}.product-meta{font-size:12px;color:var(--text-muted)}.product-right{text-align:right}.product-price{font-weight:700;color:var(--text-heading)}.pr oduct-stock{font-size:12px;color:var(--text-muted)}.badge{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--brand-tint);color:var(--brand-primary-dark);font-size:11px;font-weight:600}.alert-list{margin:0;padding-left:20px;color:var(--text-body);line-height:1.8}.payout{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.payout-label{font-size:12px;color:var(--text-muted)}.payout-value{font-size:18px;font-weight:700;color:var(--text-heading)}.order-actions{display:flex;gap:6px;flex-wrap:wrap}.action-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.action-accept{background:var(--success-tint);color:var(--brand-success-dark)}.action-accept:hover{background:var(--brand-success);color:#fff}.action-reject{background:var(--danger-tint);color:var(--brand-danger)}.action-reject:hover{background:var(--brand-danger);color:#fff}.action-pack{background:var(--info-tint);color:var(--brand-info)}.action-pack:hover{background:var(--brand-info);color:#fff}.action-dispatch{background:var(--warning-tint);color:var(--brand-accent-dark)}.action-dispatch:hover{background:var(--brand-accent);color:#fff}input,select,textarea{font-family:inherit}input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],select,textarea{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:13.5px;background:var(--color-bg-card);color:var(--text-heading);transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-hover)}.modal h2{margin:0 0 20px;font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-heading)}.lang-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--text-heading);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft);white-space:nowrap}.lang-toggle:hover{border-color:var(--brand-primary);background:var(--brand-tint);transform:translateY(-1px);box-shadow:var(--shadow-card)}.lang-toggle-icon{font-size:16px;line-height:1}.lang-toggle-label{font-size:13px;font-weight:600}[data-theme=dark] .lang-toggle{background:var(--color-bg-card-dark);border-color:var(--color-border-dark);color:var(--text-heading-dark)}[data-theme=dark] .lang-toggle:hover{background:var(--color-bg-section-dark);border-color:var(--brand-accent)}.auth-banner{padding:0;margin-bottom:24px}.auth-card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);max-width:600px}.auth-card h2{margin:0 0 4px;font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-heading)}.auth-card>div:first-child p{margin:0 0 16px;color:var(--text-muted);font-size:13px}.auth-toggle{display:flex;gap:4px;margin-bottom:16px}.auth-toggle .ghost.active{background:var(--brand-primary);color:var(--text-inverse)}.auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.auth-input-single{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:13.5px;background:var(--color-bg-card);color:var(--text-heading);transition:border-color .2s ease}.auth-input-single:focus{outline:none;border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.auth-google-btn{width:100%;padding:10px 18px;border-radius:var(--radius-btn);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--text-heading);font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-google-btn:hover{background:var(--color-bg-soft);border-color:var(--brand-primary)}.auth-error{padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-tint);color:var(--brand-danger);font-size:13px;font-weight:500;margin-top:8px}.auth-manual-title{font-weight:600;color:var(--text-heading);font-size:14px;margin-top:16px;margin-bottom:4px}.auth-manual-desc{color:var(--text-muted);font-size:12px;margin:0 0 8px}.auth-actions{display:flex;gap:8px}.auth-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:13px;background:var(--color-bg-card);color:var(--text-heading);font-family:monospace}.banner{padding:12px 18px;border-radius:var(--radius-sm);margin-bottom:20px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.banner-success{background:var(--success-tint);color:var(--brand-success-dark);border:1px solid var(--brand-success)}.token-hint{font-family:monospace;opacity:.7;font-size:12px}[data-theme=dark] .portal{background:var(--color-bg-main-dark)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#0a1a14,#050f0b)}[data-theme=dark] .main{background:var(--color-bg-main-dark)}[data-theme=dark] .stat-card,[data-theme=dark] .panel,[data-theme=dark] .product-card{background:var(--color-bg-card-dark);border-color:var(--color-border-dark)}[data-theme=dark] .stat-value,[data-theme=dark] .panel h2,[data-theme=dark] .product-name{color:var(--text-heading-dark)}[data-theme=dark] .stat-label,[data-theme=dark] .product-meta{color:var(--text-muted-dark)}[data-theme=dark] .auth-card{background:var(--color-bg-card-dark);border-color:var(--color-border-dark)}[data-theme=dark] .auth-card h2{color:var(--text-heading-dark)!important}[data-theme=dark] .auth-card>div:first-child p{color:var(--text-muted-dark)!important}[data-theme=dark] .auth-input-single,[data-theme=dark] .auth-input,[data-theme=dark] .auth-google-btn{background:var(--color-bg-section-dark);color:var(--text-heading-dark);border-color:var(--color-border-dark)}[data-theme=dark] .auth-manual-title{color:var(--text-heading-dark)!important}[data-theme=dark] .auth-manual-desc{color:var(--text-muted-dark)!important}[data-theme=dark] .banner-success{background:#16a34a26;color:#4ade80;border-color:#16a34a4d}[data-theme=dark] .ghost{background:var(--color-bg-section-dark);color:var(--text-heading-dark)}[data-theme=dark] .ghost:hover{background:var(--color-bg-soft-dark)}[data-theme=dark] .auth-toggle .ghost.active{background:var(--brand-primary);color:#fff}[data-theme=dark] .sidebar-card{background:#ffffff0a}.mobile-menu-btn{display:none;position:fixed;top:10px;left:10px;z-index:1200;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-card, #fff);color:var(--text-heading, #0f172a);font-size:18px;cursor:pointer;box-shadow:0 2px 10px #0000001f}.portal-overlay{display:none;position:fixed;inset:0;z-index:1100;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease}@media(max-width:900px){.portal{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(280px,85vw);transform:translate(-100%);z-index:1150;transition:transform .3s ease;padding-top:64px}.sidebar.open{transform:translate(0)}.main{padding:20px 16px 40px}.mobile-menu-btn{display:flex}.portal-overlay{display:block}.portal-overlay.visible{opacity:1;pointer-events:auto}}@media(max-width:640px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr 1fr;gap:8px}}[data-theme=dark]{--color-bg-main: var(--ds-bg-main-dark);--color-bg-section: var(--ds-bg-section-dark);--color-bg-soft: var(--ds-bg-soft-dark);--color-bg-card: var(--ds-bg-card-dark);--background-gradient: linear-gradient(135deg, #0d0d1a 0%, #12121f 100%);--card-gradient: linear-gradient(145deg, #1a1a2e 0%, #14141f 100%);--text-heading: var(--ds-text-heading-dark);--text-body: var(--ds-text-body-dark);--text-muted: var(--ds-text-muted-dark);--text-hint: var(--ds-text-muted-dark);--text-primary: var(--ds-text-heading-dark);--text-secondary: var(--ds-text-body-dark);--text-light: var(--ds-text-muted-dark);--color-border: var(--ds-border-dark);--color-border-strong: #8f96b8;--card-bg-hover: var(--ds-bg-soft-dark);--glass-bg: rgba(23, 26, 40, .92);--glass-border: rgba(255, 255, 255, .14);--overlay-light: rgba(0, 0, 0, .35)}[data-theme=dark] body{background:var(--color-bg-main);color:var(--text-body)}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),[data-theme=dark] select,[data-theme=dark] textarea{background-color:#0f1220;border-color:#3c4460;color:#eef1fa;caret-color:#eef1fa}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled{background-color:#232838;color:#8b93ab}[data-theme=dark] ::placeholder{color:#7c85a3;opacity:1}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] textarea:-webkit-autofill{-webkit-text-fill-color:#eef1fa;-webkit-box-shadow:0 0 0 1000px #0f1220 inset;box-shadow:0 0 0 1000px #0f1220 inset;caret-color:#eef1fa;transition:background-color 9999s ease-in-out 0s}[data-theme=dark] .unified-login ::placeholder{color:#6d7594}:root{--chat-primary: #10b981;--chat-secondary: #059669;--chat-bg: #ffffff;--chat-user-bg: linear-gradient(135deg, #10b981, #059669);--chat-user-solid: #10b981;--chat-bot-bg: #f8fafc;--chat-text-light: #ffffff;--chat-text-dark: #1e293b;--chat-border: #e2e8f0;--chat-shadow: 0 2px 12px rgba(0,0,0,.08);--chat-radius: 20px;--chat-transition-ui: transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1), background-color .3s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1);--chat-transition-window: transform .3s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1), visibility .3s cubic-bezier(.4,0,.2,1);--chat-float-bottom: calc(148px + env(safe-area-inset-bottom, 0px)) ;--chat-float-right: clamp(16px, 1.6vw, 28px);--chat-window-bottom: calc(var(--chat-float-bottom) + 72px);--chat-layer: 1320;--chat-window-layer: 1319}.ai-chatbot-float{position:fixed;bottom:var(--chat-float-bottom);right:var(--chat-float-right);z-index:var(--chat-layer)}.chat-toggle-btn{width:48px;height:48px;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-ui);display:flex;align-items:center;justify-content:center;position:relative}.chat-toggle-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.chat-toggle-btn.active{background:#ef4444;transform:rotate(180deg)}.chat-pulse{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#ef4444;border-radius:50%;opacity:0;pointer-events:none;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:.3}}.ai-chatbot-window{position:fixed;bottom:var(--chat-window-bottom);right:var(--chat-float-right);width:320px;height:min(480px,calc(100dvh - var(--chat-window-bottom) - 24px));min-height:min(340px,calc(100dvh - var(--chat-window-bottom) - 24px));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-window);z-index:var(--chat-window-layer);overflow:hidden}.ai-chatbot-window.open{transform:translateY(0) scale(1);opacity:1;visibility:visible}@keyframes bounce-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.typing-dots{display:inline-flex;gap:2px;margin-right:4px}.typing-dots span{width:4px;height:4px;background:currentColor;border-radius:50%;animation:bounce-dot 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--chat-primary);border-radius:50%;animation:bounce-dot 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.chat-backdrop{position:fixed;inset:0;background:#0006;z-index:1318;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.chat-backdrop.open{opacity:1;visibility:visible}@media(max-width:768px){:root{--chat-float-bottom: calc(128px + env(safe-area-inset-bottom, 0px)) ;--chat-float-right: 14px;--chat-window-bottom: calc(190px + env(safe-area-inset-bottom, 0px)) }.ai-chatbot-window{width:calc(100vw - 24px);height:min(420px,calc(100dvh - var(--chat-window-bottom) - 12px));min-height:min(280px,calc(100dvh - var(--chat-window-bottom) - 12px));right:var(--chat-float-right);left:12px}}