@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap);html{scroll-behavior:smooth}:root{--primary:#4E1F0E;--primary-light:#6B3410;--primary-dark:#2E0F06;--accent:#A07A4F;--accent-light:#C9A27A;--accent-glow:rgba(160,122,79,0.20);--bg-primary:#FBF7F1;--bg-secondary:#F5EBD9;--bg-card:#FFFFFF;--text-primary:#2A1A0F;--text-secondary:#6B5340;--text-muted:#9C8A78;--border:#E5DCCC;--border-light:#F1EADD;--shadow-sm:0 1px 3px rgba(78,31,14,0.06);--shadow-md:0 4px 24px rgba(78,31,14,0.08);--shadow-lg:0 12px 40px rgba(78,31,14,0.12);--radius:14px;--radius-sm:10px;--radius-xs:6px;--sidebar-width:260px;--topbar-height:60px;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;max-width:100%}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;font-size:15px}h1,h2,h3,h4,h5{font-family:Arial,Helvetica,sans-serif;color:var(--text-primary);line-height:1.25;letter-spacing:-.025em;font-weight:700}h2{font-size:1.75rem}h3{font-size:1.3rem}h5{font-size:1.05rem;font-weight:600}a{text-decoration:none;transition:color var(--transition)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:1000;transition:transform var(--transition)}.sidebar-header{display:flex;align-items:center;border-bottom:1px solid var(--border-light)}.sidebar-logo{object-fit:contain}.sidebar-brand{font-weight:700;color:var(--primary);letter-spacing:-.02em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-xs);color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:all var(--transition);position:relative}.sidebar-link:hover{background:var(--bg-secondary);color:var(--primary)}.sidebar-link.active{background:var(--primary);box-shadow:0 2px 10px rgba(107,52,16,.25);font-weight:600}.sidebar-link.active:hover{background:var(--primary-dark)}.sidebar-link i{font-size:1.15rem;min-width:20px;text-align:center}.cart-badge{background:var(--accent);color:var(--primary);font-size:.6rem;padding:2px 8px;border-radius:50px;margin-left:auto;font-weight:700;line-height:1}.sidebar-footer{border-top:1px solid var(--border-light)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition)}.top-bar{position:sticky;top:0;z-index:100;height:var(--topbar-height);background:rgba(250,250,248,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.sidebar-toggle{display:none;padding:6px;cursor:pointer;border-radius:var(--radius-xs);color:var(--text-primary);font-size:1.4rem}.sidebar-toggle:hover{background:var(--bg-secondary)}.content-wrapper{padding:32px 28px 48px;max-width:1100px;margin:0 auto;flex:1;width:100%}.card-modern{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition)}.card-modern:hover{box-shadow:var(--shadow-md)}.product-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;transition:all var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:12px}.product-card:hover{box-shadow:0 6px 14px rgba(0,0,0,0.08);transform:translateY(-3px);border-color:var(--primary-light)}.product-card img{width:100%;height:140px;object-fit:cover;background:var(--bg-secondary);border-radius:8px;transition:transform .4s}.product-card:hover img{transform:scale(1.04)}.product-info{padding:0;margin-top:8px;flex:1;display:flex;flex-direction:column}.product-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary);margin:4px 0}.product-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5;margin-bottom:8px;flex:1}.product-price{font-size:13px;font-weight:600;color:var(--primary);letter-spacing:-.02em}.qty-toggle{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-primary)}.qty-btn{width:36px;height:36px;font-size:1.1rem;font-weight:600;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.qty-btn:hover{background:var(--bg-secondary);color:var(--primary)}.qty-value{width:40px;text-align:center;font-weight:600;font-size:.9rem;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:6px 0;background:var(--bg-card)}.btn-accent{background:var(--primary);padding:11px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;transition:all var(--transition);cursor:pointer;box-shadow:0 2px 10px rgba(78,31,14,.2);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-accent:hover{background:var(--primary-dark);box-shadow:0 4px 18px rgba(78,31,14,.3);transform:translateY(-1px)}.btn-accent:active{transform:translateY(0)}.btn-accent-outline{color:var(--primary);border:1.5px solid var(--primary);padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;transition:all var(--transition);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-accent-outline:hover{background:var(--primary);box-shadow:0 4px 14px rgba(78,31,14,.2)}.btn-checkout-cta{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);padding:14px 24px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;letter-spacing:.02em;transition:all var(--transition);cursor:pointer;box-shadow:0 4px 15px rgba(107,52,16,.25);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;width:100%}.btn-checkout-cta:hover{box-shadow:0 6px 20px rgba(78,31,14,.35);transform:translateY(-2px)}.btn-checkout-cta:active{transform:translateY(0)}.hero-section{border-radius:var(--radius);overflow:hidden;position:relative;width:100%;aspect-ratio:21/9;max-height:340px;margin:0 auto 32px;box-shadow:var(--shadow-sm);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}@media (max-width:1199px){.hero-section{margin-left:auto;margin-right:auto}}.hero-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;padding:40px 48px;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%)}.hero-title{font-size:2.25rem;font-weight:600;margin-bottom:10px;letter-spacing:-.02em;color:#fff}.hero-subtitle{font-size:1rem;margin-bottom:22px;max-width:480px;color:rgba(255,255,255,.88);font-weight:400}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:center;height:100%}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:1.1rem}.stat-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.stat-icon-total{background:#f5ebd9;color:var(--primary)}.stat-icon-approved,.stat-icon-pending{background:#f5ebd9;color:var(--primary-light)}.stat-icon-rejected{background:#f1eadd;color:var(--primary)}.stat-icon-revenue{background:#f5ebd9;color:var(--primary-light)}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);background-image:url('../images/auth_bg.webp');background-size:cover;background-position:center;background-repeat:no-repeat}.auth-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.45);border-radius:20px;padding:44px 40px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);width:100%;max-width:440px;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.logo-center{text-align:center;margin-bottom:28px}.logo-center img{width:60px;height:60px;margin-bottom:12px;border-radius:14px}.form-label-modern{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-control-modern{width:100%;padding:14px 18px;background:#fff;border:1.5px solid var(--border);border-radius:12px;font-size:.95rem;color:var(--text-primary);transition:all var(--transition);box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:4px}.form-control-modern:focus{outline:0;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(78,31,14,.1),0 2px 8px rgba(0,0,0,.04)}.status-badge{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.status-badge::before{content:'';width:6px;height:6px;border-radius:50%}.status-pending{background:#fbf7f1;color:var(--primary-light)}.status-pending::before{background:var(--accent)}.status-approved{background:#f5ebd9;color:var(--primary-light)}.status-approved::before{background:var(--accent)}.status-rejected{background:#f1f5f9;color:var(--primary)}.status-rejected::before{background:var(--primary)}.alert-modern{padding:14px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:12px}.alert-danger{background:#f1f5f9;color:var(--primary);border:1px solid #e0ddd6}.alert-success{background:#f5ebd9;color:#16a34a;border:1px solid #e8d9be}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.g-4{margin:-12px}.g-4>[class*=col-]{padding:12px}.col-md-4{width:33.333%}.col-md-6{width:50%}.col-md-12{width:100%}.col-lg-7{width:58.333%}.col-lg-5{width:41.666%}.col-lg-8{width:66.666%}.col-lg-4{width:33.333%}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}.pt-4{padding-top:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.ps-4{padding-left:16px}.pe-4{padding-right:16px}.m-0{margin:0}.d-flex{display:flex}.align-items-center{align-items:center}.align-items-end{align-items:end}.align-items-start{align-items:start}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.flex-column{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.fw-medium{font-weight:500}.w-100{width:100%}.text-center{text-align:center}.text-end{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--primary-light)}.text-danger{color:var(--primary)}.small{font-size:.85rem}.border-bottom{border-bottom:1px solid var(--border-light)}.border-top{border-top:1px solid var(--border-light)}.rounded{border-radius:var(--radius-sm)}.sticky-top{position:sticky;top:0}.flex-fill{flex:1}.btn-remove{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition)}.btn-remove:hover{background:#f1f5f9;color:var(--primary);border-color:#e0ddd6}@media (max-width:1024px){.col-lg-4,.col-lg-5,.col-lg-7,.col-lg-8{width:100%}.sticky-top{position:static}}@media (max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0}.sidebar-toggle{display:block}.sidebar-overlay{position:fixed;inset:0;background:rgba(78,31,14,.4);backdrop-filter:blur(4px);z-index:999;display:none}.sidebar-overlay.active{display:block}.col-md-4{width:50%}}@media (max-width:768px){.col-md-4,.col-md-6{width:100%}.hero-section{height:280px}.hero-overlay{padding:32px}.hero-title{font-size:1.8rem}.content-wrapper{padding:24px 16px}.top-bar{padding:0 16px}}@media (max-width:480px){.auth-card{padding:28px 20px}.hero-section{height:220px}.hero-title{font-size:1.5rem}}.site-footer{background:var(--bg-card);border-top:1px solid var(--border-light);padding:20px 28px;text-align:center;margin-top:auto}.site-footer p{color:var(--text-muted);font-size:.82rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-modern{border-collapse:separate;border-spacing:0}.table-modern th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:16px 12px;border-bottom:1px solid var(--border-light)}.table-modern td{padding:20px 12px;border-bottom:1px solid var(--border-light);vertical-align:top;font-size:.9rem}.table-modern tr:last-child td{border-bottom:none}.table-modern tr:hover{background-color:rgba(78,31,14,.02)}.btn-view-detail{color:var(--primary);font-weight:600;font-size:.85rem;text-decoration:none;padding:8px 12px;border-radius:var(--radius-xs);transition:all var(--transition);display:inline-flex;align-items:center}.btn-view-detail:hover{background-color:var(--bg-secondary);color:var(--primary-dark)}.top-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);box-shadow:0 1px 8px rgba(0,0,0,.04)}.top-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:64px;padding:0 24px;gap:16px}.header-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.header-logo{width:36px;height:36px;object-fit:contain;border-radius:8px}.header-brand{font-size:1.15rem;font-weight:700;color:var(--primary);letter-spacing:-.02em}.header-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.header-nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all var(--transition);text-decoration:none;white-space:nowrap;position:relative}.header-nav-link:hover{background:var(--bg-secondary);color:var(--primary)}.header-nav-link.active{background:var(--primary);box-shadow:0 2px 8px rgba(78,31,14,.2);font-weight:600}.header-nav-link.active:hover{background:var(--primary-dark)}.header-nav-link i{font-size:1rem}.nav-cart-badge{background:var(--accent);color:var(--primary);font-size:.6rem;padding:1px 6px;border-radius:50px;font-weight:700;line-height:1.2;margin-left:2px}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-greeting{font-size:.82rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.header-signout{color:var(--primary)!important}.header-signout:hover{background:#f1f5f9!important}.mobile-toggle{padding:6px;cursor:pointer;border-radius:6px;color:var(--text-primary);font-size:1.4rem}.mobile-toggle:hover{background:var(--bg-secondary)}.mobile-overlay{position:fixed;inset:0;background:rgba(78,31,14,.4);backdrop-filter:blur(4px);display:none}.mobile-overlay.active{display:block}.page-content{min-height:calc(100vh - 64px);display:flex;flex-direction:column}.action-buttons-vertical{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.admin-user-pill{background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(160,122,79,.1) 100%)!important;border:1px solid var(--border-light)}.page-content .content-wrapper{padding:32px 28px 48px;max-width:1100px;margin:0 auto;flex:1;width:100%}@media (max-width:768px){.header-nav{position:fixed;top:64px;left:0;right:0;background:var(--bg-card);flex-direction:column;padding:16px;gap:4px;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-120%);transition:transform .3s;z-index:998}.header-nav.active{transform:translateY(0)}.header-nav-link{width:100%;padding:12px 16px}.mobile-toggle{display:block}.header-greeting,.header-signout span{display:none}.page-content .content-wrapper{padding:24px 16px}}@media (max-width:480px){.top-header-inner{padding:0 12px}.header-brand{display:none}}.account-stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.account-stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px;flex:1;min-width:150px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition)}.account-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.account-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:1.2rem}.account-stat-value{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.account-stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.stat-card-link{text-decoration:none;color:inherit;display:block}.stat-card-link:hover .stat-card{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-light)}.status-cancel-inline{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.btn-cancel-inline{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-xs);transition:all var(--transition);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.btn-cancel-inline:hover{background:var(--primary)}.checkout-delivery-card{border:1.5px solid var(--border-light);border-radius:16px;background:var(--bg-card);box-shadow:0 4px 20px rgba(0,0,0,.04)}.checkout-delivery-card .row.g-3>[class*=col-]{padding:8px 12px}.checkout-delivery-card .form-control-modern{margin-bottom:0}@media (max-width:576px){.account-stats-row{flex-direction:column}.status-cancel-inline{flex-wrap:wrap}}.account-profile-orders-row{display:flex;gap:24px;align-items:flex-start}.account-profile-orders-row>.card-modern{flex:1;min-width:0;max-width:none}.account-profile-orders-row>.card-modern.account-profile-card{flex:0 0 auto;width:480px}.account-profile-orders-row>.card-modern.account-orders-card{flex:1;margin-top:0}@media (max-width:1024px){.account-profile-orders-row{flex-direction:column}.account-profile-orders-row>.card-modern.account-profile-card{width:100%}}.g-3{margin:-8px}.g-3>[class*=col-]{padding:8px}.stat-card{padding:16px 20px;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.04),0 0 0 1px rgba(255,255,255,.8) inset}.row.g-4.mb-5>.col-md-3{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}@media (min-width:992px){.row.g-4.mb-5>.col-md-3{flex:0 0 calc(25% - 18px);max-width:calc(25% - 18px)}}.confirm-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(78,31,14,.45);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:.2s fadeInOverlay}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}.confirm-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:32px 36px;max-width:400px;width:90%;text-align:center;animation:.25s cubic-bezier(.4,0,.2,1) scaleIn}@keyframes scaleIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.confirm-modal-icon{width:56px;height:56px;border-radius:50%;background:#f1f5f9;color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.6rem}.confirm-modal h3{font-size:1.15rem;margin-bottom:8px}.confirm-modal p{color:var(--text-muted);font-size:.9rem;margin-bottom:24px;line-height:1.5}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal .btn-modal-cancel{padding:10px 24px;border-radius:10px;border:1.5px solid var(--border);background:#fff;color:var(--text-secondary);font-weight:600;font-size:.88rem;cursor:pointer;transition:all var(--transition)}.confirm-modal .btn-modal-cancel:hover{background:var(--bg-secondary)}.confirm-modal .btn-modal-confirm{padding:10px 24px;border-radius:10px;border:none;background:var(--primary);font-weight:600;font-size:.88rem;cursor:pointer;transition:all var(--transition);box-shadow:0 2px 10px rgba(211,47,47,.25)}.confirm-modal .btn-modal-confirm:hover{background:var(--primary-dark)}.confirm-modal .btn-modal-confirm.btn-confirm-approve{background:var(--primary-light);box-shadow:0 2px 10px rgba(78,31,14,.25)}.confirm-modal .btn-modal-confirm.btn-confirm-approve:hover{background:var(--primary)}.order-1{order:1}.order-2{order:2}@media (min-width:1025px){.order-lg-1{order:1}.order-lg-2{order:2}}.cart-item-bordered{border:2px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;background:var(--bg-card);transition:all var(--transition)}.cart-item-bordered:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.cart-item-bordered:last-child{margin-bottom:0}.stat-card{position:relative}.stat-badge{position:absolute;top:12px;right:12px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:50px;line-height:1.2;box-shadow:0 2px 8px rgba(78,31,14,.3);animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.order-success-overlay{position:fixed;inset:0;background:rgba(78,31,14,.6);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.order-success-card{background:var(--bg-card);border-radius:var(--radius);padding:48px 40px;text-align:center;max-width:440px;width:100%;box-shadow:var(--shadow-lg);animation:.4s slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.order-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f5ebd9,#e8d9be);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2.2rem;color:var(--primary-light)}.order-success-card h3{margin-bottom:8px;font-size:1.5rem}.order-success-card p{color:var(--text-muted);font-size:.92rem;margin-bottom:24px;line-height:1.6}@media (max-width:480px){.order-success-card{padding:32px 20px}.order-success-icon{width:64px;height:64px;font-size:1.8rem}}.auth-split-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;padding:24px}.auth-split-wrapper::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(78,31,14,.55) 0,rgba(160,122,79,.18) 100%);z-index:0}.auth-split-bg,.auth-split-bg::after{display:none}.auth-split-wrapper .auth-card{position:relative;z-index:1;width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:44px 40px;background:rgba(255,255,255,.82);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);border:1px solid rgba(255,255,255,.5);border-radius:20px;min-height:auto;box-shadow:0 2px 4px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.08),0 20px 50px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.15) inset,0 -2px 6px rgba(0,0,0,.02) inset;transform:perspective(1000px) rotateX(0);transition:box-shadow .3s,transform .3s}.auth-split-wrapper .auth-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.06),0 12px 28px rgba(0,0,0,.1),0 28px 60px rgba(0,0,0,.14),0 0 0 1px rgba(255,255,255,.2) inset,0 -2px 8px rgba(0,0,0,.03) inset;transform:perspective(1000px) translateY(-2px)}@media (min-width:769px){.auth-split-wrapper .auth-card{max-width:460px}}@media (max-width:768px){.auth-split-wrapper{padding:16px}.auth-split-wrapper .auth-card{max-width:420px;padding:32px 26px;border-radius:var(--radius)}}.about-hero{text-align:center;padding:40px 20px}.about-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);box-shadow:0 8px 32px rgba(78,31,14,.18);margin-bottom:20px}.about-name{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.about-details{max-width:500px;margin:0 auto;text-align:left}.about-detail-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light);font-size:.92rem;color:var(--text-secondary)}.about-detail-item:last-child{border-bottom:none}.about-detail-item i{font-size:1.15rem;color:var(--primary);min-width:24px;text-align:center}.about-detail-item a{color:var(--primary);font-weight:600}.about-detail-item a:hover{text-decoration:underline}.about-contact-form{max-width:500px;margin:32px auto 0}.about-contact-form h3{text-align:center;margin-bottom:20px}.alert,.badge,.btn,.card-body,.card-text,.card-title,.dropdown-item,.form-control,.form-label,.form-select,.form-text,.modal-body,.modal-title,.nav-link,.table,.text-danger,.text-dark,.text-info,.text-light,.text-muted,.text-primary,.text-secondary,.text-success,.text-warning,.text-white,a,b,body,body *,button,em,h1,h2,h3,h4,h5,h6,i:not([class*=bi-]):not([class*=ph-]),input,label,li,p,select,small,span,strong,td,textarea,th{color:#000!important}::placeholder{color:#555!important;opacity:1}input::placeholder,textarea::placeholder{color:#555!important}.bi{font-weight:300!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:-.125em;letter-spacing:0}.btn .bi,.header-nav-link .bi,.nav-link .bi,.sidebar-link .bi{stroke-width:1.25}.hero-section img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;max-width:100%;max-height:100%}.hero-overlay{background:0 0!important}.hero-subtitle,.hero-title{text-shadow:0 2px 8px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.8);color:#fff!important}.header-brand,.sidebar-brand{color:var(--logo-green)!important}.header-nav-link,.sidebar-link{transition:background-color .15s,color .15s}.header-nav-link,.header-nav-link .bi,.sidebar-link,.sidebar-link .bi{color:#000!important}.header-nav-link.active,.header-nav-link.active:hover,.header-nav-link:hover,.sidebar-link.active,.sidebar-link.active:hover,.sidebar-link:hover{background-color:var(--logo-green)!important;color:#fff!important}.header-nav-link.active *,.header-nav-link.active .bi,.header-nav-link.active:hover *,.header-nav-link.active:hover .bi,.header-nav-link:hover *,.header-nav-link:hover .bi,.sidebar-link.active *,.sidebar-link.active .bi,.sidebar-link.active:hover *,.sidebar-link.active:hover .bi,.sidebar-link:hover *,.sidebar-link:hover .bi{color:#fff!important}.dropdown-item:hover,.nav-link:hover,a:not(.header-nav-link):not(.sidebar-link):not(.btn-accent):not(.btn-accent-outline):not(.btn-checkout-cta):not(.header-logo-link):hover{background-color:var(--logo-green)!important;color:#fff!important}.btn-accent-outline:hover,.btn-accent-outline:hover *,.btn-accent-outline:hover .bi,.btn-accent:hover,.btn-accent:hover *,.btn-accent:hover .bi,.btn-cancel-inline:hover,.btn-cancel-inline:hover *,.btn-cancel-inline:hover .bi,.btn-checkout-cta:hover,.btn-checkout-cta:hover *,.btn-checkout-cta:hover .bi,.btn-remove:hover,.btn-remove:hover *,.btn-remove:hover .bi,.btn-view-detail:hover,.btn-view-detail:hover *,.btn-view-detail:hover .bi,.btn:hover,.btn:hover *,.btn:hover .bi,.dropdown-item:hover *,.dropdown-item:hover .bi,.mobile-toggle:hover,.mobile-toggle:hover *,.mobile-toggle:hover .bi,.nav-link:hover *,.nav-link:hover .bi,.qty-btn:hover,.qty-btn:hover *,.qty-btn:hover .bi,.sidebar-toggle:hover,.sidebar-toggle:hover *,.sidebar-toggle:hover .bi,a:not(.header-nav-link):not(.sidebar-link):not(.btn-accent):not(.btn-accent-outline):not(.btn-checkout-cta):not(.header-logo-link):hover *{color:#fff!important}.btn-accent-outline:hover,.btn-accent:hover,.btn-cancel-inline:hover,.btn-checkout-cta:hover,.btn-remove:hover,.btn-view-detail:hover,.mobile-toggle:hover,.qty-btn:hover,.sidebar-toggle:hover{background:var(--logo-green)!important;background-color:var(--logo-green)!important;border-color:var(--logo-green)!important}.btn-accent,.btn-accent-outline,.btn-cancel-inline,.btn-checkout-cta,.btn-remove,.btn-view-detail,.mobile-toggle,.qty-btn,.qty-toggle,.sidebar-toggle,a.btn-accent,button.btn-accent{background:#fff!important;color:#000!important;border:1px solid #d9d9d9!important}.btn-accent .bi,.btn-accent-outline .bi,.btn-cancel-inline .bi,.btn-checkout-cta .bi,.btn-remove .bi,.btn-view-detail .bi,.mobile-toggle .bi,.qty-btn .bi,.sidebar-toggle .bi{color:#000!important}.top-header{background:#fff!important}.nav-cart-badge{background:var(--logo-green)!important;color:#fff!important}.nav-cart-badge:hover{color:#fff!important}img{opacity:1!important;filter:none!important}.form-control,.form-select,input,select,textarea{background-color:#fff!important;color:#000!important}.chat-header,.chat-input-area,.chat-main,.chat-messages,.chat-users-panel{background:#fff!important;color:#000!important}.chat-bubble,.chat-bubble.admin,.chat-bubble.user{background:#fff!important;color:#000!important;border:1px solid #d9d9d9!important}.chat-bubble *,.chat-bubble.admin *,.chat-bubble.user *{color:#000!important}.chat-bubble .chat-time,.chat-bubble.admin .chat-time,.chat-bubble.user .chat-time,.chat-time{color:#555!important}.chat-user-item,.chat-user-item *{color:#000!important;background:#fff!important}.chat-user-item.active,.chat-user-item.active *,.chat-user-item:hover,.chat-user-item:hover *{background:var(--logo-green)!important;background-color:var(--logo-green)!important;color:#fff!important}.chat-user-last{color:#555!important}.chat-user-item.active .chat-user-last,.chat-user-item:hover .chat-user-last{color:#fff!important}#chatInput,#messageInput,.btn-send,.chat-input,.chat-input-area input,.chat-input-area textarea,.chat-send-btn{background:#fff!important;color:#000!important;border:1px solid #d9d9d9!important}.btn-send:hover,.btn-send:hover *,.chat-send-btn:hover,.chat-send-btn:hover *{background:var(--logo-green)!important;color:#fff!important}.chat-user-avatar{color:#fff!important}.chat-user-item.active .chat-user-avatar,.chat-user-item:hover .chat-user-avatar{background:#fff!important;color:var(--logo-green)!important}body.admin-page .sidebar-link,body.admin-page .sidebar-link *{background:revert!important;color:revert!important}body.admin-page .sidebar-link.active,body.admin-page .sidebar-link.active *,body.admin-page .sidebar-link:hover,body.admin-page .sidebar-link:hover *,body.admin-page .sidebar-link[aria-current=page],body.admin-page .sidebar-link[aria-current=page] *{background:revert!important;color:revert!important;box-shadow:revert!important}body.admin-page .sidebar-link.active .bi,body.admin-page .sidebar-link:hover .bi,body.admin-page .sidebar-link[aria-current=page] .bi{color:revert!important}body.admin-page .header-nav-link,body.admin-page .header-nav-link *,body.admin-page .header-nav-link.active,body.admin-page .header-nav-link.active *,body.admin-page .header-nav-link:hover,body.admin-page .header-nav-link:hover *{background:revert!important;color:revert!important}body.admin-page .header-brand,body.admin-page .sidebar-brand{color:revert!important}body.admin-page .dropdown-item:hover,body.admin-page .dropdown-item:hover *,body.admin-page a:hover,body.admin-page a:hover *{background:revert!important;color:revert!important}body.admin-page .form-control,body.admin-page .form-select,body.admin-page input,body.admin-page select,body.admin-page textarea{background-color:revert!important;color:revert!important}body.admin-page .form-control:focus,body.admin-page .form-select:focus,body.admin-page input:focus,body.admin-page select:focus,body.admin-page textarea:focus{border-color:revert!important;box-shadow:revert!important;outline:revert!important}body.admin-page .nav-cart-badge{background:revert!important}body.admin-page .top-header{background:revert!important}.signin-form .btn-accent,button.btn-accent.w-100,form .btn-accent{background:var(--logo-green)!important;background-color:var(--logo-green)!important;border-color:var(--logo-green)!important;color:#fff!important}.signin-form .btn-accent *,button.btn-accent.w-100 *,form .btn-accent *{color:#fff!important}button.btn-accent.w-100:hover,button.btn-accent.w-100:hover *,form .btn-accent:hover,form .btn-accent:hover *{background:var(--logo-green-hover)!important;background-color:var(--logo-green-hover)!important;border-color:var(--logo-green-hover)!important;color:#fff!important}button.btn-accent.w-100.active,button.btn-accent.w-100:active,button.btn-accent.w-100:focus,form .btn-accent.active,form .btn-accent:active,form .btn-accent:focus{background:#fff!important;border-color:var(--logo-green)!important;color:#000!important;box-shadow:0 0 0 3px rgba(0,80,20,.25)!important}button.btn-accent.w-100.active *,button.btn-accent.w-100:active *,button.btn-accent.w-100:focus *,form .btn-accent.active *,form .btn-accent:active *,form .btn-accent:focus *{color:#000!important}.confirm-modal .btn-modal-confirm,.confirm-modal .btn-modal-confirm *,.size-btn.active,.size-btn.active *,button.size-btn.active,button.size-btn.active *{color:#fff!important}.btn-cancel-inline:focus,.btn-cancel-inline:focus *,.btn-cancel-inline:hover,.btn-cancel-inline:hover *{background:var(--logo-green)!important;background-color:var(--logo-green)!important;border-color:var(--logo-green)!important;color:#fff!important}.btn-cancel-inline:focus .bi,.btn-cancel-inline:hover .bi{color:#fff!important}#signinBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px}#signinBtn .btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:.7s linear infinite signin-spin}#signinBtn.is-loading .btn-spinner{display:inline-block}#signinBtn.is-loading .btn-label{opacity:.85}#signinBtn.is-loading{cursor:progress;pointer-events:none}@keyframes signin-spin{to{transform:rotate(360deg)}}body.admin-page .sidebar-link[href*=chat],body.admin-page .sidebar-link[href*=dashboard]{transition:background-color .2s,color .2s,box-shadow .2s,transform .15s!important;border-radius:8px}body.admin-page .sidebar-link[href*=chat]:hover,body.admin-page .sidebar-link[href*=chat]:hover *,body.admin-page .sidebar-link[href*=dashboard]:hover,body.admin-page .sidebar-link[href*=dashboard]:hover *{background:var(--logo-green)!important;background-color:var(--logo-green)!important;color:#fff!important}body.admin-page .sidebar-link[href*=chat]:hover,body.admin-page .sidebar-link[href*=dashboard]:hover{box-shadow:0 4px 14px rgba(0,80,20,.25)!important;transform:translateY(-1px)}body.admin-page .sidebar-link[href*=chat]:hover .bi,body.admin-page .sidebar-link[href*=dashboard]:hover .bi{color:#fff!important}.chat-user-item.active,.chat-user-item.active *,.chat-user-item:active,.chat-user-item:active *,.chat-user-item:focus,.chat-user-item:focus *,.chat-user-item:focus-within,.chat-user-item:focus-within *{color:#000!important}.chat-user-item.active .chat-user-last,.chat-user-item.active .chat-user-name,.chat-user-item:active .chat-user-last,.chat-user-item:active .chat-user-name,.chat-user-item:focus-within .chat-user-last,.chat-user-item:focus-within .chat-user-name{color:#000!important}.chat-user-item.active .chat-user-avatar,.chat-user-item:focus-within .chat-user-avatar{color:#fff!important}.chat-header .chat-admin-avatar,.chat-header .chat-admin-avatar *,.chat-header .chat-admin-avatar .bi,.chat-header .chat-admin-avatar i{color:#fff!important}.chat-header .chat-admin-avatar{background:var(--logo-green)!important;background-color:var(--logo-green)!important}#sendBtn,#sendBtn *,#sendBtn .bi,#sendBtn i,.chat-input-bar button#sendBtn,.chat-input-bar button#sendBtn *{color:#fff!important}body.admin-page .chat-user-item .chat-user-name,body.admin-page .chat-user-item.active .chat-user-name,body.admin-page .chat-user-item:focus .chat-user-name,body.admin-page .chat-user-item:focus-within .chat-user-name,body.admin-page .chat-user-item:hover .chat-user-name{color:#fff!important}body.admin-page .chat-user-item .chat-user-avatar,body.admin-page .chat-user-item.active .chat-user-avatar,body.admin-page .chat-user-item:focus .chat-user-avatar,body.admin-page .chat-user-item:focus-within .chat-user-avatar,body.admin-page .chat-user-item:hover .chat-user-avatar{color:#000!important}.login-spinner-overlay{position:fixed;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:99999;background:rgba(0,0,0,.45)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.login-spinner-overlay.is-active{display:flex}.login-spinner-modal{border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.login-spinner-circle{width:48px;height:48px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:.8s linear infinite login-spin;background:0 0!important;box-shadow:none!important}.login-spinner-text{color:#fff;font-size:.9rem;letter-spacing:.3px;font-weight:500;display:none!important}@keyframes login-spin{to{transform:rotate(360deg)}}body.admin-page .chat-user-item .chat-user-last,body.admin-page .chat-user-item.active .chat-user-last,body.admin-page .chat-user-item:focus .chat-user-last,body.admin-page .chat-user-item:focus-within .chat-user-last,body.admin-page .chat-user-item:hover .chat-user-last{color:#fff!important;opacity:1!important}body.admin-page .chat-input-bar button,body.admin-page .chat-input-bar button *,body.admin-page .chat-input-bar button .bi,body.admin-page .chat-input-bar button i{color:#fff!important}body.admin-page .sidebar-footer .sidebar-link{transition:background-color .2s,color .2s,box-shadow .2s,transform .15s!important;border-radius:8px}body.admin-page .sidebar-footer .sidebar-link:focus,body.admin-page .sidebar-footer .sidebar-link:focus *,body.admin-page .sidebar-footer .sidebar-link:hover,body.admin-page .sidebar-footer .sidebar-link:hover *{background:var(--logo-green)!important;background-color:var(--logo-green)!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,80,20,.25)!important;transform:translateY(-1px)}body.admin-page .sidebar-footer .sidebar-link:focus .bi,body.admin-page .sidebar-footer .sidebar-link:hover .bi{color:#fff!important}:root{--logo-green:#4E1F0E;--logo-green-hover:#6B3410;--chat-border-color:rgba(0,80,20,0.18);--chat-border-radius:14px;--chat-border-shadow:0 2px 10px rgba(0,0,0,0.04)}.chat-container .chat-header{border:1px solid var(--chat-border-color);border-radius:var(--chat-border-radius);padding:12px 16px;box-shadow:var(--chat-border-shadow);background:0 0}.chat-container .chat-messages{border:1px solid var(--chat-border-color)!important;border-radius:var(--chat-border-radius)!important;box-shadow:var(--chat-border-shadow)}.chat-container .chat-input-bar{border:1px solid var(--chat-border-color);border-radius:var(--chat-border-radius);padding:8px;box-shadow:var(--chat-border-shadow);background:0 0}body.admin-page .chat-main{border:1px solid var(--chat-border-color)!important;border-radius:var(--chat-border-radius)!important;box-shadow:var(--chat-border-shadow);overflow:hidden}body.admin-page .chat-main-header{border-bottom:1px solid var(--chat-border-color)!important;display:flex;align-items:center;gap:12px;justify-content:space-between}body.admin-page .chat-main-messages{border-top:0;border-bottom:1px solid var(--chat-border-color)}body.admin-page .chat-input-bar{border-top:1px solid var(--chat-border-color)!important}body.admin-page .chat-users-panel{border:1px solid var(--chat-border-color)!important;border-radius:var(--chat-border-radius)!important;box-shadow:var(--chat-border-shadow)}.login-spinner-modal{background:0 0!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important}.typing-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--logo-green,var(--primary));border-radius:999px;box-shadow:0 2px 8px rgba(0,80,20,.25);animation:.2s ease-out typing-fade-in}.typing-indicator[hidden]{display:none!important}.typing-indicator .typing-label{color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.3px;text-transform:lowercase}.typing-dot{width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,100%,60%{transform:translateY(0);opacity:.55}30%{transform:translateY(-4px);opacity:1}}@keyframes typing-fade-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.product-stock-badge.oos{background:rgba(220,38,38,.12);color:#dc2626;border:1px solid rgba(220,38,38,.35);padding:2px 8px;border-radius:999px}.qty-toggle.disabled{opacity:.5;pointer-events:none;filter:grayscale(.4)}.qty-toggle.disabled .qty-btn{cursor:not-allowed}.btn-oos{background:#9ca3af!important;border-color:#9ca3af!important;color:#fff!important;cursor:not-allowed!important;opacity:.85;box-shadow:none!important;transform:none!important}.btn-oos:hover{background:#9ca3af!important;transform:none!important}.product-meta-row{flex-wrap:wrap;gap:10px}body.admin-page .stat-badge,body.admin-page .stat-badge *{color:#fff!important}body.admin-page .nav-cart-badge,body.admin-page .nav-cart-badge *{color:#000!important}@media (max-width:768px){body,html{max-width:100%;overflow-x:hidden}table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{word-break:break-word}img{max-width:100%;height:auto}.btn,.header-nav-link,.sidebar-link,button:not(.qty-btn):not(.mobile-toggle):not(#sidebarToggle),input[type=button],input[type=submit]{min-height:44px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px;min-height:44px;max-width:100%}textarea{min-height:88px}.modal,.modal-content,.modal-dialog{max-width:100%!important}#chat-window,.chat-widget,.chat-window,[class*=chat-window]{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.card,.card-modern,.container,.container-fluid,.content-wrapper{max-width:100%}}.payment-option-active{position:relative}.payment-option-label .form-check-input,.payment-option-label input[type=radio]{cursor:pointer}@media (max-width:480px){.product-meta-row{flex-direction:column;align-items:stretch!important}.product-meta-row .qty-toggle{align-self:flex-start}.btn-oos{font-size:.85rem;padding:8px 12px}.container,.content-wrapper{padding-left:12px;padding-right:12px}.btn-block-mobile,.btn-checkout-cta{width:100%}.status-cancel-inline{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.btn-cancel-inline{min-height:40px;padding:8px 14px;font-size:.85rem}}@media (max-width:768px){.container,.container-fluid{padding-left:14px;padding-right:14px}.card-modern{border-radius:12px}.btn-checkout-cta{width:100%;font-size:.95rem}.form-control-modern{font-size:16px}.table-responsive{-webkit-overflow-scrolling:touch}img,video{max-width:100%;height:auto}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.3rem}h3,h4{font-size:1.1rem}.btn,button{min-height:44px}.payment-option-label{padding:14px!important}}.mobile-toggle{z-index:1001;position:relative;min-width:40px;min-height:40px;display:none;align-items:center;justify-content:center}.mobile-overlay{z-index:999}.header-nav{z-index:1000}@media (max-width:1024px){.page-content .content-wrapper{padding:24px 20px 40px}img,video{max-width:100%;height:auto}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:768px){.mobile-toggle{display:inline-flex!important}.header-actions{gap:6px}.container,.content-wrapper{width:100%!important;max-width:100%!important}.form-control,input,select,textarea{max-width:100%;box-sizing:border-box}.form-row,.row{flex-wrap:wrap}.col,[class*=col-]{flex:1 1 100%;max-width:100%}.btn-group,.checkout-actions,.form-actions{flex-wrap:wrap;gap:8px}.btn-group>*,.form-actions>*{flex:1 1 auto}.cart-table,.orders-table,.table-responsive{overflow-x:auto}.menu-grid,.orders-grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.status-cancel-inline{flex-wrap:wrap;gap:8px}.content-wrapper,.page-content,body{overflow-x:hidden}a,div,h1,h2,h3,h4,p,span{word-wrap:break-word;overflow-wrap:anywhere}}@media (max-width:600px){body{font-size:15px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.page-content .content-wrapper{padding:16px 12px 32px}.card,.card-modern{padding:16px!important;border-radius:12px}.menu-grid,.orders-grid,.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.header-greeting{display:none}.btn-accent,.btn-checkout-cta,.btn-primary,.btn-submit{width:100%;justify-content:center}.btn-cancel-inline{padding:8px 12px;font-size:.85rem}}@media (max-width:380px){.header-brand{display:none}.menu-grid,.orders-grid,.product-grid{grid-template-columns:1fr 1fr}}.top-header-inner{padding-left:clamp(12px,3vw,24px)!important;padding-right:clamp(12px,3vw,24px)!important;gap:clamp(8px,1.5vw,16px)}.header-logo-link{padding-left:0;padding-right:clamp(4px,1vw,10px);gap:clamp(6px,1vw,10px)}.header-actions{padding-right:0;gap:clamp(6px,1.2vw,12px)}.header-signout{padding:8px clamp(8px,1.4vw,16px)!important}@media (max-width:768px){.top-header-inner{padding-left:14px!important;padding-right:14px!important}.header-signout{padding:8px 10px!important}}@media (max-width:480px){.top-header-inner{padding-left:10px!important;padding-right:10px!important}.header-logo-link{gap:6px}.header-signout{padding:6px 8px!important;font-size:.85rem}}.btn-cancel-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 14px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--bg-card)!important;color:var(--text-secondary)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.01em;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .12s;box-shadow:none!important;line-height:1}.btn-cancel-inline::before{content:"";width:7px;height:7px;border-radius:50%;background:#c0392b;flex-shrink:0}.btn-cancel-inline .bi{display:none!important}.btn-cancel-inline:focus,.btn-cancel-inline:hover{border-color:#c0392b!important;color:#c0392b!important;background:#fff5f3!important;transform:translateY(-1px)}.btn-cancel-inline:focus::before,.btn-cancel-inline:hover::before{background:#a8392e}.sidebar{padding:0}.sidebar-header{padding:20px 18px 18px;gap:12px;align-items:center;justify-content:flex-start}.sidebar-header>div{display:flex;flex-direction:column;line-height:1.2}.sidebar-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;background:var(--bg-secondary);padding:4px;flex-shrink:0}.sidebar-brand{font-size:1.05rem}.sidebar-footer{margin-top:auto;padding:14px 12px 18px;border-top:1px solid var(--border-light);background:var(--bg-card)}.sidebar-footer .sidebar-link{background:var(--bg-secondary);color:var(--primary);font-weight:600;justify-content:flex-start}.sidebar-footer .sidebar-link:hover{background:var(--primary);color:#fff}.sidebar-footer .sidebar-link.text-danger{color:var(--primary)!important}.sidebar-footer .sidebar-link.text-danger:hover,.sidebar-footer .sidebar-link.text-danger:hover *{background:var(--primary)!important;color:#fff!important}.sidebar-footer .sidebar-link.text-danger:hover .bi{color:#fff!important}.header-nav.nav-pill-wrap{border:1px solid var(--border-light,rgba(0,0,0,.08));border-radius:999px;padding:4px 8px;box-shadow:0 1px 3px rgba(0,0,0,.04),inset 0 0 0 1px rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex:0 1 auto;margin:0 auto}.header-nav.nav-pill-wrap .header-nav-link{border-radius:999px}@media (max-width:992px){.header-nav.nav-pill-wrap{background:0 0;border:none;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}}.top-header-inner>.header-actions{margin-left:auto;padding-right:6px}@media (min-width:993px){.top-header-inner>.header-actions{padding-right:14px}.header-greeting{margin-right:4px}}.header-nav.nav-pill-wrap .header-nav-link,.header-nav.nav-pill-wrap .header-nav-link.active,.header-nav.nav-pill-wrap .header-nav-link.active:hover,.header-nav.nav-pill-wrap .header-nav-link:hover{border:1px solid transparent!important;box-shadow:none!important;background:0 0;margin:0;transition:border-color .15s,background-color .15s,color .15s}.header-nav.nav-pill-wrap{border-color:transparent!important;box-shadow:none;background:0 0;transition:border-color .15s,background-color .15s,box-shadow .15s}.header-nav.nav-pill-wrap:has(.header-nav-link.active){border-color:rgba(0,0,0,.18)!important;background:rgba(255,255,255,.65);box-shadow:0 1px 3px rgba(0,0,0,.06),inset 0 0 0 1px rgba(255,255,255,.4)}.sidebar-nav{border:1px solid var(--border-light,rgba(0,0,0,.08));border-radius:14px;background:rgba(255,255,255,.65);box-shadow:0 1px 3px rgba(0,0,0,.04);margin:12px 10px;padding:8px}.sidebar-nav .sidebar-link{border-radius:10px}.sidebar-footer .sidebar-link{border:1px solid var(--border-light,rgba(0,0,0,.08));border-radius:10px}@media (max-width:768px){.header-greeting,.header-signout span{display:none!important}.header-signout{padding:8px 10px!important}.header-signout .bi{font-size:1.15rem;margin:0}}.jfd-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px;animation:.18s ease-out jfdModalFade}.jfd-modal-overlay.is-open{display:flex}.jfd-modal{background:#fff;border:1px solid var(--border-light,rgba(0,0,0,.08));border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:380px;width:100%;padding:24px 22px 20px;text-align:center;animation:.2s ease-out jfdModalIn}.jfd-modal-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:rgba(78,31,14,.08);color:var(--primary,#1b2a4a);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.jfd-modal-title{font-size:1.05rem;font-weight:700;color:var(--text-primary,#0f172a);margin:0 0 6px}.jfd-modal-desc{font-size:.88rem;color:var(--text-muted,#64748b);margin:0 0 18px;line-height:1.45}.jfd-modal-actions{display:flex;gap:10px;justify-content:center}.jfd-modal-btn{appearance:none;border:1px solid transparent;border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;min-width:96px}.jfd-modal-btn-cancel{background:#f1f5f9;color:var(--text-primary,#0f172a)}.jfd-modal-btn-cancel:hover{background:#e2e8f0}.jfd-modal-btn-confirm{background:var(--primary,#1b2a4a);color:#fff}.jfd-modal-btn-confirm:hover{background:var(--primary-dark,#0f172a)}.jfd-modal-btn:focus-visible{outline:2px solid var(--logo-green,#1B2A4A);outline-offset:2px}@keyframes jfdModalFade{from{opacity:0}to{opacity:1}}@keyframes jfdModalIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.jfd-modal{padding:20px 18px 16px;border-radius:14px}.jfd-modal-actions{flex-direction:row;flex-wrap:nowrap;gap:8px}.jfd-modal-btn{flex:1 1 0;min-width:0;padding:9px 12px;font-size:.82rem}}.jfd-modal .jfd-modal-btn-confirm,.jfd-modal .jfd-modal-btn-confirm *{color:#fff!important}.jfd-modal .jfd-modal-btn-confirm{background:var(--primary,#1b2a4a)!important}.jfd-modal .jfd-modal-btn-confirm:hover,.jfd-modal .jfd-modal-btn-confirm:hover *{color:#fff!important}@media (min-width:769px){.top-header-inner{position:relative}.header-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex:0 0 auto}}.btn,.btn-accent,.form-control-modern,.form-label-modern,.header-brand,.jfd-modal,.jfd-modal-btn,.jfd-modal-desc,.jfd-modal-title,.nav-link,.sidebar-brand,.table,.table-modern,a,body,button,h1,h2,h3,h4,h5,h6,input,p,select,textarea{font-family:Arial,Helvetica,sans-serif!important}.input-icon-wrap{position:relative;display:block;margin-bottom:4px}.input-icon-wrap .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted,#9c8a78);font-size:1rem;line-height:1;pointer-events:none;z-index:2}.input-icon-wrap .form-control-modern,.input-icon-wrap textarea.form-control-modern{padding-left:44px}.input-icon-wrap.has-textarea .input-icon{top:18px;transform:none}@media (max-width:768px){.top-header-inner{position:static!important}.header-nav,.header-nav.nav-pill-wrap{position:fixed!important;top:64px;left:0;right:0;transform:translateY(-120%);transition:transform .28s;background:var(--bg-card,#fff)!important;border:none!important;border-bottom:1px solid var(--border-light,rgba(0,0,0,.08))!important;border-radius:0!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-direction:column;align-items:stretch;padding:12px 16px;gap:4px;margin:0;z-index:1000;max-height:calc(100vh - 64px);overflow-y:auto}.header-nav.active,.header-nav.nav-pill-wrap.active{transform:translateY(0)!important}.header-nav .header-nav-link{width:100%;padding:12px 14px;border-radius:8px!important}.mobile-toggle{display:inline-flex!important;z-index:1002;position:relative}.mobile-overlay{z-index:999}.header-nav.nav-pill-wrap:has(.header-nav-link.active){background:var(--bg-card,#fff)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}body,html{overflow-x:hidden}}.auth-card{background:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.55)!important;backdrop-filter:blur(30px) saturate(1.6)!important;-webkit-backdrop-filter:blur(30px) saturate(1.6)!important;box-shadow:0 4px 12px rgba(0,0,0,.06),0 16px 40px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.25) inset!important}.auth-card .form-control-modern{background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.6)}.auth-card .form-control-modern:focus{background:rgba(255,255,255,.85)}@media (max-width:640px){.table-responsive{overflow-x:visible}.table-modern,.table-modern tbody,.table-modern td,.table-modern tr{display:block;width:100%}.table-modern thead{display:none}.table-modern tr{border-bottom:1px solid var(--border-light);padding:14px 16px}.table-modern tr:last-child{border-bottom:none}.table-modern td{padding:6px 0!important;border:none!important;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;font-size:.88rem;min-width:0}.table-modern td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto;text-align:left}.table-modern td.text-end{text-align:right}.table-modern td.ps-4,.table-modern td.pe-4{padding-left:0!important;padding-right:0!important}.status-cancel-inline{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn-view-detail{padding:6px 10px}}:root{--lux-filter:brightness(1.04) contrast(1.06) saturate(0.94) sepia(0.04);--lux-filter-hover:brightness(1.08) contrast(1.10) saturate(0.98) sepia(0.04);--lux-shadow:0 2px 8px rgba(78,31,14,0.06),0 10px 28px rgba(78,31,14,0.08);--lux-shadow-hover:0 6px 16px rgba(78,31,14,0.10),0 18px 44px rgba(78,31,14,0.16);--lux-glow:radial-gradient(120% 90% at 50% 45%,rgba(255,248,235,0.55) 0%,rgba(245,235,217,0.18) 45%,rgba(245,235,217,0) 75%)}.product-card,.product-card-img,.product-card img{transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,background .3s ease}.product-card{box-shadow:var(--lux-shadow)}.product-card:hover{box-shadow:var(--lux-shadow-hover)}.product-card .product-card-img,.product-card>a:first-child,.product-card .product-image-wrap{position:relative}.product-card .product-card-img::before,.product-card>a:first-child::before{content:"";position:absolute;inset:0;background:var(--lux-glow);pointer-events:none;opacity:.85;transition:opacity .3s ease;z-index:0}.product-card .product-card-img>*,.product-card>a:first-child>*{position:relative;z-index:1}.product-card img,.product-card-img,.cart-item-bordered img{filter:var(--lux-filter);-webkit-filter:var(--lux-filter)}.product-card:hover img,.product-card:hover .product-card-img,.cart-item-bordered:hover img{filter:var(--lux-filter-hover);-webkit-filter:var(--lux-filter-hover);transform:scale(1.02)}.product-card:hover .product-card-img::before,.product-card:hover>a:first-child::before{opacity:1}@media (prefers-reduced-motion:reduce){.product-card,.product-card img,.product-card-img,.cart-item-bordered img{transition:none}.product-card:hover img,.product-card:hover .product-card-img,.cart-item-bordered:hover img{transform:none}}@media (max-width:1024px){.account-profile-orders-row>.card-modern.account-orders-card{width:100%;margin-top:16px}.account-orders-card .table-responsive{overflow:visible}}@media (max-width:768px){.account-orders-card{padding:0}.account-orders-card .table-modern td{flex-wrap:wrap;word-break:break-word}.account-orders-card .table-modern td>span{text-align:right;min-width:0}.account-orders-card .table-modern td::before{flex:0 0 auto}.account-orders-card>.d-flex{padding:14px 16px!important}}@media (max-width:640px){.hero-section{aspect-ratio:16/10;max-height:240px;margin:0 auto 20px;border-radius:var(--radius-sm)}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem;margin-bottom:16px}.hero-overlay{padding:20px}}*,*::before,*::after{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}img,svg,video{max-width:100%;height:auto}@media (max-width:768px){.product-grid,.menu-grid,.row:has(>.product-col),.row:has(>.col-md-4){display:grid !important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important;gap:10px !important;--bs-gutter-x:0 !important;margin:0 !important;}.product-grid>*,.menu-grid>*,.row:has(>.product-col)>*,.row:has(>.col-md-4)>*{width:100% !important;max-width:100% !important;flex:0 0 100% !important;padding:0 !important;margin:0 !important;}.product-card{padding:8px !important;overflow:hidden}.product-card *{min-width:0;max-width:100%;overflow-wrap:anywhere}.product-card img,.product-card-img{width:100% !important;height:100px !important;object-fit:cover;border-radius:6px}.product-name{font-size:12px !important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:12px !important;font-weight:700;color:var(--primary)}.product-stock-badge{font-size:10px !important;padding:2px 6px !important}.qty-toggle{width:100%;margin:6px 0}.qty-btn{width:28px !important;height:28px !important;font-size:14px !important}.qty-value{flex:1;width:auto !important;font-size:12px !important;padding:4px 0 !important}.product-card .btn,.product-card button,.product-card .btn-accent{font-size:11px !important;padding:6px 8px !important}.color-swatches,.swatches{display:flex !important;flex-wrap:wrap !important;gap:4px !important;max-width:100%}.color-swatches .swatch-btn{width:18px !important;height:18px !important}.color-swatches .swatch-btn .swatch-dot{width:10px !important;height:10px !important}.search-bar,.search-input,.filter-btn,.sort-select,select,input[type=text],input[type=search],input[type=email],input[type=password],.form-control{max-width:100% !important;width:100% !important;box-sizing:border-box !important;min-width:0}}@media (max-width:400px){.product-grid,.menu-grid,.row:has(>.product-col),.row:has(>.col-md-4){grid-template-columns:repeat(2,1fr) !important;}}body{overflow-x:hidden}.product-card{overflow:hidden}@media (max-width:768px){.color-options,.color-swatches,.swatches{display:flex;flex-wrap:wrap;gap:4px}.color-swatch,.color-swatches .swatch-btn{width:14px;height:14px;border-radius:50%;padding:0}.color-swatches .swatch-btn .swatch-dot{width:8px;height:8px;border-radius:50%}.product-meta-row{flex-direction:column;align-items:flex-start !important;gap:6px;margin-bottom:8px !important}.product-meta-row .qty-toggle{margin-left:0 !important;align-self:stretch;justify-content:center}.qty-toggle,.quantity{font-size:11px;margin-bottom:4px}.qty-btn{width:28px;height:28px;font-size:0.95rem}.qty-value{width:32px;font-size:0.8rem;padding:4px 0}.btn-accent,.btn-accent-outline,.order-btn{font-size:12px;padding:8px 6px;width:100%;text-align:center;white-space:nowrap}form.d-flex.gap-2{gap:6px !important}}.color-swatches,.swatches,.swatch-btn,.swatch-dot,.color-swatch,.color-options,.color-label{display:none !important}@media (max-width:576px){.account-stats-row{flex-direction:row !important;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.account-stats-row .account-stat-card{flex:1 1 0;min-width:0;padding:12px 8px;text-align:center}.account-stats-row .account-stat-icon{width:34px;height:34px;font-size:1rem;margin-bottom:6px;border-radius:10px}.account-stats-row .account-stat-value{font-size:1rem;line-height:1.15;word-break:break-word}.account-stats-row .account-stat-card:nth-child(3) .account-stat-value{font-size:.78rem !important}.account-stats-row .account-stat-label{font-size:.62rem;letter-spacing:.02em}}.btn-edit-profile{padding:5px 12px;font-size:.78rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;line-height:1;border:1.5px solid var(--primary);color:var(--primary);background:transparent;cursor:pointer;transition:all .2s}.btn-edit-profile:hover{background:var(--primary);color:#fff}.btn-edit-profile i{font-size:.85rem}@media (max-width:576px){.btn-edit-profile{padding:4px 10px;font-size:.72rem}.btn-edit-profile i{font-size:.78rem}}html,body{overflow-x:hidden;max-width:100%}img,video{max-width:100%;height:auto}.row{margin-left:0;margin-right:0}@media (max-width:576px){.content-wrapper,.page-content .content-wrapper{padding:18px 12px 32px !important}h2{font-size:1.4rem}h3{font-size:1.15rem}.card-modern.p-4,.card-modern .p-4{padding:14px !important}.table-responsive{margin:0 -4px}.btn-accent,.btn-accent-outline{padding:9px 16px;font-size:.82rem}.btn-checkout-cta{padding:12px 18px;font-size:.88rem}}@media (max-width:414px){.header-greeting{display:none}}@media (max-width: 768px) {.hero-overlay .btn-accent {padding: 9px 20px;font-size: 0.85rem;border-radius: 999px;box-shadow: 0 3px 12px rgba(78,31,14,0.28);}.hero-title { font-size: 1.6rem; }.hero-subtitle { font-size: 0.9rem; margin-bottom: 16px; }.cart-item-bordered {flex-direction: row !important;flex-wrap: wrap !important;gap: 12px !important;padding: 14px 12px;border: 1px solid var(--border-light);border-radius: var(--radius-sm);background: var(--bg-card);box-shadow: 0 1px 4px rgba(78,31,14,0.04);margin-bottom: 12px;position: relative;}.cart-item-bordered > div:first-child img {width: 76px !important;height: 76px !important;border-radius: var(--radius-xs) !important;}.cart-item-bordered > div:nth-child(2) {flex: 1 1 calc(100% - 100px) !important;min-width: 0 !important;}.cart-item-bordered > div:nth-child(2) .fw-bold {font-size: 0.98rem !important;line-height: 1.25;padding-right: 36px;}.cart-item-bordered > div:nth-child(2) .text-muted.small {font-size: 0.78rem;margin-bottom: 10px !important;}.cart-item-bordered .qty-toggle .qty-btn {width: 30px !important;height: 30px !important;font-size: 1rem;}.cart-item-bordered .qty-value {width: 32px !important;font-size: 0.85rem;}.cart-item-bordered .ms-auto {position: absolute;top: 10px;right: 10px;margin-left: 0 !important;}.cart-item-bordered .btn-remove {width: 28px !important;height: 28px !important;}.cart-item-bordered .d-flex.align-items-center.justify-content-between .fw-bold {font-size: 1rem !important;}.col-lg-8 .card-modern > .p-4 { padding: 12px !important; }.col-lg-4 .card-modern.p-4 { padding: 18px !important; }.table-modern tr {border: 1px solid var(--border-light) !important;border-radius: var(--radius-sm);background: var(--bg-card);box-shadow: 0 1px 4px rgba(78,31,14,0.04);margin-bottom: 14px;padding: 6px 4px !important;overflow: hidden;}.table-modern td {border-bottom: 1px solid var(--border-light) !important;}.table-modern tr td:last-child { border-bottom: none !important; }#profileForm .row.g-4 { margin: 0 !important; gap: 12px; flex-direction: column; }#profileForm .row.g-4 > [class*="col-"] {width: 100% !important;padding: 0 !important;}#profileForm .form-label-modern {font-size: 0.78rem;margin-bottom: 6px;}#profileForm .form-control-modern {padding: 11px 14px;font-size: 0.9rem;border-radius: 10px;}#profileForm .mb-3,#profileForm .mb-4 { margin-bottom: 14px !important; }#profileForm .mt-3 { margin-top: 0 !important; }#profileForm .d-flex.gap-2 {flex-direction: column;gap: 10px !important;}#profileForm .d-flex.gap-2 .btn-accent,#profileForm .d-flex.gap-2 .btn-accent-outline {width: 100%;justify-content: center;}#profileDisplay .mb-3,#profileDisplay .mb-0 {padding-bottom: 12px;border-bottom: 1px solid var(--border-light);}#profileDisplay > div:last-child { border-bottom: none; padding-bottom: 0; }#profileDisplay label {font-size: 0.7rem !important;margin-bottom: 4px !important;}#profileDisplay .fw-semibold {font-size: 0.92rem;word-break: break-word;}}@media (max-width: 480px) {.hero-overlay .btn-accent {padding: 8px 18px;font-size: 0.8rem;}.hero-overlay { padding: 24px 20px; }}@media (max-width:576px){.hero-overlay .btn-accent{padding:10px 20px;font-size:.82rem;width:auto;display:inline-flex}.hero-overlay > div{max-width:90%}.hero-title{font-size:1.4rem}.hero-subtitle{font-size:.85rem;margin-bottom:14px}}@media (max-width:576px){.d-flex.justify-content-between.align-items-end.mb-4{flex-wrap:wrap;gap:10px;align-items:flex-start}.d-flex.justify-content-between.align-items-end.mb-4 .btn-accent-outline{padding:7px 12px;font-size:.75rem;white-space:nowrap}}@media (max-width:576px){.auth-wrapper{padding:16px}.auth-card{padding:24px 18px;border-radius:16px;max-width:100%}.logo-center img{width:48px;height:48px;margin-bottom:8px}.logo-center{margin-bottom:18px}.form-control-modern{padding:11px 14px;font-size:.9rem;border-radius:10px}.form-label-modern{font-size:.8rem;margin-bottom:6px}.auth-card .btn-accent{padding:11px!important;font-size:.9rem}.auth-card h2{font-size:1.4rem}.auth-card .small,.auth-card p{font-size:.82rem}}@media (min-width:769px){.product-card img,.product-card .product-card-img{object-fit:contain;height:200px;background:var(--bg-secondary);padding:8px}}@media (max-width:576px){.auth-split-wrapper .auth-card form .row,.auth-split-wrapper .auth-card form .row.g-4{display:flex;flex-direction:column;margin:0}.auth-split-wrapper .auth-card form .row>[class*=col-],.auth-split-wrapper .auth-card form .row.g-4>[class*=col-]{width:100%;padding:0;margin-bottom:14px}.auth-split-wrapper .auth-card form .mb-3,.auth-split-wrapper .auth-card form .mb-4{margin-bottom:14px!important;margin-top:0!important}.auth-split-wrapper .auth-card .input-icon-wrap{margin-bottom:0;display:block;width:100%}.auth-split-wrapper .auth-card .form-control-modern{width:100%;display:block;padding:12px 14px 12px 42px;border:1.5px solid var(--border);border-radius:10px;box-sizing:border-box;margin-bottom:0;font-size:.92rem;line-height:1.4}.auth-split-wrapper .auth-card .form-control-modern:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(78,31,14,.1)}.auth-split-wrapper .auth-card textarea.form-control-modern{min-height:64px;resize:vertical}.auth-split-wrapper .auth-card .input-icon-wrap .input-icon{left:14px}.auth-split-wrapper .auth-card .form-label-modern{margin-bottom:6px;font-size:.82rem}}.cart-item-bordered{padding:12px 0;border-bottom:1px solid var(--border-light)}.cart-item-bordered:last-child{border-bottom:none}.cart-item-bordered>div[style*="flex: 1"]{min-width:0!important}.cart-line-total{font-size:1rem;font-weight:700;color:var(--primary);white-space:nowrap}@media (max-width:767.98px){.cart-item-bordered{gap:10px!important;flex-wrap:wrap;padding:10px 0}.cart-item-bordered>div[style*="position: relative"] img{width:72px!important;height:72px!important}.cart-item-bordered>div[style*="flex: 1"]{flex:1 1 calc(100% - 86px)!important;min-width:0!important;order:2}.cart-item-bordered .fw-bold{font-size:.88rem!important;line-height:1.25;white-space:normal;overflow-wrap:break-word;margin-bottom:2px!important}.cart-item-bordered .text-muted.small{font-size:.72rem!important;line-height:1.3;margin-bottom:8px!important}.cart-item-bordered .qty-toggle .qty-btn{width:26px!important;height:26px!important;font-size:.9rem}.cart-item-bordered .qty-toggle .qty-value{width:30px!important;font-size:.78rem;padding:2px 0!important}.cart-item-bordered .d-flex.align-items-center.justify-content-between>.fw-bold{font-size:.92rem!important;color:var(--primary)}.cart-item-bordered .ms-auto{order:3;margin-left:auto!important;flex:0 0 auto}.cart-item-bordered .btn-remove{padding:5px 9px;font-size:.72rem}.cart-item-bordered .btn-remove-label{display:none}.col-lg-8 .card-modern>.p-4{padding:12px!important}.col-lg-4 .card-modern h4{font-size:1.05rem}}.product-card-img,.cart-item-bordered img[src*="/products/"]{cursor:zoom-in}.jfd-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;animation:jfdFade .2s ease;-webkit-tap-highlight-color:transparent}.jfd-lightbox.active{display:flex}.jfd-lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);user-select:none;-webkit-user-drag:none}.jfd-lightbox-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.95);color:#222;border:none;cursor:pointer;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1}.jfd-lightbox-close:hover{background:#fff;transform:scale(1.05)}@keyframes jfdFade{from{opacity:0}to{opacity:1}}.product-card{position:relative}.product-card .product-card-img{position:relative;z-index:2;cursor:zoom-in;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (max-width:768px){.main-content .row.g-4{margin-left:0;margin-right:0}.main-content .row.g-4 > [class*="col-"]{padding-left:6px;padding-right:6px;margin-bottom:12px}.main-content .row.g-4 > .col-md-3{flex:0 0 50%;max-width:50%}.main-content .row.g-4 > .col-md-3 .stat-card,.main-content .row.g-4 > .col-sm-6 .stat-card{padding:14px 10px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.main-content .row.g-4 > .col-md-3 .stat-icon{margin:0 auto 6px}.main-content .row.g-4 > .col-md-3 .stat-value{font-size:1.15rem}.main-content .row.g-4 > .col-md-3 .stat-label{font-size:.7rem}}@media (max-width:480px){.main-content .row.g-4 > .col-md-3{flex:0 0 50%;max-width:50%}.main-content .row.g-4 > .col-md-3 .stat-value{font-size:1rem}}.product-card .product-card-img,.cart-item-bordered img{pointer-events:auto!important;-webkit-tap-highlight-color:rgba(0,0,0,0.05);touch-action:manipulation;cursor:zoom-in}@media (max-width:600px){.cart-item-bordered{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important;padding:10px 6px!important}.cart-item-bordered>div[style*="position: relative"] img{width:64px!important;height:64px!important}.cart-item-bordered>div[style*="flex: 1"]{flex:1 1 calc(100% - 78px)!important;min-width:0!important;order:2}.cart-item-bordered .ms-auto{order:3;margin-left:auto!important}.cart-item-bordered .qty-toggle .qty-btn{width:28px!important;height:28px!important;font-size:1rem}.cart-item-bordered .btn-remove{width:32px!important;height:32px!important}.cart-item-bordered .btn-remove-label{display:none!important}}@media (max-width: 575.98px){.content-wrapper{padding:16px 14px 32px}.cart-item-bordered{padding:10px 0;gap:12px!important;flex-wrap:nowrap!important;align-items:flex-start!important;border-bottom:1px solid var(--border-light)}.cart-item-bordered>div:first-child img{width:64px!important;height:64px!important;border-radius:var(--radius-xs)!important;box-shadow:none!important}.cart-item-bordered>div[style*="flex: 1"]{min-width:0!important;flex:1 1 auto!important}.cart-item-bordered .fw-bold{font-size:.95rem!important;line-height:1.25;margin-bottom:2px!important}.cart-item-bordered .text-muted.small{font-size:.72rem!important;margin-bottom:8px!important;line-height:1.35}.cart-item-bordered .qty-toggle .qty-btn{width:26px!important;height:26px!important;font-size:.95rem}.cart-item-bordered .qty-toggle .qty-value{width:30px!important;font-size:.8rem}.cart-item-bordered .d-flex.align-items-center.justify-content-between>div.fw-bold{font-size:.95rem!important}.cart-item-bordered .ms-auto{position:absolute;right:0;top:8px}.cart-item-bordered{position:relative;padding-right:34px}.col-lg-4 .card-modern.sticky-top{position:static!important;padding:16px!important;margin-top:14px}.col-lg-4 .card-modern.sticky-top h4{font-size:1.05rem;margin-bottom:14px!important}.col-lg-4 .card-modern.sticky-top .mb-3{margin-bottom:.5rem!important;font-size:.88rem}.col-lg-4 .card-modern.sticky-top .mb-5{margin-bottom:1rem!important;margin-top:1rem!important;padding-top:1rem!important}.col-lg-4 .card-modern.sticky-top .mb-5 span:first-child{font-size:1rem!important}.col-lg-4 .card-modern.sticky-top .mb-5 span:last-child{font-size:1.15rem!important}.btn-checkout-cta{padding:12px!important;font-size:.95rem!important}.d-flex.justify-content-between.align-items-end.mb-4{flex-wrap:wrap;gap:8px}.d-flex.justify-content-between.align-items-end.mb-4 h2{font-size:1.25rem}}

/* === Quantity selector — pill-style (menu page) === */
.qty-toggle{
  display:inline-flex;align-items:center;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--bg-card);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(78,31,14,.04);
  height:38px;
}
.qty-toggle .qty-btn{
  width:38px;height:100%;
  background:transparent;border:0;
  font-size:1.05rem;font-weight:500;
  color:var(--text-secondary);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all var(--transition);
}
.qty-toggle .qty-btn:hover{
  background:var(--bg-secondary);
  color:var(--primary);
}
.qty-toggle .qty-btn:active{ background:var(--border-light); }
.qty-toggle .qty-btn:disabled{ opacity:.4; cursor:not-allowed; }
.qty-toggle .qty-value{
  min-width:40px;width:auto;padding:0 10px;
  text-align:center;
  font-family:Outfit,sans-serif;
  font-weight:600;font-size:.95rem;
  color:var(--primary);
  background:transparent;
  border-left:1px solid var(--border);
  border-right:1px solid var(--border);
  height:100%;display:inline-flex;align-items:center;justify-content:center;
}
.qty-toggle.disabled{ opacity:.55; pointer-events:none; }
@media (max-width:414px){
  .qty-toggle{ height:34px; }
  .qty-toggle .qty-btn{ width:34px; font-size:1rem; }
  .qty-toggle .qty-value{ min-width:34px; font-size:.9rem; }
}

/* Dark mode adjustment */
@media (prefers-color-scheme: dark){
  .qty-toggle{ background:var(--bg-card); border-color:var(--border); }
  .qty-toggle .qty-value{ color:var(--accent-light); border-color:var(--border); }
  .qty-toggle .qty-btn{ color:var(--text-secondary); }
  .qty-toggle .qty-btn:hover{ background:var(--bg-secondary); color:var(--accent-light); }
}
html.dark .qty-toggle, html[data-theme="dark"] .qty-toggle{ background:var(--bg-card); border-color:var(--border); }
html.dark .qty-toggle .qty-value, html[data-theme="dark"] .qty-toggle .qty-value{ color:var(--accent-light); border-color:var(--border); }
html.dark .qty-toggle .qty-btn:hover, html[data-theme="dark"] .qty-toggle .qty-btn:hover{ background:var(--bg-secondary); color:var(--accent-light); }

/* Sign out shown in nav at all viewport sizes */
.header-signout-mobile{display:flex;align-items:center;gap:12px}
.header-signout-mobile span{display:inline}
.header-actions .header-signout{display:none !important}
@media (min-width:769px){.header-logo-link{display:none !important;}}

/* Mobile greeting before menu toggle */
.header-greeting-mobile { display: none; }
@media (max-width: 991px) {
  .header-greeting-mobile {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text, #222);
    white-space: nowrap;
  }
}

/* === Mobile pill border-radius for primary action buttons (matches out-of-stock badge) === */
@media (max-width: 767.98px){
  .btn-accent,
  .btn-accent-outline,
  .btn-checkout-cta,
  #placeOrderBtn,
  .fb-submit,
  .product-stock-badge{
    border-radius: 999px !important;
  }
}

/* === Mobile overrides: Google sign-in button & nav hover pill === */
@media (max-width: 767.98px){
  .btn-google{
    background: var(--primary) !important;
    color: #fff !important;
    border: 1px solid var(--primary) !important;
    border-radius: var(--radius-sm) !important;
  }
  .btn-google:hover{
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: #fff !important;
  }
  .btn-google:active{
    background: var(--primary-dark) !important;
  }
  .btn-google .btn-google-label,
  .btn-google-label{
    color: #fff !important;
  }
  .header-nav-link:hover,
  .header-nav-link.active,
  .header-nav-link.active:hover{
    border-radius: 999px !important;
  }
}

/* === User-requested message + button overrides === */
.alert-modern.alert-success,
.alert-modern.alert-danger,
.alert-text-only{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  padding: 8px 0 !important;
}
.alert-text-only{ text-align:center; }

/* View Details uses Out-of-Stock pill radius */
.btn-view-detail{ border-radius: 999px !important; }

/* Google sign-in: text-only */
.btn-google,
.btn-google:hover,
.btn-google:active,
.btn-google:focus{
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.btn-google .btn-google-icon{ display:inline-block !important; width:20px; height:20px; flex-shrink:0; }
.btn-google-label{ color: var(--primary) !important; }
.alert-text-success{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0;color:#22c55e;font-size:.9rem;font-weight:600;text-align:center;display:block}.mobile-toggle,.sidebar-toggle{border-radius:50%!important}.btn-google-icon{display:inline-block!important;width:20px;height:20px;}

@media (min-width:992px){.sidebar-header{display:none !important;}.admin-user-pill{display:none !important;}}


@media (min-width:992px){.header-logo-link{display:none !important;}.header-greeting-mobile{display:none !important;}}


/* Header: removed brand text, tighten spacing between logo and nav */
@media (min-width:769px){.top-header-inner{gap:8px}.header-logo-link{padding-right:4px;margin-right:4px}.header-nav.nav-pill-wrap{margin-left:0}}
/* Hide status text label after approve/reject on mobile admin orders */
@media (max-width:768px){.status-text-label{display:none!important}}
/* Auto-dismiss alerts: fade transition support */
.alert-modern,.alert-text-success{transition:opacity .4s ease,transform .4s ease}
.alert-modern.jfd-fade-out,.alert-text-success.jfd-fade-out{opacity:0;transform:translateY(-6px);pointer-events:none}

/* ============= Notification Bell ============= */
.jfd-notif{position:relative;display:inline-flex;align-items:center;}
.jfd-notif-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:6px;border:1px solid var(--border-light,#e5e7eb);background:transparent;color:var(--text-primary,#111);cursor:pointer;transition:background .15s,color .15s,border-color .15s;padding:0;}
.jfd-notif-btn:hover{background:var(--bg-secondary,#f3f4f6);color:var(--primary,#111);}
.jfd-notif-btn .bi{font-size:1.15rem;line-height:1;}
.jfd-notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc3545;color:#fff;font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--bg-primary,#fff);}
.jfd-notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 24px);max-height:70vh;background:var(--bg-primary,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.14);overflow:hidden;display:flex;flex-direction:column;z-index:1080;animation:jfdNotifIn .16s ease-out;}
@keyframes jfdNotifIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.jfd-notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-light,#eee);font-weight:600;font-size:.92rem;color:var(--text-primary,#111);}
.jfd-notif-mark-all{background:none;border:0;color:var(--primary,#0d6efd);font-size:.78rem;cursor:pointer;padding:4px 6px;border-radius:6px;}
.jfd-notif-mark-all:hover{background:var(--bg-secondary,#f3f4f6);}
.jfd-notif-list{overflow-y:auto;flex:1;}
.jfd-notif-empty{padding:24px 16px;text-align:center;color:var(--text-muted,#6b7280);font-size:.85rem;}
.jfd-notif-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border-light,#f1f1f1);cursor:pointer;text-decoration:none;color:inherit;transition:background .12s;}
.jfd-notif-item:last-child{border-bottom:0;}
.jfd-notif-item:hover{background:var(--bg-secondary,#f9fafb);}
.jfd-notif-item.is-unread{background:rgba(13,110,253,.06);}
.jfd-notif-item.is-unread:hover{background:rgba(13,110,253,.10);}
.jfd-notif-icon{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--bg-secondary,#eef2ff);color:var(--primary,#0d6efd);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;}
.jfd-notif-body{flex:1;min-width:0;}
.jfd-notif-title{font-weight:600;font-size:.85rem;color:var(--text-primary,#111);margin:0 0 2px;line-height:1.25;}
.jfd-notif-msg{font-size:.78rem;color:var(--text-muted,#6b7280);margin:0;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.jfd-notif-time{font-size:.7rem;color:var(--text-muted,#9ca3af);margin-top:3px;}
@media (max-width:540px){
  .jfd-notif-panel{position:fixed;top:64px;right:8px;left:8px;width:auto;max-width:none;}
}

/* Admin top-bar bell alignment */
.top-bar .jfd-notif{margin-left:auto;}

/* ============= Admin Undo button (timed visibility + green border) ============= */
.order-actions-stack form.undo-form{display:none;}
.order-actions-stack form.undo-form.is-visible{display:inline-flex;animation:jfdUndoIn .18s ease-out;}
@keyframes jfdUndoIn{from{opacity:0;transform:translateY(-3px);}to{opacity:1;transform:none;}}
.btn-action.btn-undo.btn-text-action{border:1.5px solid #15803D !important;color:#15803D !important;background:transparent !important;}
.btn-action.btn-undo.btn-text-action:hover{background:rgba(21,128,61,.10) !important;color:#0f5c2e !important;}

/* ===== Notification bell tweaks (v15) ===== */
.jfd-notif-btn{border:0 !important;background:transparent !important;}
.jfd-notif-btn:hover{background:var(--bg-secondary,#f3f4f6) !important;}
.jfd-notif-head-actions{display:inline-flex;align-items:center;gap:6px;}
.jfd-notif-close{background:none;border:0;font-size:1.25rem;line-height:1;width:28px;height:28px;border-radius:6px;cursor:pointer;color:var(--text-muted,#6b7280);display:inline-flex;align-items:center;justify-content:center;padding:0;}
.jfd-notif-close:hover{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#111);}

/* ===== Admin Update Status form: keep label, select, button on one row ===== */
.admin-update-status-form{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap;}
.admin-update-status-form .form-label-modern{display:inline-flex !important;margin:0 !important;white-space:nowrap;align-items:center;}
.admin-update-status-form .form-control-modern{flex:1 1 180px;min-width:140px;margin:0;}
.admin-update-status-form .btn-accent{flex:0 0 auto;}
@media (max-width:480px){
  .admin-update-status-form .form-label-modern{flex:0 0 100%;}
}

/* Ensure notification panel respects [hidden] (display:flex above overrides it) */
.jfd-notif-panel[hidden]{display:none !important;}

/* === v17 patches === */
/* Notification bell hover: match Menu toggle (round 50%) */
.jfd-notif-btn{border-radius:50% !important;}
.jfd-notif-btn:hover{border-radius:50% !important;background:var(--logo-green,#6B7A3A) !important;color:#fff !important;}
.jfd-notif-btn:hover .bi{color:#fff !important;}
.jfd-notif-btn:hover .jfd-notif-badge{box-shadow:0 0 0 2px var(--logo-green,#6B7A3A);}
/* Unread dot indicator on notification items */
.jfd-notif-item{position:relative;}
.jfd-notif-item.is-unread{background:rgba(13,110,253,.06);}
.jfd-notif-item.is-unread::after{content:"";position:absolute;top:14px;right:12px;width:9px;height:9px;border-radius:50%;background:#dc3545;box-shadow:0 0 0 2px #fff;}
.jfd-notif-item:not(.is-unread){opacity:.86;}
.jfd-notif-item:not(.is-unread) .jfd-notif-title{font-weight:500;color:var(--text-secondary,#555);}
.jfd-notif-item:not(.is-unread) .jfd-notif-icon{background:#f1f1f1;color:#9ca3af;}
/* Ensure bell stays visible in header-actions on every viewport */
.header-actions .jfd-notif{display:inline-flex !important;}
@media (max-width:768px){
  .header-actions .jfd-notif{display:inline-flex !important;}
  .jfd-notif-btn{width:40px;height:40px;}
}

/* ========= GLOBAL FONT OVERRIDE — Josefin Sans (added) ========= */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&display=swap');
html, body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, select, textarea, label, table, th, td, li, .product-name, .product-price, .stat-value, .account-stat-value, .header-brand, .hero-title, .hero-subtitle {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 300 !important;
}
strong, b, .fw-bold, .fw-semibold, h1, h2, h3, h4, h5, h6,
.btn-accent, .btn-checkout-cta, .status-badge, .nav-cart-badge,
.header-nav-link.active, .sidebar-link.active {
  font-weight: 600 !important;
}

/* ========= LOGIN / AUTH — modern minimalist glass, mobile-first ========= */
.auth-split-wrapper {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: var(--bg-primary);
  background-image: url('../images/auth_bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.auth-split-wrapper::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(78,31,14,0.30), rgba(78,31,14,0.10));
  z-index: 0;
}
.auth-split-bg { display: none; }
.auth-card {
  position: relative; z-index: 1;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.55);
  border-radius: 22px;
  padding: 32px 26px;
  box-shadow: 0 20px 60px rgba(78,31,14,0.18), 0 1px 2px rgba(0,0,0,0.04);
  width: 100%;
  max-width: 420px;
  backdrop-filter: blur(28px) saturate(1.5);
  -webkit-backdrop-filter: blur(28px) saturate(1.5);
}
.auth-card .logo-center { margin-bottom: 22px; }
.auth-card .logo-center img { width: 56px; height: 56px; border-radius: 14px; }
.auth-card .logo-center h2 { margin-top: 8px; font-size: 1.5rem; }
.auth-card .logo-center p { font-size: 0.88rem; color: var(--text-secondary); }
.auth-card .form-control-modern {
  padding: 12px 14px 12px 40px;
  border-radius: 12px;
  background: rgba(255,255,255,0.85);
  font-size: 0.95rem;
}
.auth-card .input-icon-wrap { position: relative; display: block; }
.auth-card .input-icon {
  position: absolute; left: 14px; top: 50%;
  transform: translateY(-50%); color: var(--text-muted);
  font-size: 1rem; pointer-events: none;
}
.auth-card .btn-accent { width: 100%; padding: 13px; border-radius: 12px; }
@media (max-width: 480px) {
  .auth-split-wrapper { padding: 14px 12px; }
  .auth-card { padding: 26px 20px; border-radius: 18px; }
  .auth-card .logo-center { margin-bottom: 16px; }
  .auth-card .logo-center img { width: 48px; height: 48px; }
  .auth-card .logo-center h2 { font-size: 1.3rem; }
}

/* ========= MOBILE ORDER LIST — match reference exactly ========= */
@media (max-width: 768px) {
  .table-modern td[data-label="Order ID"] {
    border-bottom: 1px solid var(--border-light) !important;
    padding-bottom: 14px !important;
    margin-bottom: 6px !important;
  }
  .table-modern td[data-label="Order ID"] .fw-bold {
    font-size: 1.05rem; letter-spacing: 0.02em;
  }
  .btn-view-detail-mobile {
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
  }
  .table-modern td[data-label="Items"],
  .table-modern td[data-label="Total Amount"],
  .table-modern td[data-label="Date"],
  .table-modern td[data-label="Status"] {
    padding: 8px 4px !important;
  }
  .table-modern td[data-label="Items"]::before,
  .table-modern td[data-label="Total Amount"]::before,
  .table-modern td[data-label="Date"]::before,
  .table-modern td[data-label="Status"]::before {
    font-size: 0.78rem !important;
    letter-spacing: 0.08em !important;
    color: var(--text-muted) !important;
    font-weight: 600 !important;
  }
  .td-received-mobile {
    border-top: 1px solid var(--border-light) !important;
    margin-top: 10px !important;
    padding-top: 12px !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .td-received-mobile::before {
    text-align: left !important;
    margin-bottom: 8px !important;
  }
  .received-form-mobile { width: 100%; margin: 0 !important; }
  .received-form-mobile .btn-order-received {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
    border-radius: 999px !important;
    border: 1.5px solid var(--primary) !important;
    background: #fff !important;
    color: var(--primary) !important;
  }
  .td-track-mobile { padding: 10px 0 4px !important; }
  .td-track-mobile::before { display: none !important; }
  .btn-track-order-mobile {
    width: 100% !important;
    justify-content: center !important;
    padding: 13px 18px !important;
    font-size: 0.95rem !important;
    border-radius: 999px !important;
    background: var(--primary) !important;
    color: #fff !important;
  }
}

/* ========= v18 patches ========= */
/* 1) Notification component: remove border + background entirely (button + hover) */
.jfd-notif-btn,
.jfd-notif-btn:hover,
.jfd-notif-btn:focus,
.jfd-notif-btn:active{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--text-primary,#111) !important;
}
.jfd-notif-btn:hover .bi{color:var(--primary,#4E1F0E) !important;}
.jfd-notif-btn:hover .jfd-notif-badge{box-shadow:0 0 0 2px var(--bg-primary,#fff) !important;}

/* 3) Mobile order list card: more inner padding, half the gap */
@media (max-width:768px){
  .table-modern tr{
    padding:18px 16px !important;
    margin:0 0 7px !important;
  }
  .table-modern tbody{border-spacing:0 7px !important;}
  .skel-row{padding:18px 16px !important; margin-bottom:7px !important;}
}

/* 2 & 5) Admin dashboard mobile: clean 2-col grid, equal-sized stat cards */
@media (max-width:768px){
  .admin-page .content-wrapper > .row.g-4,
  .admin-page .content-wrapper > .row.g-3{
    margin-left:-6px !important;
    margin-right:-6px !important;
    --bs-gutter-x:12px;
    --bs-gutter-y:12px;
  }
  .admin-page .content-wrapper > .row > [class*="col-"]{
    padding-left:6px !important;
    padding-right:6px !important;
    display:flex !important;
    justify-content:stretch !important;
  }
  .admin-page .stat-card{
    width:100% !important;
    max-width:none !important;
    min-height:128px !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:14px !important;
    text-align:left !important;
    border-radius:14px;
  }
  .admin-page .stat-card .stat-icon{
    width:34px;height:34px;font-size:1rem;
    margin:0 0 8px 0 !important;
  }
  .admin-page .stat-card .stat-value{
    font-size:1.15rem !important;
    line-height:1.2 !important;
    word-break:break-word;
    text-align:left !important;
  }
  .admin-page .stat-card .stat-label{
    font-size:0.78rem !important;
    text-align:left !important;
    color:var(--text-secondary);
  }
  .admin-page .stat-card .stat-badge{
    position:static !important;
    display:inline-block;
    margin-top:6px;
    box-shadow:none !important;
    animation:none !important;
    font-size:0.65rem;
  }
  /* Total Revenue card: shrink large currency value to fit */
  .admin-page .stat-card.stat-card-revenue .stat-value,
  .admin-page .stat-card .stat-value.stat-value-currency{
    font-size:1rem !important;
    letter-spacing:-0.01em;
  }
}
@media (max-width:359.98px){
  .admin-page .stat-card .stat-value{font-size:1rem !important;}
  .admin-page .stat-card.stat-card-revenue .stat-value{font-size:0.9rem !important;}
}

/* ===== v19 patches ===== */
/* Hide notification bell badge when empty / has hidden attr */
.jfd-notif-badge[hidden]{display:none !important;}
.jfd-notif-badge:empty{display:none !important;}
/* Remove per-item red dot indicator on unread notifications (use number badge only) */
.jfd-notif-item.is-unread::after{display:none !important; content:none !important;}

/* Admin dashboard stat values: bolder */
.admin-page .stat-card .stat-value{font-weight:800 !important;}

/* Display-only stat cards: no hover lift, no pointer */
.admin-page .stat-card.stat-card-static{cursor:default;}
.admin-page .stat-card.stat-card-static:hover{transform:none; box-shadow:var(--shadow-sm);}

/* Standardize stat card sizing - not too big/wide */
.admin-page .stat-card{padding:14px 12px; max-width:100%;}
.admin-page .stat-card .stat-value{font-size:1.25rem;}
.admin-page .stat-card .stat-label{font-size:0.72rem;}
.admin-page .stat-icon{width:34px; height:34px; font-size:1rem; margin-bottom:6px;}

/* Mobile: hide page title text beside admin sidebar toggle */
@media (max-width: 991.98px){
  body.admin-page .top-bar > .text-muted.small{display:none !important;}
}

/* Mobile cards: ensure 2-up fits cleanly */
@media (max-width: 575.98px){
  .admin-page .stat-card{padding:10px 8px;}
  .admin-page .stat-card .stat-value{font-size:1.05rem !important; font-weight:800 !important;}
  .admin-page .stat-card .stat-label{font-size:0.68rem;}
}

/* ===== v20: unify all admin stat cards to match Total Revenue card size (mobile) ===== */
@media (max-width: 768px){
  .admin-page .stat-card,
  .admin-page .stat-card.stat-card-static,
  .admin-page .stat-card.stat-card-revenue{
    min-height:120px !important;
    height:120px !important;
    padding:14px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:left !important;
    border-radius:14px !important;
  }
  .admin-page .stat-card .stat-icon{
    width:34px !important; height:34px !important;
    font-size:1rem !important;
    margin:0 0 8px 0 !important;
  }
  /* Force every stat value to the SAME size as Total Revenue */
  .admin-page .stat-card .stat-value,
  .admin-page .stat-card .stat-value.stat-value-currency,
  .admin-page .stat-card.stat-card-revenue .stat-value{
    font-size:1rem !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-0.01em !important;
    text-align:left !important;
    word-break:break-word !important;
    margin-bottom:2px !important;
  }
  .admin-page .stat-card .stat-label{
    font-size:0.72rem !important;
    text-align:left !important;
    color:var(--text-secondary) !important;
  }
}
@media (max-width:359.98px){
  .admin-page .stat-card,
  .admin-page .stat-card.stat-card-static,
  .admin-page .stat-card.stat-card-revenue{
    min-height:112px !important; height:112px !important;
  }
  .admin-page .stat-card .stat-value,
  .admin-page .stat-card .stat-value.stat-value-currency{
    font-size:0.92rem !important;
  }
}

/* ============= v22 mobile fixes ============= */

/* (1) Admin Order Details — tighter top margin on mobile so cards group closely */
@media (max-width: 768px) {
  .admin-page .content-wrapper > div[style*="margin-bottom: 24px"] { margin-bottom: 12px !important; }
  .admin-page .content-wrapper .row.g-4.mb-5 { margin-bottom: 12px !important; --bs-gutter-y: 0.75rem; }
  .admin-page .content-wrapper .row.g-4 > [class*="col-"] { padding-top: 0 !important; }
  .admin-page .content-wrapper .card-modern + .card-modern,
  .admin-page .content-wrapper .row.g-4.mb-5 + .card-modern { margin-top: 0 !important; }
}

/* (1b) Order Items card on mobile — render rows as labelled cards */
@media (max-width: 768px) {
  .order-items-table tr { padding: 14px 14px !important; }
  .order-items-table td { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px; padding: 6px 0 !important; }
  .order-items-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-secondary); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; }
  .order-items-table td[data-label="Name"] .d-flex { justify-content: flex-end; }
  .order-items-table tr.order-items-total-row td { font-weight: 700; }
}

/* (2) Admin Products list (mobile): left-align details, actions at top-right */
@media (max-width: 768px) {
  .products-list-table tbody tr {
    position: relative !important;
    padding: 14px 14px 12px !important;
  }
  .products-list-table td {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
    padding: 6px 0 !important;
  }
  .products-list-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--text-secondary);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left !important;
  }
  .products-list-table td[data-label="Actions"] {
    position: absolute !important;
    top: 10px;
    right: 10px;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .products-list-table td[data-label="Actions"]::before { display: none !important; }
  .products-list-table td[data-label="Actions"] .d-flex { justify-content: flex-end !important; gap: 6px !important; }
  .products-list-table td[data-label="Actions"] .btn-accent-outline { padding: 5px 9px !important; font-size: 0.7rem !important; }
  /* Make space at top-right so name doesn't overlap */
  .products-list-table td[data-label="Product Name"] { padding-right: 130px !important; }
}

/* (3) Dashboard chart cards — uniform top spacing, tighter against stats */
.dashboard-stats-row.mb-5 { margin-bottom: 1.25rem !important; }
.dashboard-charts-row { margin-bottom: 1.25rem !important; }
.card-modern.dashboard-chart-card { padding-top: 1rem !important; }
.card-modern.dashboard-chart-card > h5:first-child,
.card-modern.dashboard-chart-card > h5.mb-3 { margin-top: 0 !important; }

/* (4) Admin Orders list mobile — hide Approve/Packaging/Delivery/Delivered buttons (keep functionality intact) */
@media (max-width: 768px) {
  .order-actions-stack form.order-action-form:not(.undo-form) { display: none !important; }
}

/* ============= v23 mobile fixes ============= */
@media (max-width: 768px) {
  /* (1) Dashboard: prevent Monthly Orders chart card from overlapping the
     stats row (Total Revenue / Products). Bootstrap's g-4 adds a negative
     top margin to the row which collapses into the previous block when
     cards stack vertically on mobile. Reset it and add positive spacing. */
  .admin-page .dashboard-charts-row {
    --bs-gutter-y: 1rem;
    margin-top: 1rem !important;
  }
  .admin-page .dashboard-charts-row > [class*="col-"] {
    margin-top: 0 !important;
  }

  /* (2a) "Back to Orders" button — left-aligned, no border, no background */
  .admin-page .content-wrapper a.btn-accent-outline[href="orders.php"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    align-self: flex-start !important;
    display: inline-flex !important;
    color: var(--primary) !important;
  }
  .admin-page .content-wrapper a.btn-accent-outline[href="orders.php"]:hover {
    background: transparent !important;
    color: var(--primary-dark) !important;
  }

  /* (2b) Order Items — vertically align all labels (consistent left column) */
  .order-items-table td {
    justify-content: flex-start !important;
  }
  .order-items-table td::before {
    min-width: 84px;
    flex: 0 0 84px;
    text-align: left !important;
  }
  .order-items-table td > *:not(::before) {
    margin-left: auto;
    text-align: right;
  }
  .order-items-table td[data-label="Name"] .d-flex { justify-content: flex-end !important; }

  /* (2c) Remove "Total" row card container — show as plain inline text */
  .order-items-table tr.order-items-total-row {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 14px 4px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px;
  }
  .order-items-table tr.order-items-total-row td {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: inline-flex !important;
    width: auto !important;
    justify-content: flex-end !important;
  }
  .order-items-table tr.order-items-total-row td::before { display: none !important; }
}

/* === Profile photo + cart empty card === */
.cart-empty-card{border-radius:var(--radius-sm) !important}
.profile-avatar-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 24px;margin-bottom:20px;border-bottom:1px solid var(--border-light)}
.profile-avatar-wrap{position:relative;width:120px;height:120px;min-width:120px;min-height:120px;margin-bottom:14px;flex-shrink:0}
.profile-avatar-img{display:block;width:120px;height:120px;min-width:120px;min-height:120px;max-width:120px;max-height:120px;border-radius:50%;object-fit:cover;aspect-ratio:1/1;border:3px solid var(--bg-card);box-shadow:0 4px 18px rgba(78,31,14,0.18);background:var(--bg-secondary)}
.admin-user-avatar{display:block;width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:50%;object-fit:cover;aspect-ratio:1/1;border:1px solid var(--border-light);background:var(--bg-secondary)}
.profile-avatar-camera{position:absolute;right:0;bottom:4px;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;border:3px solid var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all var(--transition)}
.profile-avatar-camera:hover{background:var(--primary-dark);transform:scale(1.05)}
.profile-avatar-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-top:4px}
.profile-avatar-email{font-size:.85rem;color:var(--text-muted);margin-top:2px}
@media (max-width:576px){
  .profile-avatar-wrap,.profile-avatar-img{width:104px;height:104px;min-width:104px;min-height:104px;max-width:104px;max-height:104px}
  .profile-avatar-camera{width:34px;height:34px}
  .account-profile-card #profileDisplay{text-align:center}
  .account-profile-card #profileDisplay label{text-align:center}
  .account-profile-card #profileDisplay label{font-weight:400 !important}
  .account-profile-card #profileDisplay > div > div{font-weight:700 !important}
}