@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.party-popper-burst{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.popper{position:absolute;left:50vw;top:50vh;width:18px;height:18px;border-radius:50%;background:var(--color);box-shadow:0 2px 8px #00000040;opacity:0;animation:popperBurst .8s cubic-bezier(.2,.7,.4,1.1) forwards}@keyframes confettiFallFade{0%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(80px) scale(1)}to{opacity:0;transform:translateY(160px) scale(1)}}@keyframes confettiSparkle{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:scale(1.2)}40%{opacity:1;transform:scale(.9)}60%{opacity:.8;transform:scale(1.1)}80%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes confettiFinalFallFade{0%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(120px) scale(1)}to{opacity:0;transform:translateY(220px) scale(1)}}.confetti-piece{position:absolute;will-change:transform,opacity}@keyframes popperBurst{0%{opacity:0;transform:scale(.7) translate(0)}10%{opacity:1;transform:scale(1.1) translate(0)}80%{opacity:1;transform:scale(1) translate(var(--distance),var(--angle))}to{opacity:0;transform:scale(.7) translate(var(--distance),var(--angle))}}.navbar{padding:20px 0;display:flex;justify-content:space-between;align-items:center;position:relative;background:var(--navbar-bg)}.navbar .logo{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--accent-color);position:relative;left:-80px;z-index:10}.navbar-menu{display:flex;list-style:none;gap:20px;color:var(--text-secondary);font-size:18px;align-items:center}.navbar-right{display:flex;align-items:center;gap:20px}.navbar button{background:transparent;font-size:16px;color:var(--text-secondary);border:1px solid var(--accent-color);padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar button:hover{background-color:var(--accent-hover)}.navbar .active{padding-bottom:2px;border-bottom:2px solid var(--text-secondary)}.whatsapp-group-link{color:#25d366;font-weight:600;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#25d3661a;border:1px solid rgba(37,211,102,.2);height:fit-content;line-height:1}.whatsapp-group-link:hover{color:#128c7e;background:#25d36626;border-color:#25d3664d;transform:translateY(-1px)}.whatsapp-icon{width:16px;height:16px;object-fit:contain}.navbar li{cursor:pointer}.navbar-search-icon{position:relative}.navbar-search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:var(--accent-color);border-radius:5px;top:-5px;right:-5px}.admin-icon-container{display:flex;align-items:center}.admin-icon{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background:#ff63471a;transition:all .3s ease}.admin-icon:hover{background:#ff634733;transform:rotate(90deg)}.navbar-profile{position:relative;cursor:pointer}.nav-profile-dropdown{position:absolute;display:none;right:0;z-index:1}.navbar-profile:hover .nav-profile-dropdown{display:flex;flex-direction:column;gap:10px;background-color:var(--card-bg);padding:12px 25px;border-radius:4px;border:1px solid var(--accent-color);outline:2px solid var(--bg-secondary);list-style:none;box-shadow:0 4px 12px var(--shadow-medium)}.nav-profile-dropdown li{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary)}.nav-profile-dropdown img{width:20px}.nav-profile-dropdown li:hover{color:var(--accent-color)}.cash-banner{width:100vw;background:#e6ffe6;color:#1a7f37;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:8px 0;box-shadow:0 2px 8px #00000010;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:0;z-index:99;letter-spacing:.5px;overflow:hidden}.cash-banner span{display:flex;align-items:center;gap:8px}.cash-banner-close{background:none;border:none;color:#1a7f37;font-size:1.2rem;margin-left:16px;cursor:pointer;font-weight:700;transition:color .2s;z-index:2}.cash-banner-close:hover{color:#d12d2d}.cash-banner-message{font-size:1rem;font-weight:600;color:#1a7f37}.cash-crystal{display:none}.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.welcome-text{font-family:Montserrat,sans-serif;font-size:6vw;color:tomato;font-weight:700;text-shadow:0 2px 8px #00000040,0 1px 0 #000;opacity:0;animation:welcomeFadeInOut 2s forwards}@keyframes welcomeFadeInOut{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.15)}40%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.mobile-cart-link{display:none!important}@media (max-width: 1050px){.navbar-menu{gap:20px;font-size:17px}.navbar-right{gap:30px}.navbar-right img{width:22px}.navbar-right button{padding:8px 25px}}@media (max-width: 900px){.navbar .logo{font-size:1.5rem}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px}.navbar-right img{width:20px}.navbar-right button{padding:7px 20px;font-size:15px}}@media (max-width: 750px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.navbar .logo{font-size:1.5rem;left:50%;transform:translate(-50%);position:absolute}.navbar{padding:15px 0;position:relative;background:transparent;justify-content:space-between}.navbar-right{margin-left:auto}.navbar-search-icon,.desktop-whatsapp{display:none!important}.mobile-whatsapp{display:flex!important;padding:0;background:transparent;border-radius:0;width:auto;height:auto;align-items:center;justify-content:center;border:none}.mobile-whatsapp:hover{background:transparent;border:none;opacity:.8}.mobile-whatsapp .whatsapp-icon{width:36px;height:36px;display:block;margin:auto}.hamburger{display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;padding:8px;border-radius:8px;background:#ff63471a;transition:all .3s ease}.mobile-cart-link{display:flex!important}.hamburger:hover{background:#ff634733}.hamburger:active{transform:scale(.95)}.hamburger svg{transition:all .3s ease}.hamburger svg.active{transform:rotate(90deg)}.navbar-menu{position:fixed;top:0;right:-100%;height:100vh;width:75%;max-width:320px;background:linear-gradient(180deg,#fff,#fff8f5);flex-direction:column;align-items:flex-start;padding:80px 25px 30px;gap:8px;box-shadow:-5px 0 30px #00000026;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1000;overflow-y:auto;border-left:3px solid rgba(255,99,71,.2)}.navbar-menu.mobile-menu-active{right:0}.navbar-menu a{width:100%;padding:14px 16px;font-size:16px;border-radius:12px;transition:all .3s ease;font-weight:500;position:relative;overflow:hidden}.navbar-menu a:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,tomato,#ff4500);transform:scaleY(0);transition:transform .3s ease}.navbar-menu a:hover{background:#ff634714;transform:translate(8px)}.navbar-menu a:hover:before{transform:scaleY(1)}.navbar-menu a.active{background:linear-gradient(135deg,#ff634726,#ff45001a);color:#ff4500;font-weight:600}.navbar-menu a.active:before{transform:scaleY(1)}.whatsapp-group-link{justify-content:flex-start}.navbar-right{gap:12px}.admin-icon img{width:28px!important;height:28px!important}}@media (max-width: 480px){.navbar .logo{font-size:1.25rem}.navbar-right{gap:10px}.navbar-right img{width:22px}.navbar-menu{width:80%}.cash-banner-message{font-size:.9rem}}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001;padding:8px;background:#ff63471a;border-radius:8px;transition:all .3s ease}.hamburger:hover{background:#ff634733}.hamburger span{width:25px;height:3px;background-color:tomato;border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hamburger span.active:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger span.active:nth-child(2){opacity:0;transform:translate(20px)}.hamburger span.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-only,.mobile-center-group{display:none!important}.desktop-whatsapp{display:flex;align-items:center}.mobile-whatsapp{display:none;align-items:center;justify-content:center}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:block;opacity:1;animation:fadeIn .3s ease}.theme-toggle{background:transparent;border:1px solid var(--accent-color);border-radius:50px;padding:10px 30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:16px;font-weight:500;white-space:nowrap}.theme-toggle:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium)}.theme-toggle:active{transform:translateY(0)}@media (max-width: 768px){.theme-toggle{padding:8px 20px;font-size:14px}}@media (max-width: 480px){.theme-toggle{padding:6px 16px;font-size:13px}}@keyframes liftFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}60%{opacity:1;transform:translateY(-10px) scale(1.05)}80%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.header{overflow:hidden;height:34vw;margin:30px auto;background:url(/assets/header_bg_chips-BrkhF5bG.jpeg) no-repeat center center;background-size:cover;position:relative;border-radius:10px}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;color:#fff;font-size:max(4.5vw,22px);text-shadow:3px 3px 14px rgba(0,0,0,.55)}.header-contents p{color:#fff;font-size:1.3vw;text-shadow:2px 2px 10px rgba(0,0,0,.45)}.header-contents button{border:none;color:#000;font-weight:500;padding:1vw 2.3vw;background-color:#fff;font-size:max(1vw,13px);border-radius:50px;cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.header-contents button:hover{box-shadow:0 8px 24px #0000002e,0 2px 4px #0000001f;transform:translateY(-2px) scale(1.04)}.header-buttons{display:flex;align-items:center;gap:15px}.mobile-theme-toggle{display:none}.dark-mode .mobile-theme-toggle .theme-toggle{background:#2a2a2a;color:#e8e8e8;border-color:#ff6b6b66}.dark-mode .mobile-theme-toggle .theme-toggle:hover{background:#333}.dark-mode .mobile-theme-toggle .theme-toggle:active{background:#252525}@media (max-width: 1050px){.header-contents{max-width:45%}.header-contents p{font-size:1.2vw}}@media (max-width: 750px){.header{height:45vw;min-height:300px}.header-contents{max-width:70%;bottom:8%;left:5vw;gap:2vw}.header-contents h2{font-size:max(5vw,20px)}.header-contents p{font-size:2.5vw;display:block}.header-contents button{padding:2.5vw 5vw;font-size:max(2.5vw,14px)}.mobile-theme-toggle{display:block;margin-left:auto}.header-buttons{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;width:100%}.mobile-theme-toggle .theme-toggle{padding:2.5vw 4vw;font-size:max(2.3vw,13px);background:#fff;color:#000;border:1px solid rgba(255,99,71,.3);box-shadow:0 2px 8px #00000026}.mobile-theme-toggle .theme-toggle:hover{background:#fffffff2;box-shadow:0 4px 12px #0003}.mobile-theme-toggle .theme-toggle:active{background:#ffffffe6;transform:translateY(0) scale(.98)}}@media (max-width: 480px){.header{height:50vw;min-height:250px;margin:20px auto}.header-contents{max-width:85%;bottom:5%;left:4vw}.header-contents h2{font-size:max(5.5vw,18px)}.header-contents p{font-size:3vw;line-height:1.4}.header-contents button{padding:3vw 6vw;font-size:max(3vw,13px)}.header-buttons{gap:8px}.mobile-theme-toggle .theme-toggle{padding:3vw 4.5vw;font-size:max(2.5vw,12px)}}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{color:var(--text-primary);font-weight:500}.explore-menu-text{max-width:60%;color:var(--text-tertiary)}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:visible}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu-list-item p{margin-top:10px;color:var(--text-tertiary);font-size:max(1.4vw,16px);cursor:pointer;-webkit-user-select:none;user-select:none}.explore-menu hr{margin:10px 0;height:2px;background-color:var(--border-color);border:none}.explore-menu-category-btn{background:linear-gradient(135deg,tomato,#ff4500);color:#fff;border:none;border-radius:30px;padding:12px 28px;font-size:16px;font-weight:600;margin:0 10px 20px 0;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #ff63474d;will-change:transform,box-shadow;position:relative;overflow:hidden}.explore-menu-category-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.explore-menu-category-btn:hover:before{width:300px;height:300px}.explore-menu-category-btn:hover,.explore-menu-category-btn:focus{transform:translateY(-6px) scale(1.08);box-shadow:0 10px 30px #ff634780}.explore-menu-category-btn:active{transform:translateY(-2px) scale(1.02)}.explore-menu-category-btn.active{background:linear-gradient(135deg,#d12d2d,#c62828);box-shadow:0 6px 20px #d12d2d80,inset 0 2px 8px #fff3;font-weight:700;transform:scale(1.05);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 6px 20px #d12d2d80,inset 0 2px 8px #fff3}50%{box-shadow:0 8px 25px #d12d2db3,inset 0 2px 8px #ffffff4d}}.food-display-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px;gap:30px;align-items:stretch}.food-display-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.food-display-header h2{margin:0}.view-cart-btn{border:none;color:#000;font-weight:500;padding:1vw 2.3vw;background-color:#fff;font-size:max(1vw,13px);border-radius:50px;cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.view-cart-btn:hover:not(.disabled){box-shadow:0 8px 24px #0000002e,0 2px 4px #0000001f;transform:translateY(-2px) scale(1.04)}.view-cart-btn.disabled{background:#ccc;color:#666;cursor:not-allowed;opacity:.6;box-shadow:none}.mobile-only{display:none}.desktop-only{display:flex}.explore-menu-dropdown{margin:20px 0}.category-dropdown{width:100%;max-width:400px;padding:14px 45px 14px 20px;font-size:16px;font-weight:600;color:#333;background:linear-gradient(135deg,#fff,#fafafa);border:2px solid #ff6347;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff634733;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ff6347' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px}.category-dropdown:hover{border-color:#ff4500;box-shadow:0 6px 20px #ff63474d;transform:translateY(-2px)}.category-dropdown:focus{outline:none;border-color:#ff4500;box-shadow:0 6px 25px #ff634766}.category-dropdown option{padding:12px;background:#fff;color:#333;font-weight:500}.category-dropdown option:hover{background:#fff5f0}@media (max-width: 750px){.mobile-only{display:block}.desktop-only{display:none!important}.category-dropdown{max-width:100%;font-size:15px;padding:12px 40px 12px 18px}.food-display-header{flex-direction:column;align-items:flex-start}.view-cart-btn{padding:2.5vw 5vw;font-size:max(2.5vw,14px);align-self:stretch}.explore-menu h1{font-size:24px}.explore-menu-text{max-width:100%;font-size:14px}.explore-menu-list{gap:15px;flex-wrap:wrap;justify-content:flex-start}.explore-menu-category-btn{font-size:14px;padding:8px 18px;margin:0 5px 10px 0}.food-display-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:20px}.food-display-header h2{font-size:20px}}@media (max-width: 480px){.explore-menu h1{font-size:20px}.explore-menu-text{font-size:13px}.explore-menu-category-btn{font-size:13px;padding:7px 15px}.food-display-list{grid-template-columns:1fr;gap:15px}.food-display-header h2{font-size:18px}.view-cart-btn{font-size:max(3vw,13px);padding:3vw 6vw}.category-dropdown{font-size:14px;padding:11px 38px 11px 16px}}.food-item-name-stock-row{display:flex;justify-content:space-between;align-items:center;width:100%}.food-item-name{font-weight:600;font-size:16px;margin-bottom:2px}.food-item-stock{font-size:15px;color:var(--stock-text);font-weight:500;border:1px solid var(--stock-border);border-radius:6px;padding:2px 10px;background:var(--stock-bg);box-sizing:border-box;margin-left:10px}.food-item{min-width:240px;max-width:320px;width:100%;border-radius:16px;box-shadow:0 2px 8px var(--shadow-light);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);animation:fadeIn 1s;display:flex;flex-direction:column;background:transparent;overflow:hidden}.food-item:hover{transform:translateY(-8px);box-shadow:0 8px 20px #ff63474d,0 4px 12px var(--shadow-medium)}.dark-mode .food-item{background:var(--card-bg)}.food-item-img-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.food-item-image{width:100%;height:100%;object-fit:contain;border-radius:15px 15px 0 0}.food-item-info{padding:20px 10px}.food-item-name-rating{display:block;margin-bottom:10px}.food-item-name-rating p{font-size:20px;font-weight:500}.food-item-name-rating img{display:none}.food-item-desc{color:var(--text-tertiary);font-size:15px}.food-item-price{color:var(--accent-color);font-size:22px;font-weight:500;margin:10px 0}.food-item-img-container{position:relative}.food-item-img-container .add{width:35px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.food-item-counter img{width:30px;height:30px;flex-shrink:0}.quantity-container{width:30px;height:30px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.quantity-container p{margin:0;font-size:16px;font-weight:600;position:absolute;transition:none}.quantity-container .slide-up{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.quantity-container .slide-down{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.food-item-stock.out-of-stock{background:#ffebee;color:#c62828;border-color:#ef5350}.food-item-stock.max-stock{background:#fff3e0;color:#ef6c00;border-color:#ff9800}.food-item-img-container .add.disabled,.food-item-counter img.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.site-restriction-notice{background:#ffebee;color:#c62828;border:1px solid #ef5350;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500;margin:8px 0;text-align:center}@media (max-width: 750px){.food-item{min-width:100%;max-width:100%}.food-item-img-container{height:180px}.food-item-info{padding:15px 10px}.food-item-name{font-size:15px}.food-item-stock{font-size:13px;padding:2px 8px}.food-item-desc{font-size:14px}.food-item-price{font-size:20px}.food-item-img-container .add{width:32px;bottom:12px;right:12px}.food-item-counter{bottom:12px;right:12px;gap:8px;padding:5px}.food-item-counter img,.quantity-container{width:28px;height:28px}.quantity-container p{font-size:15px}}@media (max-width: 480px){.food-item{border-radius:12px}.food-item-img-container{height:160px}.food-item-image{border-radius:12px 12px 0 0}.food-item-info{padding:12px 8px}.food-item-name-stock-row{flex-direction:column;align-items:flex-start;gap:5px}.food-item-stock{margin-left:0}.food-item-name{font-size:14px}.food-item-desc{font-size:13px;line-height:1.4}.food-item-price{font-size:18px}.site-restriction-notice{font-size:12px;padding:5px 8px}}.app-download{margin:100px auto auto;font-size:max(3vw,20px);text-align:center;font-weight:500}.app-download-platforms{display:flex;justify-content:center;gap:max(2vw,10px);margin-top:40px}.app-download-platforms img{width:max(30vw,120px);max-width:180px;transition:.5s;cursor:pointer}.app-download-platforms img:hover{transform:scale(1.05)}.cart{margin:50px auto;max-width:1200px;padding:0 20px}.cart h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:30px}.cart-container{display:flex;gap:30px;align-items:flex-start}.cart-items{flex:1;background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 8px 24px var(--shadow-light)}.cart-item-card{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px;transition:all .3s ease;border:1px solid var(--border-color)}.cart-item-card:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--shadow-light);transform:translateY(-2px)}.cart-item-image{width:80px;height:80px;object-fit:contain;border-radius:8px;background:var(--bg-secondary);padding:8px}.cart-item-details{display:flex;flex-direction:column;gap:8px}.cart-item-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.mobile-quantity{display:none}.cart-item-info{display:flex;gap:20px;align-items:center;font-size:14px;color:var(--text-tertiary)}.cart-item-price,.cart-item-quantity{color:var(--text-tertiary)}.cart-item-total{font-weight:600;color:var(--text-primary);font-size:16px}.cart-item-remove{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent-hover);color:var(--text-primary);font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:300;line-height:1}.cart-item-remove:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.cart-item-remove:active{transform:scale(.95)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-top:8px;border-top:1px solid var(--border-color);font-size:15px;color:var(--text-secondary)}.cart-total-row{background:var(--bg-tertiary);border-radius:8px;margin-top:4px;font-weight:700;font-size:18px;color:var(--text-primary);border:2px solid var(--border-color)}.cart-summary-label{font-weight:600;color:var(--text-primary)}.cart-summary-value{font-weight:700;color:var(--text-primary)}.cart-buttons{display:flex;gap:12px;margin-top:20px}.cart-continue-btn{flex:1;padding:16px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 12px var(--shadow-light)}.cart-continue-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-medium)}.cart-continue-btn:active{transform:translateY(0)}.cart-checkout-btn{flex:1;padding:16px;background:linear-gradient(135deg,tomato,#ff4757);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #ff63474d}.cart-checkout-btn:hover{background:linear-gradient(135deg,#ff4757,#ff3142);box-shadow:0 6px 16px #ff634766;transform:translateY(-2px)}.cart-checkout-btn:active{transform:translateY(0)}.cart-checkout-btn.disabled,.cart-checkout-btn:disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;box-shadow:none;opacity:.6}.cart-checkout-btn.disabled:hover,.cart-checkout-btn:disabled:hover{transform:none;box-shadow:none}.cart-charge-row{background:#ffc1071a;border-radius:6px;margin-top:4px;color:#f57c00;border:1px solid rgba(255,193,7,.3)}.cart-charge-row .cart-summary-label,.cart-charge-row .cart-summary-value{color:#f57c00;font-weight:600}.cart-no-charge-message{padding:10px 16px;border-radius:8px;margin-top:12px;font-size:13px;font-weight:600;text-align:center;background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.dark-mode .cart-no-charge-message{background:#28a74526;border-color:#28a74566;color:#5dd879}.dark-mode .cart-charge-row{background:#ffc10726;border-color:#ffc10766}.dark-mode .cart-charge-row .cart-summary-label,.dark-mode .cart-charge-row .cart-summary-value{color:#ffa726}.cart-minimum-quantity{padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;font-weight:600;text-align:center}.cart-minimum-quantity.met{background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.cart-minimum-quantity.not-met{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}[data-theme=dark] .cart-minimum-quantity.met{background:#28a74526;border-color:#28a74566;color:#5dd879}[data-theme=dark] .cart-minimum-quantity.not-met{background:#ffc10726;border-color:#ffc10766;color:#ffd54f}.minimum-met,.minimum-not-met{display:flex;align-items:center;justify-content:center;gap:8px}.cart-promocode{flex:0 0 350px;background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 8px 24px var(--shadow-light);height:fit-content;position:sticky;top:100px;border:1px solid var(--border-color)}.cart-promocode h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.cart-promocode-input{display:flex;gap:8px;background:var(--input-bg);border-radius:8px;padding:4px;box-shadow:0 2px 8px var(--shadow-light);border:1px solid var(--input-border)}.cart-promocode-input input{flex:1;border:none;outline:none;padding:10px 12px;font-size:14px;background:transparent;color:var(--text-primary)}.cart-promocode-input input::placeholder{color:var(--text-tertiary)}.cart-promocode-input button{padding:10px 20px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cart-promocode-input button:hover{background:var(--text-secondary);transform:translateY(-1px)}.cart-promocode-input button:active{transform:scale(.98)}.dark-mode .cart-item-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .cart-item-card:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.dark-mode .cart-item-image{background:var(--bg-tertiary)}.dark-mode .cart-summary-row{border-top-color:var(--border-color)}.dark-mode .cart-total-row{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .cart-continue-btn{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .cart-continue-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.dark-mode .cart-promocode{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .cart-promocode-input{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .cart-promocode-input button{background:var(--accent-color);color:#fff}.dark-mode .cart-promocode-input button:hover{background:#ff4757}@media (max-width: 900px){.cart-container{flex-direction:column}.cart-promocode{flex:1;width:100%;position:static}}@media (max-width: 768px){.cart{margin:30px auto}.cart h2{font-size:24px;margin-bottom:20px}.cart-items{padding:16px}.cart-item-card{grid-template-columns:60px 1fr auto;gap:12px;padding:12px}.cart-item-image{width:60px;height:60px}.cart-item-name{font-size:14px}.cart-item-info{flex-wrap:wrap;gap:10px;font-size:13px}.cart-item-total{font-size:15px}}@media (max-width: 480px){.cart{margin:20px auto;padding:0 10px;display:flex;flex-direction:column;align-items:center}.cart h2{font-size:22px;width:100%;text-align:left}.cart-container{width:100%;max-width:100%}.cart-items{padding:12px;width:100%}.cart-item-card{grid-template-columns:2fr 1fr auto;gap:8px;padding:12px;text-align:left;align-items:center}.cart-item-image{display:none}.cart-item-details{align-items:flex-start;gap:4px}.cart-item-name{font-size:14px;line-height:1.3}.mobile-quantity{display:inline}.cart-item-info{justify-content:flex-start;gap:8px;flex-wrap:nowrap;font-size:12px}.cart-item-price,.cart-item-quantity{display:none}.cart-item-total{font-size:15px;text-align:center;justify-self:center}.cart-item-remove{width:32px;height:32px;font-size:20px;justify-self:center}.cart-summary-row{padding:12px;font-size:14px}.cart-total-row{font-size:16px}.cart-buttons{flex-direction:column;gap:10px}.cart-continue-btn,.cart-checkout-btn{padding:14px;font-size:14px}.cart-promocode{padding:16px;width:100%}.cart-promocode h3{font-size:16px}.cart-promocode-input{position:relative}.cart-promocode-input input{padding-right:90px}.cart-promocode-input button{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:8px 16px;font-size:13px}}.place-order{display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:100px;padding:20px}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{font-size:30px;font-weight:600;margin-bottom:30px;color:var(--text-primary)}.place-order-left input{margin-bottom:15px;width:100%;padding:12px;border:1px solid var(--input-border);border-radius:4px;outline-color:var(--accent-color);font-size:16px;background-color:var(--input-bg);color:var(--text-primary)}.place-order-left .multi-fields{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.cart-total{background-color:var(--card-bg);padding:20px;border-radius:8px;box-shadow:0 0 10px var(--shadow-light)}.cart-total h2{margin-bottom:20px;font-size:24px;font-weight:600;color:var(--text-primary)}.cart-total-details{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--text-primary)}.cart-charge-details{background:#ffc1071a;border-radius:6px;padding:10px 12px;margin:10px 0;color:#f57c00;border:1px solid rgba(255,193,7,.3)}.cart-charge-details p{color:#f57c00;font-weight:600}.no-charge-message{padding:10px 12px;border-radius:6px;margin:10px 0;font-size:13px;font-weight:600;text-align:center;background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.dark-mode .no-charge-message{background:#28a74526;border-color:#28a74566;color:#5dd879}.dark-mode .cart-charge-details{background:#ffc10726;border-color:#ffc10766}.dark-mode .cart-charge-details p{color:#ffa726}.cart-total .card-no-container{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color);padding:12px;border-radius:8px;margin-bottom:20px;background-color:var(--input-bg)}.place-order-left select{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:4px;outline:none;font-size:16px;background-color:var(--input-bg);color:var(--text-primary);margin-bottom:15px;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;cursor:pointer;transition:border-color .2s;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M7 8l3 3 3-3'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}.place-order-left select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ff634726}.place-order-left select:hover{border-color:#a0a0a0}.cart-total button{width:100%;padding:15px 20px;background-color:tomato;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.cart-total button:hover:not(:disabled){background-color:#e63946}.cart-total button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.cart-total button:disabled:hover{background-color:#ccc}@media (max-width: 768px){.place-order{flex-direction:column;margin-top:60px;gap:30px}.place-order-left,.place-order-right{max-width:100%}.place-order-left .title{font-size:24px}}@media (max-width: 480px){.place-order{margin-top:40px;padding:15px 10px}.place-order-left .title{font-size:22px;margin-bottom:20px}.place-order-left input,.place-order-left select{padding:12px;font-size:15px;margin-bottom:12px}.cart-total{padding:15px}.cart-total h2{font-size:20px;margin-bottom:15px}.cart-total-details{font-size:14px;margin-bottom:12px}.cart-total button{padding:14px 18px;font-size:16px}}.payment-method{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;margin-top:100px}.payment-method-container{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px var(--shadow-light);padding:40px;max-width:600px;width:100%;border:1px solid var(--border-color)}.payment-title{text-align:center;font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:30px}.order-summary{background-color:var(--bg-tertiary);border-radius:8px;padding:20px;margin-bottom:30px;border:1px solid var(--border-color)}.order-summary h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.summary-details{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--text-primary)}.summary-row:last-child{font-weight:600;font-size:18px;border-top:1px solid var(--border-color);padding-top:10px;margin-top:10px;color:var(--text-primary)}.charge-row{background:#ffc1071a;border-radius:6px;padding:10px 12px;margin:8px 0;color:#f57c00;border:1px solid rgba(255,193,7,.3)}.charge-row span{color:#f57c00;font-weight:600}.no-charge-notice{padding:10px 12px;border-radius:6px;margin:8px 0;font-size:13px;font-weight:600;text-align:center;background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.dark-mode .no-charge-notice{background:#28a74526;border-color:#28a74566;color:#5dd879}.dark-mode .charge-row{background:#ffc10726;border-color:#ffc10766}.dark-mode .charge-row span{color:#ffa726}.payment-options{margin-bottom:30px}.payment-option{margin-bottom:20px}.payment-option input[type=radio]{display:none}.payment-label{display:flex;align-items:center;padding:20px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;background-color:var(--bg-secondary)}.payment-label:hover{border-color:var(--accent-color);background-color:var(--accent-hover)}.payment-option input[type=radio]:checked+.payment-label{border-color:var(--accent-color);background-color:var(--accent-hover);box-shadow:0 0 0 2px #ff63471a}.payment-icon{font-size:32px;margin-right:20px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--bg-tertiary);border-radius:50%}.payment-option input[type=radio]:checked+.payment-label .payment-icon{background-color:var(--accent-color);color:#fff}.payment-label.disabled{opacity:.5;cursor:not-allowed!important;background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important}.payment-label.disabled:hover{border-color:var(--border-color)!important;background-color:var(--bg-tertiary)!important}.payment-option input[type=radio]:disabled+.payment-label{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary);border-color:var(--border-color)}.payment-option input[type=radio]:disabled+.payment-label:hover{border-color:var(--border-color);background-color:var(--bg-tertiary)}.payment-info h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 5px}.payment-info p{font-size:14px;color:var(--text-tertiary);margin:0}.payment-actions{display:flex;gap:15px;justify-content:space-between}.back-button{flex:1;padding:15px 20px;background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color)}.place-order-button{flex:2;padding:15px 20px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 12px #ff63474d}.place-order-button:hover:not(:disabled){background-color:#e63946;box-shadow:0 6px 16px #ff634766}.place-order-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7;box-shadow:none}.place-order-button:disabled:hover{background-color:#ccc}.dark-mode .payment-method-container{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 20px var(--shadow-medium)}.dark-mode .order-summary{background-color:var(--bg-primary);border-color:var(--border-color)}.dark-mode .payment-label{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .payment-label:hover{background-color:var(--bg-secondary);border-color:var(--accent-color)}.dark-mode .payment-option input[type=radio]:checked+.payment-label{background-color:var(--accent-hover);border-color:var(--accent-color)}.dark-mode .payment-icon{background-color:var(--bg-secondary)}.dark-mode .payment-option input[type=radio]:checked+.payment-label .payment-icon{background-color:var(--accent-color)}.dark-mode .back-button{background-color:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .back-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-color)}.dark-mode .payment-option input[type=radio]:disabled+.payment-label{background-color:var(--bg-primary);border-color:var(--border-color)}@media (max-width: 768px){.payment-method{margin-top:80px;padding:10px}.payment-method-container{padding:20px}.payment-title{font-size:24px}.payment-label{padding:15px}.payment-icon{font-size:24px;width:40px;height:40px;margin-right:15px}.payment-info h4{font-size:16px}.payment-info p{font-size:13px}.payment-actions{flex-direction:column}.back-button,.place-order-button{flex:none}}@media (max-width: 480px){.payment-method{margin-top:60px;padding:5px;min-height:70vh}.payment-method-container{padding:20px 15px;border-radius:10px}.payment-title{font-size:22px;margin-bottom:20px}.order-summary{padding:15px;margin-bottom:20px}.order-summary h3{font-size:16px;margin-bottom:12px}.summary-row{font-size:14px}.summary-row:last-child{font-size:16px}.payment-option{margin-bottom:15px}.payment-label{padding:12px}.payment-icon{font-size:22px;width:38px;height:38px;margin-right:12px}.payment-info h4{font-size:15px}.payment-info p{font-size:12px}.payment-actions{gap:12px;margin-top:20px}.back-button,.place-order-button{padding:13px 18px;font-size:15px}.place-order-button{font-size:16px}}.footer{color:var(--footer-text);background-color:var(--footer-bg);display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:100px}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left .logo{color:var(--accent-color)}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:disc;margin-bottom:10px;margin-left:20px;cursor:pointer}.footer-content-right h2,.footer-content-center h2{color:var(--accent-color)}.customer-support-link{color:var(--footer-text);text-decoration:none;transition:color .3s ease}.customer-support-link:hover{color:var(--accent-color);text-decoration:underline}.email-text{color:var(--footer-text)}.footer hr{width:100%;height:2px;margin:20px 0;background-color:var(--border-color);border:none}.footer-admin-link{display:none;margin-top:20px}.admin-footer-button{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,tomato,#ff4500);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;font-size:16px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #ff63474d;width:fit-content}.admin-footer-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff634780}.admin-footer-button img{width:24px;height:24px;filter:brightness(0) invert(1)}@media (max-width: 750px){.mobile-only{display:flex!important;justify-content:flex-end}.desktop-only{display:none!important}.footer{padding:60px 6vw 20px;margin-top:80px}.footer-content{display:flex;flex-direction:column;gap:35px}.footer-content-left,.footer-content-right{align-items:flex-start}.footer-content-right ul{padding-left:0;width:100%}.footer-content-right li{text-align:left}.footer-admin-link{margin-top:10px}.admin-footer-button{display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;color:#333;text-decoration:none;border-radius:50%;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;width:48px;height:48px}.admin-footer-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003}.admin-footer-button img{width:24px;height:24px;filter:none}.footer-copyright{text-align:center;font-size:14px}.footer-content-left .logo,.footer-content-right h2,.footer-content-center h2{font-size:18px}.footer-content-left .logo{font-size:28px}.footer-content-left p,.footer-content-right li,.footer-content-center li{font-size:14px}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:none;margin-left:0}}@media (max-width: 480px){.footer{padding:50px 5vw 15px;margin-top:60px;gap:15px}.footer-content{gap:30px}.footer-content-left,.footer-content-right,.footer-content-center{gap:15px}.footer-content-left .logo{font-size:22px}.footer-content-right h2,.footer-content-center h2{font-size:16px}.footer-content-left p,.footer-content-right li,.footer-content-center li{font-size:13px;margin-bottom:8px}.footer-copyright{font-size:12px}}.login-popup{position:absolute;z-index:1;width:100%;height:100%;background-color:#00000090;display:grid}.login-popup-container{place-self:center;width:max(23vw,330px);color:var(--text-tertiary);background-color:var(--card-bg);display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:fadeIn .5s;box-shadow:0 8px 32px var(--shadow-medium)}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.login-popup-title img{width:15px;cursor:pointer;filter:var(--icon-filter)}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;border:1px solid var(--input-border);border-radius:4px;padding:10px;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .3s ease}.login-popup-inputs input:focus{border-color:var(--accent-color)}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:var(--accent-color);font-size:15px;cursor:pointer;transition:opacity .3s ease}.login-popup-container button:hover{opacity:.9}.login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup p{color:var(--text-primary)}.login-popup p span{color:var(--accent-color);font-weight:500;cursor:pointer}@media (max-width: 768px){.login-popup-container{width:85vw;max-width:400px;padding:20px 25px;gap:20px}.login-popup-inputs{gap:15px}.login-popup-inputs input,.login-popup-container button{padding:12px;font-size:16px}}@media (max-width: 480px){.login-popup-container{width:90vw;padding:18px 20px;gap:18px;font-size:13px}.login-popup-title h2{font-size:20px}.login-popup-title img{width:14px}.login-popup-inputs{gap:14px}.login-popup-inputs input,.login-popup-container button{padding:11px}.login-popup-condition{gap:6px;margin-top:-12px}}.verify{min-height:60vh;display:grid}.verify .spinner{width:100px;height:100px;place-self:center;border:5px solid #bdbdbd;border-top-color:tomato;border-radius:50%;animation:rotate 1s infinite}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders{margin:50px 0}.my-orders .container{display:flex;flex-direction:column;gap:20px;margin-top:30px;background:var(--card-bg);border-radius:12px;padding:16px 24px;box-shadow:0 8px 24px var(--shadow-light);overflow-x:auto}.my-orders-order{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 2fr 1fr;align-items:center;gap:30px;font-size:14px;padding:10px 20px;color:var(--text-secondary);border:1px solid var(--accent-color)}.my-orders-order img{width:50px}.my-orders-order p span{color:var(--accent-color)}.my-orders-order p p{font-weight:500;color:var(--text-secondary)}.my-orders-order button{border:none;padding:12px 5px;border-radius:4px;background-color:var(--accent-hover);cursor:pointer;color:var(--text-secondary)}@media (max-width: 900px){.my-orders-order{grid-template-columns:1fr 2fr 1fr;row-gap:5px;font-size:12px}.my-orders-order button{font-size:10px}}.my-orders-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:820px;border-radius:10px}.my-orders-table th,.my-orders-table td{text-align:center;vertical-align:middle;padding:14px 10px}.my-orders-table thead th{font-weight:700;background:var(--bg-tertiary);color:var(--text-primary);border-bottom:2px solid var(--border-color)}.my-orders-table tbody tr{border-bottom:1px solid var(--border-color)}.my-orders-table tbody tr:nth-child(odd){background:var(--bg-tertiary)}.my-orders-table tbody tr:hover{background:var(--accent-hover)}@media (max-width: 900px){.my-orders-table{min-width:680px}.my-orders-table th,.my-orders-table td{padding:10px 8px;font-size:13px}}@media (max-width: 768px){.my-orders{margin:30px 0}.my-orders h2{font-size:22px}.my-orders .container{padding:12px 16px}}@media (max-width: 480px){.my-orders{margin:20px 0}.my-orders h2{font-size:20px;margin-bottom:15px}.my-orders .container{padding:10px;border-radius:8px}.my-orders-table{min-width:600px;font-size:12px}.my-orders-table th,.my-orders-table td{padding:8px 6px;font-size:11px}.my-orders-table th{font-size:12px}}.sidebar{width:250px;min-height:100vh;background-color:#f8f9fa;border-right:1px solid #e9ecef;position:fixed;left:0;top:0;z-index:1000;font-size:14px}.sidebar-header{padding:12px 20px;border-bottom:1px solid #e9ecef;background-color:#fff}.sidebar-logo{text-align:center;margin:0}.logo-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:5rem;font-weight:700;color:#ff6b47;margin:0;line-height:1}.logo-subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.7rem;font-weight:600;color:#000;margin:1px 0 0;line-height:1}.sidebar-options{padding:20px 0;display:flex;flex-direction:column}.sidebar-option{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;color:#495057}.sidebar-option:hover{background-color:#e9ecef}.sidebar-option img{width:20px;height:20px;object-fit:contain}.sidebar-option p{font-size:14px;font-weight:500;margin:0}.sidebar-option.active{background-color:#fff5f5;color:#dc3545;border-right:3px solid #dc3545}.sidebar-footer{position:absolute;bottom:20px;left:0;right:0;padding:0 20px}.logout-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;background-color:transparent;border:none;color:#dc3545;font-size:14px;font-weight:500;width:100%;transition:background-color .2s ease;border-radius:0}.logout-btn:hover{background-color:#f8d7da}.logout-btn img{width:20px;height:20px;object-fit:contain}.logout-btn p{margin:0}@media (max-width: 768px){.sidebar{width:100vw;min-height:auto;height:60px;bottom:0;top:auto;border-right:none;border-top:1px solid #e9ecef;display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:0}.sidebar-header{display:none}.sidebar-options{display:flex;flex-direction:row;justify-content:space-around;padding:0;width:100%;overflow-x:auto;overflow-y:hidden}.sidebar-option{flex-direction:column;padding:8px 12px;gap:4px;min-width:fit-content;border-right:none;border-bottom:3px solid transparent}.sidebar-option.active{background-color:transparent;border-right:none;border-bottom:3px solid #dc3545}.sidebar-option img{width:20px;height:20px}.sidebar-option p{font-size:11px}.sidebar-footer{position:static;padding:0;display:flex;align-items:center}.logout-btn{flex-direction:column;padding:8px 12px;gap:4px;width:auto;min-width:fit-content}.logout-btn:hover{background-color:transparent}.logout-btn img{width:20px;height:20px}.logout-btn p{font-size:11px}}@media (max-width: 480px){.sidebar{height:55px}.sidebar-option{padding:6px 8px}.sidebar-option img{width:18px;height:18px}.sidebar-option p{font-size:10px}.logout-btn{padding:6px 8px}.logout-btn img{width:18px;height:18px}.logout-btn p{font-size:10px}}.admin-app{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f5f7fa;overflow:hidden}.admin-welcome-badge{position:fixed;top:20px;right:30px;z-index:2000;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 24px;border-radius:25px;box-shadow:0 4px 12px #667eea4d}.admin-welcome-badge span{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.admin-welcome-badge.animate-entrance{animation:welcomeEntrance 2s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes welcomeEntrance{0%{top:50%;right:50%;transform:translate(50%,-50%) scale(3);opacity:0;box-shadow:0 8px 30px #667eea99,0 0 50px #667eea80}30%{opacity:1;box-shadow:0 8px 30px #667eea99,0 0 50px #667eea80}to{top:20px;right:30px;transform:translate(0) scale(1);opacity:1;box-shadow:0 4px 12px #667eea4d}}.admin-container{display:flex;height:100vh}.admin-content{flex:1;padding:30px 40px;background-color:#f5f7fa;height:100vh;overflow-y:auto;margin-left:250px;width:calc(100vw - 250px);box-sizing:border-box}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid tomato;border-radius:50%;animation:spin 1s linear infinite}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background-color:tomato;color:#fff}.btn-primary:hover{background-color:#e63946}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal h3{margin-top:0;color:tomato;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.card h3{margin-top:0;color:#333;margin-bottom:15px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.table th,.table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.table th{background-color:#f8f9fa;font-weight:600;color:#333}.table tr:hover{background-color:#f8f9fa}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:tomato;box-shadow:0 0 0 2px #ff634733}.empty-state{text-align:center;padding:40px 20px;color:#6c757d}.empty-state h2{margin-bottom:10px;color:#495057}.empty-state p{margin-bottom:5px}.hint{font-size:14px;color:#868e96}@media (max-width: 1024px){.admin-content{margin-left:200px;width:calc(100vw - 200px);padding:25px 30px}}@media (max-width: 768px){.admin-welcome-badge{top:10px;right:15px;padding:8px 16px}.admin-welcome-badge span{font-size:12px}@keyframes welcomeEntrance{0%{top:50%;right:50%;transform:translate(50%,-50%) scale(2);opacity:0}30%{opacity:1}to{top:10px;right:15px;transform:translate(0) scale(1);opacity:1}}.admin-content{margin-left:0;width:100vw;padding:70px 15px 20px}.table{font-size:13px;overflow-x:auto;display:block}.table th,.table td{padding:10px 12px;white-space:nowrap}.modal{padding:20px;max-width:90%}.card{padding:15px;margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}@media (max-width: 480px){.admin-welcome-badge{top:8px;right:10px;padding:6px 12px}.admin-welcome-badge span{font-size:11px}.admin-content{padding:60px 10px 15px}.table{font-size:11px}.table th,.table td{padding:8px 10px}.modal{padding:15px;max-width:95%}.modal h3{font-size:18px}.card{padding:12px;border-radius:8px}.btn{padding:8px 16px;font-size:13px}.form-group{margin-bottom:15px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{width:100%}}.admin-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f5f7fa}.loading-spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.admin-loading p{color:#666;font-size:16px;margin:0}.add{width:100%;max-width:1200px;margin:0 auto;padding:20px 0;color:#6d6d6d;font-size:16px}.add form{gap:20px}.add-img-upload img{width:120px}.add-img-upload label{cursor:pointer;width:50px}.add-product-name,.add-product-description{width:100%;max-width:600px}.add-product-name input,.add-product-description textarea{padding:10px}.add-category-price{display:flex;gap:30px}.add-category-price select,.add-category-price input{max-width:120px;padding:10px}.add-btn{max-width:120px;border:none;padding:10px;background-color:#000;color:#fff;cursor:pointer}.add-category-selection{width:100%;max-width:600px;margin:20px 0}.category-list{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-top:10px;transition:all .3s ease}.category-list-title{font-size:14px;font-weight:600;color:#495057;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.category-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:8px;transition:all .3s ease}.category-item:hover{background:#f1f3f4;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1a}.category-item-checkbox{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.category-item-label{font-size:14px;font-weight:500;color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.category-item input[type=checkbox]:checked+label{color:#667eea;font-weight:600}.category-item input[type=checkbox]:checked~*{color:#667eea}.category-item input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.category-item input[type=checkbox]:disabled+label{opacity:.6;cursor:not-allowed}.list-table-wrapper{width:100%;overflow-x:auto;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid #e8e8e8}.list-table{background:#fff;border-radius:16px;overflow:hidden}.list-table-format{display:grid;grid-template-columns:80px 1.8fr 1.2fr 1fr .8fr 1fr 1.2fr 1.2fr;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #f0f0f0;font-size:14px;transition:all .3s ease;position:relative;min-width:1000px}.list-table-format:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);transform:translateY(-1px);box-shadow:0 4px 20px #00000014}.list-table-format .title{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;box-shadow:0 2px 10px #667eea4d}.list-table-format .title:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:none;box-shadow:0 2px 10px #667eea4d}.list-table-format img{width:60px;height:60px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.list-table-format img:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.list-table-format input,.list-table-format select{padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:14px;font-weight:500;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.name-input{width:140px}.category-select{width:120px}.price-input{width:90px}.stock-input{width:70px}.stock-save-container,.visibility-container,.delete-container{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}.list-table-format input:focus,.list-table-format select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.list-table-format input:hover,.list-table-format select:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014}.list-table-format select:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.list-table-format select:disabled:hover{border-color:#e1e5e9;box-shadow:0 2px 8px #0000000d;transform:none}.list-table-format button{padding:10px 16px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 12px #00000026}.list-table-format button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.list-table-format button:active{transform:translateY(0)}.save-button{background:linear-gradient(135deg,#4caf50,#45a049)!important;color:#fff!important;padding:10px 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 3px 12px #4caf504d!important}.hide-button{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;padding:10px 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 3px 12px #f443364d!important}.unhide-button{background:linear-gradient(135deg,#ff9800,#f57c00)!important;color:#fff!important;padding:10px 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 3px 12px #ff98004d!important}.delete-button{background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;padding:10px 16px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 3px 12px #f443364d!important}.status-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:12px;text-align:center;transition:all .3s ease}.hidden-status{background:#f443361a;color:#f44336!important;border:1px solid rgba(244,67,54,.2)}.visible-status{background:#4caf501a;color:#4caf50!important;border:1px solid rgba(76,175,80,.2)}.hostel-tabs{display:flex;gap:20px;margin-bottom:32px;flex-wrap:wrap;justify-content:center;padding:20px 0}.tab-button{background:linear-gradient(135deg,#fff,#f8f9fa);color:#495057;font-family:Poppins,Arial,sans-serif;font-weight:600;border:2px solid #e9ecef;outline:none;border-radius:25px;padding:12px 32px;font-size:15px;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;margin-bottom:8px;cursor:pointer;letter-spacing:.3px;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.tab-button:hover:before{left:100%}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.tab-button:hover:not(.active){background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;border-color:#667eea;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.list.add h3{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;margin:20px 0;border:2px dashed #dee2e6}.empty-state h4{font-size:18px;font-weight:600;margin-bottom:8px;color:#495057}.empty-state p{font-size:14px;margin:0}.food-list{background:#f8f9fa;padding:24px;border-radius:20px;margin-top:20px}.list.add{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}@media (max-width: 768px){.list-table-format{grid-template-columns:1fr 2fr 1fr 1fr .8fr 1fr 1fr 1fr;gap:12px;padding:16px 12px}.hostel-tabs{gap:12px;padding:16px 0}.tab-button{padding:10px 20px;font-size:14px}.list-table-format input,.list-table-format select{padding:8px 12px;font-size:12px}.list-table-format button{padding:8px 12px;font-size:10px}}@media (max-width: 600px){.list-table-format{grid-template-columns:1fr 2fr 1fr 1fr .8fr 1fr 1fr 1fr;gap:8px;padding:12px 8px}.list-table-format.title{display:none}.list-table-format img{width:40px;height:40px}.food-list{padding:16px}.list.add h3{font-size:24px}}.list-skeleton{background:#f0f0f0;border-radius:4px;margin:5px 0;position:relative;overflow:hidden}.list-skeleton:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:shimmer 2s infinite}.list-skeleton-image,.list-skeleton-text{position:relative;z-index:1;background:#e0e0e0;border-radius:4px}.list-skeleton-image{width:50px;height:50px}.list-skeleton-text{margin:10px 0}.list-skeleton-name-rating{height:20px;width:100px}.list-skeleton-desc{height:15px;width:100px}.list-skeleton-price{height:20px;width:50px}.list-skeleton-action{height:20px;width:20px}@media (max-width: 600px){.list-skeleton-image{display:none}.list-skeleton-name-rating{width:60px}.list-skeleton-desc{width:40px}.list-skeleton-price{width:35px}}.orders-table-container{background:#fff7ef;border-radius:14px;box-shadow:0 2px 18px #ecd4ba28;padding:36px 24px 32px;margin:36px 0;width:100%;border:1.5px solid #fecfac;overflow-x:auto;box-sizing:border-box}.orders-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Poppins,Arial,sans-serif;font-size:16px;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 2px 10px #e3cab025}.orders-table thead tr{background:#fde5d2}.orders-table th,.orders-table td{text-align:left;padding:14px 12px;vertical-align:top;border-right:1px solid #fad2c0;border-bottom:1.4px solid #fad2c0}.orders-table td{font-weight:500;color:#000}.orders-table th{color:#291b12;font-weight:700;font-size:17px;background:#fde5d2;border-top:1.4px solid #fad2c0}.orders-table th:first-child{border-top-left-radius:13px}.orders-table th:last-child{border-top-right-radius:13px;border-right:none}.orders-table td:last-child{border-right:none}.orders-table tbody tr:nth-child(2n) td{background:#fff6ee}.orders-table tbody tr:hover td{background:#fff1e7}.orders-table select{background:#ffe8e4;border:1px solid #fabba0;border-radius:7px;padding:8px 13px;font-size:15px;outline:none;color:#5c4032;box-shadow:0 1px 6px #f7decfa2}@media (max-width: 900px){.orders-table-container{padding:8px 1px}.orders-table th,.orders-table td{padding:7px 2px;font-size:12px}.orders-table th{font-size:13px}}.hostel-tabs{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.tab-button{background:#fff;color:#111;font-family:Poppins,Arial,sans-serif;font-weight:600;border:1.5px solid #000;outline:none;border-radius:999px;padding:10px 28px;font-size:16px;transition:background .2s,color .2s,box-shadow .2s,transform .3s;box-shadow:0 2px 6px #00000026;margin-bottom:6px;cursor:pointer;letter-spacing:.01em}.tab-button.active{background:#fff;color:#111;box-shadow:0 4px 16px #efefef;cursor:default;padding:8px 22px;font-size:15px;transform:scale(.92)}.tab-button:hover:not(.active){background:#faf9f7;color:#111;box-shadow:0 2px 12px #f9daa8cc}.skeleton{background:#f0f0f0;border-radius:4px;margin:10px;position:relative;overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);animation:shimmer 2s infinite}.skeleton .skeleton-image,.skeleton .skeleton-text{position:relative;z-index:1;background:#e0e0e0;border-radius:4px}.skeleton .skeleton-image{width:100%;height:150px}.skeleton .skeleton-text{margin:10px 0}.skeleton .skeleton-name-rating{height:20px;width:60%}.skeleton .skeleton-desc{height:15px;width:80%}.skeleton .skeleton-price{height:20px;width:40%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.actions-container{padding:30px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.actions-header{text-align:center;margin-bottom:40px;padding:30px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.actions-header h2{color:#2c3e50;margin-bottom:15px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.actions-header p{color:#7f8c8d;font-size:18px;margin:0;font-weight:400}.loading{text-align:center;padding:60px;font-size:20px;color:#7f8c8d;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.actions-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.actions-content.single-column{grid-template-columns:1fr;max-width:800px;margin:0 auto}.actions-left-column,.actions-right-column{display:flex;flex-direction:column;gap:25px}.action-card{background:#fff;border:none;border-radius:20px;padding:30px;box-shadow:0 15px 35px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.action-header{margin-bottom:25px;text-align:center}.action-header h3{color:#2c3e50;margin-bottom:10px;font-size:24px;font-weight:600}.action-header p{color:#7f8c8d;font-size:16px;margin:0;line-height:1.5}.admin-toggles{display:flex;flex-direction:column;gap:20px}.admin-toggle-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;padding:25px;transition:all .3s ease;position:relative}.admin-info{margin-bottom:20px}.admin-info h4{color:#2c3e50;margin-bottom:8px;font-size:20px;font-weight:600}.admin-info p{color:#6c757d;font-size:14px;margin:0;line-height:1.4}.toggle-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.toggle-switch{position:relative;display:inline-block;width:70px;height:38px}.toggle-switch input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;margin:0;cursor:pointer;z-index:1}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#27ae60,#2ecc71);transition:all .4s ease;border-radius:38px;box-shadow:inset 0 2px 4px #0003}.toggle-slider:before{position:absolute;content:"";height:30px;width:30px;right:4px;bottom:4px;background:#fff;transition:all .4s ease;border-radius:50%;box-shadow:0 2px 8px #0000004d}input:checked+.toggle-slider{background:linear-gradient(135deg,#e74c3c,#c0392b)}input:checked+.toggle-slider:before{transform:translate(-32px)}input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-label{font-weight:600;font-size:16px;color:#2c3e50;flex:1;margin-left:15px}.status-indicator{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #dee2e6;margin-top:10px}.status-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0003}.status-dot.available{background:linear-gradient(135deg,#27ae60,#2ecc71)}.status-dot.unavailable{background:linear-gradient(135deg,#e74c3c,#c0392b)}.status-dot.online{background:linear-gradient(135deg,#27ae60,#2ecc71)}.status-dot.offline{background:linear-gradient(135deg,#e74c3c,#c0392b)}.status-indicator span{color:#6c757d;font-size:14px;line-height:1.5;font-weight:500}.hostel-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.hostel-toggle-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;padding:25px;transition:all .3s ease;position:relative}.hostel-info{margin-bottom:20px;text-align:center}.hostel-info h4{color:#2c3e50;margin-bottom:8px;font-size:18px;font-weight:600}.hostel-info p{color:#6c757d;font-size:14px;margin:0}.url-input-group{display:flex;flex-direction:column;gap:25px}.url-input-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;padding:25px;transition:all .3s ease}.url-info{margin-bottom:20px;text-align:center}.url-info h4{color:#2c3e50;margin-bottom:8px;font-size:20px;font-weight:600}.url-info p{color:#6c757d;font-size:14px;margin:0}.url-input-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.url-input{flex:1;padding:15px 20px;border:2px solid #dee2e6;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#2c3e50}.url-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.url-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.url-save-btn{padding:15px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.url-save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.url-status{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #dee2e6}.url-status span{color:#6c757d;font-size:14px;line-height:1.5;font-weight:500}.last-updated{margin-top:30px;padding:20px;background:#fff;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000001a}.last-updated p{color:#6c757d;font-size:14px;margin:0;font-weight:500}@media (max-width: 1200px){.actions-content{grid-template-columns:1fr;gap:25px}.hostel-toggles{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.actions-container,.action-card,.actions-header{padding:20px}.actions-header h2{font-size:28px}.toggle-container{flex-direction:column;align-items:flex-start;gap:15px}.url-input-container{flex-direction:column;align-items:stretch}.url-save-btn{width:100%}.hostel-toggles{grid-template-columns:1fr}}@media (max-width: 480px){.actions-container,.action-card{padding:15px}.actions-header h2{font-size:24px}.actions-header p{font-size:16px}}.finance{width:100%;padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;box-sizing:border-box}.finance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.finance-header h1{font-size:32px;font-weight:700;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.finance-actions{display:flex;gap:15px}.generate-report-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.generate-report-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.generate-report-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.finance-overview{margin-bottom:40px;width:100%}.finance-overview h2{font-size:26px;font-weight:600;color:#2c3e50;margin-bottom:25px}.overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%}.overview-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border-left:6px solid;transition:all .3s ease;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.overview-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.overview-card.revenue{border-left-color:#3498db}.overview-card.cost{border-left-color:#e74c3c}.overview-card.profit{border-left-color:#2ecc71}.overview-card h3{font-size:14px;font-weight:600;color:#7f8c8d;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.overview-card .amount{font-size:36px;font-weight:700;color:#2c3e50;margin:15px 0;line-height:1.2}.overview-card .orders,.overview-card .margin{font-size:15px;color:#95a5a6;font-weight:500}.finance-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:40px;width:100%}.manager-cuts-section{margin-bottom:40px}.manager-cuts-section h3{font-size:22px;font-weight:600;color:#2c3e50;margin-bottom:20px}.manager-cuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.manager-cut-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 24px #0000001a;border-top:4px solid #667eea}.manager-cut-card h4{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:15px}.cut-input{display:flex;align-items:center;gap:10px;margin-bottom:15px}.cut-input label{font-weight:500;color:#34495e;min-width:100px}.cut-input input{padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;width:80px;text-align:center}.cut-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payout-details p{margin:8px 0;font-size:14px;color:#34495e}.payout-details .manager-owed{font-weight:600;color:#27ae60;font-size:16px;border-top:1px solid #ecf0f1;padding-top:10px;margin-top:10px}.finance-history h3{font-size:22px;font-weight:600;color:#2c3e50;margin-bottom:20px}.history-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.history-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:15px 20px;border-bottom:1px solid #ecf0f1;font-size:14px;transition:all .3s ease;border-left:3px solid transparent;cursor:pointer}.history-row:hover{background-color:#f8f9fa;border-left-color:#667eea;transform:translate(3px)}.history-row.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-left-color:#667eea;font-weight:600;box-shadow:inset 0 0 10px #667eea1a}.history-row:last-child{border-bottom:none}.empty-history{padding:40px 20px;text-align:center;color:#7f8c8d;background:#f8f9fa;border-radius:8px;margin:20px}.empty-history p{margin:0;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{font-size:22px;font-weight:600;color:#2c3e50;margin-bottom:15px}.modal p{color:#7f8c8d;margin-bottom:20px;line-height:1.6}.modal-options{margin-bottom:25px}.option{display:flex;align-items:center;gap:10px;padding:10px 0}.option input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.option label{font-size:14px;color:#34495e;cursor:pointer}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn,.generate-btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.generate-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1200px){.finance-charts{grid-template-columns:1fr}.chart-container{padding:20px}}@media (max-width: 1024px){.overview-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.finance-charts{grid-template-columns:1fr}}@media (max-width: 768px){.finance{padding:20px}.finance-header{flex-direction:column;gap:15px;align-items:flex-start}.finance-header h1{font-size:24px}.overview-cards{grid-template-columns:1fr;gap:20px}.overview-card .amount{font-size:32px}.manager-cuts-grid{grid-template-columns:1fr}.chart-container{padding:20px}.history-header,.history-row{grid-template-columns:repeat(3,1fr);font-size:12px}.history-header span:nth-child(4),.history-header span:nth-child(5),.history-header span:nth-child(6),.history-row span:nth-child(4),.history-row span:nth-child(5),.history-row span:nth-child(6){display:none}.chart-container{padding:15px}}@media (max-width: 480px){.modal{padding:20px;width:95%}.modal-actions{flex-direction:column}.cancel-btn,.generate-btn{width:100%}}.analytics{width:100%;padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;box-sizing:border-box}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.analytics-header h1{font-size:32px;font-weight:700;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-actions{display:flex;gap:15px}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics-controls{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:12px}.hostel-filter-buttons,.sort-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn,.sort-btn{padding:10px 20px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;color:#34495e;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.sort-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.filter-btn.active,.sort-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.analytics-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:40px}.overview-stat{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;text-align:center;transition:all .3s ease;border-top:4px solid #667eea}.overview-stat:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.overview-stat h3{font-size:14px;font-weight:600;color:#7f8c8d;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.overview-stat .stat-number{font-size:36px;font-weight:700;color:#2c3e50;margin:15px 0;line-height:1.2}.overview-stat .stat-label{font-size:14px;color:#95a5a6;font-weight:500}.analytics-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:40px}.chart-container{background:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.chart-container:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.chart-container h3{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:25px;text-align:center}.top-items-section{margin-bottom:40px}.top-items-section h3{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:20px}.items-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.table-header{display:grid;grid-template-columns:60px 2fr 1fr 100px 120px 120px 80px 100px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:18px 20px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:60px 2fr 1fr 100px 120px 120px 80px 100px;padding:18px 20px;border-bottom:1px solid #f0f0f0;font-size:14px;align-items:center;transition:all .2s ease}.table-row:hover{background:#f8f9fa;transform:translate(5px)}.table-row:last-child{border-bottom:none}.rank{font-weight:700;color:#667eea;font-size:18px}.item-name{display:flex;align-items:center;gap:12px;font-weight:600;color:#2c3e50}.item-image{width:40px;height:40px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.category-badge{display:inline-block;padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-size:12px;font-weight:600}.quantity{font-weight:600;color:#34495e}.revenue{font-weight:600;color:#3498db}.profit{font-weight:600;color:#27ae60}.orders{color:#7f8c8d}.avg{color:#95a5a6;font-weight:500}.all-items-section{margin-bottom:40px}.all-items-section h3{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:20px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.item-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0000001a;transition:all .3s ease}.item-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.item-card-header{position:relative;height:180px;overflow:hidden}.item-card-image{width:100%;height:100%;object-fit:cover}.item-rank{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:16px;box-shadow:0 4px 12px #0003}.item-card-body{padding:20px}.item-card-body h4{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:8px;min-height:50px}.item-category{display:inline-block;padding:5px 12px;background:#e8f5e9;color:#2e7d32;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:15px}.item-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .stat-label{font-size:12px;color:#7f8c8d;font-weight:500;text-transform:uppercase}.stat-item .stat-value{font-size:16px;font-weight:600;color:#2c3e50}.stat-item .profit-highlight{color:#27ae60}.empty-state{padding:60px 20px;text-align:center;color:#7f8c8d;background:#f8f9fa;border-radius:12px;margin:20px}.empty-state p{margin:0;font-size:16px}.empty-state-main{padding:80px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:40px 0}.empty-state-main h2{font-size:32px;color:#2c3e50;margin-bottom:20px}.empty-state-main p{font-size:18px;color:#7f8c8d;margin:10px 0}.empty-state-main .hint{font-size:14px;color:#95a5a6;font-style:italic}@media (max-width: 1200px){.analytics-charts{grid-template-columns:1fr}.analytics-overview{grid-template-columns:repeat(2,1fr)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.analytics{padding:20px}.analytics-header{flex-direction:column;gap:15px;align-items:flex-start}.analytics-header h1{font-size:24px}.analytics-overview{grid-template-columns:1fr;gap:20px}.overview-stat .stat-number{font-size:32px}.table-header,.table-row{grid-template-columns:50px 2fr 80px 80px;font-size:12px}.table-header span:nth-child(n+5),.table-row span:nth-child(n+5){display:none}.items-grid{grid-template-columns:1fr}.chart-container{padding:20px}}@media (max-width: 480px){.hostel-filter-buttons,.sort-buttons{flex-direction:column}.filter-btn,.sort-btn{width:100%}}.admin-login-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-login-form{background:#fff;padding:32px 40px;border-radius:8px;box-shadow:0 0 20px #00000020;display:flex;flex-direction:column;gap:18px;min-width:320px}.admin-logo{text-align:center;margin-bottom:20px}.logo-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2.5rem;font-weight:700;color:#ff6b47;margin:0;line-height:1}.logo-subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:700;color:#000;margin:8px 0 0;line-height:1}.admin-login-form h3{margin-bottom:10px;color:tomato;text-align:center;font-size:1.2rem}.admin-login-form input{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.admin-login-form button{padding:10px;background:tomato;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .2s}.admin-login-form button:disabled{background:#ccc;cursor:not-allowed}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.site-notification{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.notification-banner{padding:12px 20px;color:#fff;font-weight:500;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out}.notification-banner.offline{background:linear-gradient(135deg,#dc3545,#c82333)}.notification-banner.delivery-unavailable{background:linear-gradient(135deg,#fd7e14,#e55a00)}.notification-content{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}.notification-icon{font-size:20px;flex-shrink:0}.notification-text{flex:1}.notification-text strong{display:block;font-size:16px;margin-bottom:2px}.notification-text p{margin:0;font-size:14px;opacity:.9}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.notification-banner{padding:10px 15px}.notification-content{gap:8px}.notification-icon{font-size:18px}.notification-text strong{font-size:15px}.notification-text p{font-size:13px}}@media (max-width: 480px){.notification-banner{padding:8px 12px}.notification-content{gap:6px;flex-direction:column;align-items:flex-start}.notification-icon{font-size:16px}.notification-text strong{font-size:14px;margin-bottom:1px}.notification-text p{font-size:12px;line-height:1.3}}:root{--bg-primary: antiquewhite;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #000000;--text-secondary: #49557e;--text-tertiary: #676767;--border-color: #e2e2e2;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--accent-color: tomato;--accent-hover: #fff4f2;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #c9c9c9;--navbar-bg: transparent;--footer-bg: #323232;--footer-text: #d9d9d9;--stock-bg: #fafafa;--stock-border: #ccc;--stock-text: #222;--icon-filter: none}.dark-mode{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--text-primary: #e8e8e8;--text-secondary: #b8c5db;--text-tertiary: #9ca3af;--border-color: #2d2d2d;--shadow-light: rgba(0, 0, 0, .4);--shadow-medium: rgba(0, 0, 0, .6);--accent-color: #ff6b6b;--accent-hover: #2a1515;--card-bg: #1e1e1e;--input-bg: #242424;--input-border: #3a3a3a;--navbar-bg: transparent;--footer-bg: #141414;--footer-text: #b8b8b8;--stock-bg: #2a2a2a;--stock-border: #3a3a3a;--stock-text: #e8e8e8;--icon-filter: invert(.9) hue-rotate(180deg)}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.app{width:80%;margin:auto;position:relative}body.has-site-notification .app{margin-top:50px}@media (max-width: 768px){body.has-site-notification .app{margin-top:55px}.app{width:95%}}@media (max-width: 480px){.app{width:98%}body.has-site-notification .app{margin-top:90px}button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}button,a{-webkit-tap-highlight-color:rgba(255,99,71,.2)}@media screen and (max-width: 768px){input[type=text],input[type=number],input[type=email],input[type=tel],input[type=password],textarea,select{font-size:16px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--primary-color: #ff6347;--primary-dark: #ff4500;--primary-darker: #d12d2d}.navbar{padding-left:0!important;padding-right:0!important}@media (max-width: 991.98px){.navbar-menu{background:linear-gradient(180deg,#fff,#fff8f5)}}@media (max-width: 767.98px){.container-fluid{padding-left:15px;padding-right:15px}.row{margin-left:-10px;margin-right:-10px}.col,[class*=col-]{padding-left:10px;padding-right:10px}}@media (max-width: 575.98px){h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.btn{padding:10px 20px;font-size:14px}.btn-lg{padding:12px 24px;font-size:16px}}.btn,.card,.explore-menu-category-btn,.navbar-menu a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media (hover: none) and (pointer: coarse){*:hover{-webkit-tap-highlight-color:transparent}button,a,input[type=button],input[type=submit],.explore-menu-category-btn{min-height:44px;min-width:44px}}@media (max-width: 767.98px){.card{margin-bottom:15px;border-radius:12px;box-shadow:0 2px 10px #00000014}.card-body{padding:15px}}@media (max-width: 767.98px){.modal-dialog{margin:10px}.modal-content{border-radius:15px}.modal-body{padding:20px 15px}}@media (max-width: 767.98px){.form-control,.form-select{font-size:16px;padding:12px;border-radius:10px}.form-label{font-size:14px;font-weight:600;margin-bottom:8px}}img{max-width:100%;height:auto}@media (max-width: 767.98px){.table-responsive{border-radius:10px;box-shadow:0 2px 10px #0000000d}.table{font-size:13px}.table th,.table td{padding:10px 8px;white-space:nowrap}}.spinner-border-sm{width:1.5rem;height:1.5rem}@media (max-width: 767.98px){.alert{padding:12px;font-size:14px;border-radius:10px;margin-bottom:15px}}.navbar-toggler{border:none;padding:8px;border-radius:8px;background:#ff63471a}.navbar-toggler:focus{box-shadow:none;background:#ff634733}.offcanvas{background:linear-gradient(180deg,#fff,#fff8f5);border-left:3px solid rgba(255,99,71,.2)}.offcanvas-header{padding:20px 25px;border-bottom:1px solid rgba(255,99,71,.1)}.offcanvas-body{padding:20px 25px}@media (max-width: 767.98px){.g-4,.gx-4{--bs-gutter-x: 1rem}.g-4,.gy-4{--bs-gutter-y: 1rem}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}