:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#f0f0f0;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-light:#f5f5f5;--btn-primary-bg:#4caf50;--btn-primary-hover:#45a049;--btn-secondary-bg:#e5e7eb;--btn-secondary-text:#111827;--btn-danger-bg:#ef4444;--btn-danger-hover:#dc2626;--btn-back-bg:#f0f0f0;--btn-back-border:#ddd;--btn-back-hover:#e0e0e0;--btn-back-hover-border:#999;--border-primary:#ddd;--border-secondary:#e5e7eb;--card-bg:#fff;--card-shadow:rgba(15,23,42,.08);--modal-backdrop:rgba(15,23,42,.4);--modal-bg:#fff;--navbar-bg:#fff;--navbar-border:#e5e7eb;--navbar-item-hover:#f3f4f6;--navbar-item-color:#666;--navbar-logo-color:#667eea;--input-border:#d1d5db;--input-bg:#fff;--input-text:#333}html.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#3a3a3a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:#888;--text-light:#2a2a2a;--btn-primary-bg:#4caf50;--btn-primary-hover:#5cb85d;--btn-secondary-bg:#404040;--btn-secondary-text:#e0e0e0;--btn-danger-bg:#ef4444;--btn-danger-hover:#f87171;--btn-back-bg:#3a3a3a;--btn-back-border:#555;--btn-back-hover:#4a4a4a;--btn-back-hover-border:#777;--border-primary:#444;--border-secondary:#404040;--card-bg:#2a2a2a;--card-shadow:rgba(0,0,0,.3);--modal-backdrop:rgba(0,0,0,.6);--modal-bg:#2a2a2a;--navbar-bg:#1a1a1a;--navbar-border:#404040;--navbar-item-hover:#3a3a3a;--navbar-item-color:#b0b0b0;--navbar-logo-color:#7c8ff7;--input-border:#555;--input-bg:#3a3a3a;--input-text:#e0e0e0}html.dark-mode body{background-color:var(--bg-secondary);color:var(--text-primary)}:root{--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:var(--btn-danger-bg);--color-text-heading:#111827;--color-text-body:#374151;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-surface:#fff;--color-surface-secondary:#f9fafb;--color-surface-tertiary:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--z-base:1;--z-dropdown:10;--z-sticky:40;--z-navbar:100;--z-sidebar:100;--z-sidebar-overlay:98;--z-sidebar-button:99;--z-overlay:200;--z-cart-bubble:900;--z-sidebar-mobile:999;--z-modal:1000;--z-modal-nested:1100;--z-confirm-dialog:2000;--z-payment:2100;--z-tooltip:9999;--modal-border-radius:12px;--modal-shadow:0 20px 60px rgba(0,0,0,.3);--scrollbar-width:8px;--scrollbar-track:#f1f1f1;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8}html.dark-mode{--color-accent:#60a5fa;--color-accent-hover:#3b82f6;--color-success:#34d399;--color-warning:#fbbf24;--color-text-heading:#f9fafb;--color-text-body:#e5e7eb;--color-text-muted:#9ca3af;--color-text-faint:#6b7280;--color-surface:#1f2937;--color-surface-secondary:#1a1a2e;--color-surface-tertiary:#374151;--color-border:#374151;--color-border-strong:#4b5563;--modal-shadow:0 20px 60px rgba(0,0,0,.6);--scrollbar-track:#2a2a2a;--scrollbar-thumb:#4b5563;--scrollbar-thumb-hover:#6b7280}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}