@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Rye&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Rye&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Rye&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Rye&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:linear-gradient(135deg,#2d1910fa 0%,#3d2914fa 50%,#5c3d2efa 100%);border-bottom:1px solid #c4a8824d;justify-content:space-between;align-items:center;height:80px;padding:0 2rem;font-family:Montserrat,sans-serif;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff0d}.header.loaded{opacity:0;align-items:center;gap:1rem;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards slideInLeft;display:flex}.header-spacer{background:0 0;height:75px}.header-left{opacity:0;align-items:center;gap:1.25rem;min-width:280px;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards slideInLeft;display:flex}.logo-link{align-items:center;gap:1rem;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.logo-link:hover{transform:translateY(-2px)}.logo-link:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #ffd70066}.header-logo{object-fit:cover;border:2px solid #c4a88280;border-radius:12px;width:52px;height:52px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px #0000004d,inset 0 1px 2px #ffffff1a}.logo-link:hover .header-logo{border-color:gold;transform:rotate(6deg)scale(1.08);box-shadow:0 10px 24px #ffd70059,inset 0 1px 2px #fff3}.header-title{flex-direction:column;gap:2px;display:flex}.header-title .line1{color:#f5e6d3;text-shadow:0 2px 8px #00000080;letter-spacing:.5px;font-family:Rye,cursive;font-size:18px;font-weight:700;transition:color .3s cubic-bezier(.4,0,.2,1)}.logo-link:hover .header-title .line1{color:gold}.header-title .line2{color:#c4a882e6;text-shadow:0 1px 4px #0000004d;letter-spacing:.3px;font-size:12px;font-weight:500}.header-nav{align-items:center;gap:.5rem;display:flex}.header-nav .nav-btn{color:#f5e6d3d9;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;opacity:0;background-color:#0000;border:none;border-radius:8px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.23,1,.32,1) forwards navItemFadeIn;position:relative;overflow:hidden;transform:translateY(-20px)}.header.loaded .nav-btn{opacity:1;transform:translateY(0)}.header-nav .nav-btn:before{content:"";opacity:0;background:#ffd7001a;border-radius:10px;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.header-nav .nav-btn:after{content:"";background:linear-gradient(90deg,#d2691e,gold);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.header-nav .nav-btn:hover{color:gold;border-color:#ffd70033;transform:translateY(-2px)}.header-nav .nav-btn:hover:before{opacity:1}.header-nav .nav-btn:hover:after{width:70%}.header-nav .nav-btn:active{transform:translateY(0)}.header-nav .nav-btn:focus-visible{outline-offset:3px;outline:2px solid #ffd70066}.header-nav .nav-btn.active{color:gold;background-color:#8b45134d}.header-nav .nav-btn.active:after{background:gold;width:60%}.header-nav .nav-btn:first-child{animation-delay:.3s}.header-nav .nav-btn:nth-child(2){animation-delay:.4s}.header-nav .nav-btn:nth-child(3){animation-delay:.5s}.header-nav .nav-btn:nth-child(4){animation-delay:.6s}.header-nav .nav-btn:nth-child(5){animation-delay:.7s}.header-nav .nav-btn:nth-child(6){animation-delay:.8s}.header-nav .nav-btn:nth-child(7){animation-delay:.9s}.header-right{opacity:0;justify-content:flex-end;align-items:center;gap:1.5rem;min-width:280px;animation:.8s cubic-bezier(.23,1,.32,1) .4s forwards slideInRight;display:flex}.user-info{cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.user-info:hover{background:#8b451333;border-color:#ffd7004d;transform:translateY(-2px)}.user-info:focus-visible{outline-offset:2px;outline:3px solid #ffd70066}.user-avatar{color:#f5e6d3;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #c4a88280;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.user-info:hover .user-avatar{color:#2d1910;background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 8px 20px #ffd7004d}.user-icon{color:#f5e6d3;font-size:20px;transition:color .3s cubic-bezier(.4,0,.2,1)}.user-info:hover .user-icon{color:#2d1910}.user-text{flex-direction:column;gap:2px;display:flex}.user-text h1{color:#f5e6d3;margin:0;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;line-height:1.2;transition:color .3s cubic-bezier(.4,0,.2,1)}.user-info:hover .user-text h1{color:gold}.user-text p{color:#c4a882cc;text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Montserrat,sans-serif;font-size:10px;font-weight:500}.dropdown-arrow{color:#c4a882b3;font-size:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info:hover .dropdown-arrow{color:gold}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown{z-index:100;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:12px;min-width:180px;animation:.3s cubic-bezier(.23,1,.32,1) dropdownFadeIn;position:absolute;top:58px;right:0;overflow:hidden;box-shadow:0 12px 40px #8b451333,0 4px 12px #00000014}.dropdown-item{text-align:left;cursor:pointer;color:#3d2914;background:0 0;border:none;border-bottom:1.5px solid #e5ddd5;width:100%;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(135deg,#8b45130d,#a0522d05);padding-left:20px}.dropdown-item:focus-visible{outline-offset:-2px;outline:2px solid #8b45134d}.dropdown-item.danger{color:#e74c3c}.dropdown-item.danger:hover{background:linear-gradient(135deg,#fadbd8,#fdecea)}.notif-wrapper{position:relative}.notif-btn{cursor:pointer;color:#f5e6d3d9;background:0 0;border:2px solid #c4a88266;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-menu-toggle{color:#f5e6d3;cursor:pointer;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #c4a88266;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;box-shadow:0 4px 12px #00000026}.mobile-menu-toggle:hover{background:linear-gradient(135deg,sienna,peru);border-color:gold;transform:translateY(-2px);box-shadow:0 6px 16px #8b45134d}.mobile-menu-toggle:focus-visible{outline-offset:2px;outline:3px solid #ffd70066}.mobile-menu-toggle:active{transform:translateY(0)}.mobile-overlay{display:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes navItemFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes notifPulse{0%,to{box-shadow:0 0 #e53935b3}50%{box-shadow:0 0 0 6px #e5393500}}@media (max-width:1024px){.header{padding:0 1.5rem}.header-nav .nav-btn{padding:8px 12px;font-size:10px}.user-text,.dropdown-arrow{display:none}.user-info{padding:8px}}@media (max-width:768px){.header{height:70px;padding:0 1rem}.header-spacer{height:70px}.header-title .line2{display:none}.header-title .line1{font-size:16px}.header-logo{width:42px;height:42px}.header-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#2d1910fa 0%,#3d2914fa 100%);border-bottom:1px solid #c4a8824d;flex-direction:column;gap:0;padding:1rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:fixed;top:70px;left:0;right:0;transform:translateY(-150%);box-shadow:0 10px 40px #0000004d}.header-nav.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)}.header-nav .nav-btn{text-align:center;opacity:1;border-bottom:1px solid #c4a8821a;border-radius:12px;width:100%;padding:16px 20px;font-size:13px;animation:none;transform:none}.header-nav .nav-btn:last-child{border-bottom:none}.header-nav .nav-btn:after{display:none}.mobile-menu-toggle{display:flex}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0009;animation:.3s fadeIn;display:block;position:fixed;inset:70px 0 0}.user-avatar{width:38px;height:38px}.user-icon{font-size:18px}.notif-btn{width:38px;height:38px;font-size:16px}.notif-dropdown{width:calc(100vw - 2rem);right:-.5rem}.profile-dropdown{right:-.5rem}}@media (max-width:480px){.header{padding:0 .75rem}.logo-link{gap:.75rem}.header-logo{width:36px;height:36px}.header-title .line1{font-size:14px}.mobile-menu-toggle{width:40px;height:40px;font-size:18px}.user-avatar{width:34px;height:34px}.user-icon{font-size:16px}.notif-btn{width:34px;height:34px;font-size:14px}.header-right{gap:.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-link{color:#fff;background:linear-gradient(135deg,#ff6b35,#e55a24);border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b354d}.admin-link:hover{background:linear-gradient(135deg,#e55a24,#d44913);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.admin-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem 0}.admin-dashboard h1{color:#fff;text-shadow:0 2px 8px #0003;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.admin-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.admin-tabs button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-tabs button:hover{color:#fff;background:#fff3}.admin-tabs button.active{color:#667eea;background:#fff;box-shadow:0 4px 15px #0003}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.stat-card:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:4px;position:absolute;top:0;left:0;right:0}.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.stat-number{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.8rem;font-weight:800}.stat-card.alert .stat-number{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.admin-table-section{background:#fff;border-radius:12px;padding:2.5rem;animation:.4s cubic-bezier(.4,0,.2,1) slideIn;box-shadow:0 8px 24px #0000001f}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-table-section h2{color:#333;align-items:center;gap:10px;margin-top:0;margin-bottom:2rem;font-size:1.5rem;display:flex}.admin-table-section h2:before{content:"";background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;width:4px;height:24px}.admin-table{border-collapse:collapse;width:100%;font-size:.95rem}.admin-table td{color:#666;border-bottom:1px solid #f0f0f0;padding:1.2rem 1rem}.admin-table tbody tr{transition:all .2s}.admin-table tbody tr:hover{background:#f9f9ff;box-shadow:inset 0 0 10px #667eea0d}.admin-table tbody tr:last-child td{border-bottom:none}.status-select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:.6rem .8rem;font-size:.9rem;font-weight:600;transition:all .3s}.status-select:hover{border-color:#667eea}.status-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.status-select.pending{color:#ff9800;border-color:#ff9800}.status-select.preparing{color:#2196f3;border-color:#2196f3}.status-select.ready,.status-select.confirmed{color:#4caf50;border-color:#4caf50}.status-select.completed{color:#9c27b0;border-color:#9c27b0}.status-select.cancelled{color:#f44336;border-color:#f44336}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0000001a}.role-badge.admin{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.role-badge.customer{color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c)}.role-badge.staff{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-view,.btn-delete{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #0000001a}.admin-loading{text-align:center;color:#fff;padding:4rem 2rem;font-size:1.2rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.06)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-dashboard h1{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.admin-table-section{padding:1.5rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.8rem .5rem}.admin-tabs{flex-wrap:wrap}.admin-tabs button{padding:.6rem 1rem;font-size:.85rem}}@media (max-width:480px){.admin-container{padding:0 .5rem}.admin-dashboard h1{font-size:1.5rem}.stat-number{font-size:2rem}.btn-view,.btn-delete{padding:.4rem .8rem;font-size:.8rem}}.notif-wrapper{margin-right:10px;position:relative}.notif-btn{cursor:pointer;color:#f5e6d3d9;background:0 0;border:2px solid #c4a88266;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;left:20px}.notif-btn:hover{color:gold;background:#ffd7001a;border-color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.notif-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd70066}.notif-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#e53935,#c62828);border:2px solid #2d1910fa;border-radius:999px;min-width:16px;padding:2px 5px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite notifPulse;position:absolute;top:-6px;right:-6px}.notif-dropdown{z-index:100;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:14px;width:320px;max-height:380px;animation:.3s cubic-bezier(.23,1,.32,1) dropdownFadeIn;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 12px 40px #8b451333,0 4px 12px #00000014}.notif-title{color:#3d2914;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border-bottom:1.5px solid #e5ddd5;padding:14px 16px;font-size:13px;font-weight:700}.notif-item{cursor:pointer;border-bottom:1.5px solid #e5ddd5;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:linear-gradient(135deg,#8b45130d,#a0522d05)}.notif-item.unread{background:linear-gradient(135deg,#e3f2fd,#f0f7ff);border-left:3px solid #2196f3}.notif-message{color:#3d2914;margin-bottom:4px;font-size:13px;font-weight:600}.notif-time{color:#8a7d73;margin-top:4px;font-size:11px}.notif-empty{color:#8a7d73;text-align:center;padding:24px 16px;font-size:13px}.admin-header{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:linear-gradient(135deg,#2d1910fa 0%,#3d2914fa 50%,#5c3d2efa 100%);border-bottom:2px solid #ffd70033;justify-content:space-between;align-items:center;height:75px;padding:0 2rem;font-family:Montserrat,sans-serif;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 6px 24px #0003,inset 0 1px #ffffff14}.admin-header.loaded{opacity:0;align-items:center;gap:1rem;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards slideInLeft;display:flex}.admin-header-spacer{background:0 0;height:75px}.admin-header-left{opacity:0;align-items:center;gap:1.25rem;min-width:280px;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards slideInLeft;display:flex}.admin-logo-link{align-items:center;gap:1rem;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-logo-link:hover{transform:translateY(-2px)}.admin-header-logo{object-fit:cover;border:2px solid #c4a88280;border-radius:12px;width:52px;height:52px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px #0000004d,inset 0 1px 2px #ffffff1a}.admin-logo-link:hover .admin-header-logo{border-color:gold;transform:rotate(6deg)scale(1.08);box-shadow:0 10px 24px #ffd70059,inset 0 1px 2px #fff3}.admin-header-branding{flex-direction:column;gap:2px;display:flex}.admin-brand-main{color:#f5e6d3;text-shadow:0 2px 8px #00000080;letter-spacing:.5px;font-family:Rye,cursive;font-size:18px;font-weight:700;transition:color .3s cubic-bezier(.4,0,.2,1)}.admin-logo-link:hover .admin-brand-main{color:gold}.admin-brand-sub{color:#ffd700cc;text-shadow:0 1px 4px #0006;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.admin-header-nav{align-items:center;gap:.5rem;display:flex}.admin-header-nav::-webkit-scrollbar{display:none}.admin-nav-btn{color:#f5e6d3d9;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;opacity:0;background-color:#0000;border:none;border-radius:8px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.23,1,.32,1) forwards navItemFadeIn;position:relative;overflow:hidden;transform:translateY(-20px)}.admin-header.loaded .admin-nav-btn{opacity:1;transform:translateY(0)}.admin-nav-icon{font-size:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.admin-nav-label{flex-direction:column;gap:2px;display:flex}.admin-nav-btn:before{content:"";opacity:0;background:#ffd7001a;border-radius:10px;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.admin-nav-btn:after{content:"";background:linear-gradient(90deg,#d2691e,gold);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.admin-nav-btn:hover{color:gold;border-color:#ffd70033;transform:translateY(-2px)}.admin-nav-btn:hover:before{opacity:1}.admin-nav-btn:hover:after{width:70%}.admin-nav-btn:hover .admin-nav-icon{transform:scale(1.15)}.admin-nav-btn.active{color:gold;background-color:#8b451366;border-color:#ffd7004d}.admin-nav-btn.active:after{background:gold;width:70%}.admin-nav-btn:first-child{animation-delay:.3s}.admin-nav-btn:nth-child(2){animation-delay:.35s}.admin-nav-btn:nth-child(3){animation-delay:.4s}.admin-nav-btn:nth-child(4){animation-delay:.45s}.admin-nav-btn:nth-child(5){animation-delay:.5s}.admin-nav-btn:nth-child(6){animation-delay:.55s}.admin-header-right{opacity:0;justify-content:flex-end;align-items:center;gap:1.5rem;min-width:280px;animation:.8s cubic-bezier(.23,1,.32,1) .4s forwards slideInRight;display:flex}.admin-notif-wrapper{position:relative}.admin-notif-btn{cursor:pointer;color:#f5e6d3d9;background:0 0;border:2px solid #c4a88266;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.admin-notif-btn:hover{color:gold;background:#ffd7001a;border-color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.admin-notif-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#e53935,#c62828);border:2px solid #2d1910fa;border-radius:999px;min-width:16px;padding:2px 5px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite notifPulse;position:absolute;top:-6px;right:-6px}.admin-notif-dropdown{z-index:100;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:14px;width:320px;max-height:380px;animation:.3s cubic-bezier(.23,1,.32,1) dropdownFadeIn;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:0 12px 40px #8b451333,0 4px 12px #00000014}.admin-notif-title{color:#3d2914;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border-bottom:1.5px solid #e5ddd5;padding:14px 16px;font-size:13px;font-weight:700}.admin-notif-item{cursor:pointer;border-bottom:1.5px solid #e5ddd5;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-notif-item:last-child{border-bottom:none}.admin-notif-item:hover{background:linear-gradient(135deg,#8b45130d,#a0522d05)}.admin-notif-message{color:#3d2914;margin-bottom:4px;font-size:13px;font-weight:600}.admin-notif-time{color:#8a7d73;font-size:11px}.admin-user-info{cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.admin-user-info:hover{background:#8b451333;border-color:#ffd7004d;transform:translateY(-2px)}.admin-user-avatar{color:#f5e6d3;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #c4a88280;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.admin-user-info:hover .admin-user-avatar{color:#2d1910;background:linear-gradient(135deg,gold,orange);border-color:gold;box-shadow:0 8px 20px #ffd7004d}.admin-user-text{flex-direction:column;gap:2px;display:flex}.admin-user-text h3{color:#f5e6d3;margin:0;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;transition:color .3s cubic-bezier(.4,0,.2,1)}.admin-user-info:hover .admin-user-text h3{color:gold}.admin-user-text p{color:#c4a882cc;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:10px;font-weight:500}.admin-dropdown-arrow{color:#c4a882b3;font-size:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-user-info:hover .admin-dropdown-arrow{color:gold}.admin-dropdown-arrow.open{transform:rotate(180deg)}.admin-profile-dropdown{z-index:100;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:12px;min-width:180px;animation:.3s cubic-bezier(.23,1,.32,1) dropdownFadeIn;position:absolute;top:58px;right:0;overflow:hidden;box-shadow:0 12px 40px #8b451333,0 4px 12px #00000014}.admin-dropdown-item{text-align:left;cursor:pointer;color:#3d2914;background:0 0;border:none;border-bottom:1.5px solid #e5ddd5;width:100%;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-dropdown-item:last-child{border-bottom:none}.admin-dropdown-item:hover{background:linear-gradient(135deg,#8b45130d,#a0522d05);padding-left:20px}.admin-dropdown-item.danger{color:#e74c3c}.admin-dropdown-item.danger:hover{background:linear-gradient(135deg,#fadbd8,#fdecea)}.admin-mobile-toggle{color:#f5e6d3;cursor:pointer;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #c4a88266;border-radius:12px;width:45px;height:45px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;box-shadow:0 4px 12px #00000026}.admin-mobile-toggle:hover{background:linear-gradient(135deg,sienna,peru);border-color:gold;transform:translateY(-2px);box-shadow:0 6px 16px #8b45134d}.admin-mobile-overlay{display:none}@media (max-width:1200px){.admin-header{padding:0 1.5rem}.admin-header-left,.admin-header-right{min-width:200px}.admin-header-nav{margin:0 1rem}.admin-nav-label{max-width:60px}.admin-user-text,.admin-dropdown-arrow{display:none}}@media (max-width:768px){.admin-header{height:70px;padding:0 1rem}.admin-header-spacer{height:70px}.admin-header-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#2d1910fa 0%,#3d2914fa 100%);border-bottom:1.5px solid #c4a8824d;flex-direction:column;gap:.5rem;max-height:calc(100vh - 70px);padding:1rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:fixed;top:70px;left:0;right:0;overflow-y:auto;transform:translateY(-150%);box-shadow:0 10px 40px #0000004d}.admin-header-nav.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)}.admin-nav-btn{text-align:center;opacity:1;border-bottom:1px solid #c4a8821a;border-radius:10px;width:100%;padding:14px 16px;font-size:12px;animation:none;top:0;transform:none}.admin-nav-btn:last-child{border-bottom:none}.admin-nav-btn:after{display:none}.admin-mobile-toggle{justify-content:center;align-items:center;display:flex}.admin-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#00000080;animation:.3s fadeIn;display:block;position:fixed;inset:70px 0 0}.admin-header-left{gap:.75rem;min-width:auto}.admin-header-logo{width:44px;height:44px}.admin-brand-sub{display:none}.admin-brand-main{font-size:16px}.admin-header-right{gap:1rem;min-width:auto}}@media (max-width:480px){.admin-header{padding:0 .75rem}.admin-header-left{gap:.5rem}.admin-header-logo{width:40px;height:40px}.admin-brand-main{font-size:14px}.admin-notif-btn,.admin-user-avatar{width:40px;height:40px;font-size:16px}.admin-mobile-toggle{width:40px;height:40px;font-size:18px}.admin-notif-dropdown{width:calc(100vw - 1.5rem);right:-.5rem}.admin-profile-dropdown{right:-.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.footer{color:#f5e6d3;background:linear-gradient(135deg,#2d1910 0%,#3d2914 50%,#5c3d2e 100%);border-top:4px solid #8b4513;font-family:Montserrat,sans-serif}.footer-container{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;max-width:1400px;margin:0 auto;padding:50px 40px;display:grid}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-logo-section{align-items:center;gap:15px;display:flex}.footer-logo{border:2px solid #c4a882;border-radius:10px;width:60px;height:60px;box-shadow:0 4px 10px #0006}.footer-title{flex-direction:column;gap:2px;display:flex}.footer-title .line1{color:#f5e6d3;text-shadow:2px 2px 4px #00000080;letter-spacing:1px;font-family:Rye,cursive;font-size:24px;font-weight:700}.footer-title .line2{color:#c4a882;text-shadow:1px 1px 2px #00000080;font-size:14px;font-weight:500}.footer-description{color:#c4a882;max-width:350px;font-size:14px;line-height:1.7}.footer-social{gap:12px;display:flex}.footer-social a{color:#f5e6d3;background:#8b451333;border:2px solid #8b4513;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .3s;display:flex;box-shadow:0 4px 10px #8b45134d}.footer-social a:hover{color:gold;background:linear-gradient(135deg,#8b4513,sienna);border-color:#d2691e;transform:translateY(-3px);box-shadow:0 6px 15px #8b451380}.footer-links h3,.footer-contact h3{color:gold;text-shadow:1px 1px 2px #00000080;margin-bottom:20px;padding-bottom:10px;font-family:Rye,cursive;font-size:18px;position:relative}.footer-links h3:after,.footer-contact h3:after{content:"";background:linear-gradient(90deg,#d2691e,gold);border-radius:2px;width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-links ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links ul li a{color:#c4a882;padding-left:0;font-size:14px;text-decoration:none;transition:all .3s;position:relative}.footer-links ul li a:before{content:"»";opacity:0;color:gold;transition:all .3s;position:absolute;left:-15px}.footer-links ul li a:hover{color:gold;padding-left:15px}.footer-links ul li a:hover:before{opacity:1;left:0}.footer-contact{flex-direction:column;gap:15px;display:flex}.contact-item{align-items:flex-start;gap:12px;display:flex}.contact-icon{color:#d2691e;flex-shrink:0;margin-top:3px;font-size:16px}.contact-item span{color:#c4a882;font-size:14px;line-height:1.5}.contact-item .hours{flex-direction:column;gap:4px;display:flex}.contact-item .hours span{font-size:13px}.footer-bottom{background:#0000004d;border-top:1px solid #8b451366;padding:20px 40px}.footer-bottom-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;max-width:1400px;margin:0 auto;display:flex}.footer-bottom p{color:#a08060;margin:0;font-size:13px}.footer-bottom-links{align-items:center;gap:15px;display:flex}.footer-bottom-links a{color:#c4a882;font-size:13px;text-decoration:none;transition:color .3s}.footer-bottom-links a:hover{color:gold}.footer-bottom-links .divider{color:#5c3d2e;font-size:12px}@media (max-width:1024px){.footer-container{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2}}@media (max-width:768px){.footer-container{grid-template-columns:1fr;gap:30px;padding:40px 20px}.footer-brand{text-align:center;grid-column:span 1;align-items:center}.footer-description{max-width:100%}.footer-links h3:after,.footer-contact h3:after{left:50%;transform:translate(-50%)}.footer-links,.footer-contact{text-align:center;align-items:center}.footer-links ul{align-items:center}.contact-item{justify-content:center}.footer-bottom-content{text-align:center;flex-direction:column}}@media (max-width:480px){.footer-logo-section{text-align:center;flex-direction:column}.footer-social{justify-content:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}body,html{width:100%;overflow-x:hidden}.home{width:100%;max-width:100vw;overflow-x:hidden}.hero{text-align:center;color:#fff;background:url(/assets/cart-placeholder-Bk3ufv3Q.png) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{-webkit-backdrop-filter:brightness(.85);backdrop-filter:brightness(.85);background:linear-gradient(135deg,#00000080,#0000004d);position:absolute;inset:0}.hero-content{z-index:1;animation:1s cubic-bezier(.4,0,.2,1) .2s backwards fadeInUp;position:relative}.hero-content>p{letter-spacing:4px;text-transform:uppercase;color:#f39c12;opacity:.95;text-shadow:0 2px 8px #0006;margin-bottom:1rem;font-size:1rem;font-weight:600}.hero-content h1{color:#fff;text-transform:uppercase;letter-spacing:-1px;text-shadow:0 4px 12px #0009,0 2px 4px #0006;margin-bottom:1.5rem;font-family:Rockwell Extra Bold,Rockwell,Arvo,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:850;line-height:1.15}.hero-content p:last-of-type{color:#ecf0f1;letter-spacing:1px;text-shadow:0 2px 6px #00000080;margin-bottom:2.5rem;font-size:1.25rem;font-weight:400}.hero-buttons{justify-content:center;gap:1rem;display:flex}.btn-primary{color:#1a1a2e;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border:none;border-radius:8px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #f39c1266,inset 0 1px #fff3}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.btn-primary:hover{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);transform:translateY(-2px);box-shadow:0 20px 35px -8px #f39c1280,inset 0 1px #ffffff4d}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0);box-shadow:0 5px 15px #f39c124d,inset 0 1px #ffffff1a}.btn-primary:focus-visible{outline-offset:3px;outline:3px solid #f39c1266}.btn-secondary{--accent:#f39c12;border:2px solid var(--accent);color:var(--accent);letter-spacing:.5px;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #00000014}.btn-secondary:hover{background-color:var(--accent);color:#1a1a2e;transform:translateY(-2px);box-shadow:0 10px 25px #f39c124d}.btn-secondary:active{transform:translateY(0);box-shadow:0 4px 12px #f39c1233}.btn-secondary:focus-visible{outline-offset:3px;outline:3px solid #f39c1259}.btn-secondary[disabled],.btn-secondary.disabled{opacity:.6;cursor:not-allowed;transform:none}.tagline-section{text-align:center;color:#fff;background:url(/assets/cart-placeholder-Bk3ufv3Q.png) 50%/cover no-repeat;padding:6rem 5%;position:relative;overflow:hidden}.tagline-overlay{-webkit-backdrop-filter:brightness(.8);backdrop-filter:brightness(.8);background:linear-gradient(135deg,#000000bf,#000000a6);position:absolute;inset:0}.tagline-content{z-index:1;max-width:900px;margin:0 auto;animation:.8s cubic-bezier(.4,0,.2,1) fadeIn;position:relative}.tagline-content h2{color:#f39c12;text-transform:uppercase;text-shadow:0 4px 12px #00000080;letter-spacing:.5px;margin-bottom:1.5rem;font-family:Rockwell Extra Bold,Rockwell,Arvo,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.3}.tagline-content p{color:#ecf0f1;text-shadow:0 2px 6px #0006;font-size:1.125rem;font-weight:400;line-height:1.7}.features{box-sizing:border-box;background-image:url(/assets/home1-C8mjWAwb.png);background-position:50%;background-size:cover;background-attachment:fixed;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;min-height:450px;padding:4rem 2rem;display:grid;position:relative}.features:before{content:"";pointer-events:none;background:linear-gradient(135deg,#1a1a2ed9,#000000bf);position:absolute;inset:0}.featured-menu{text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);width:100%;padding:5rem 2rem}.featured-menu h2{color:#1a1a2e;letter-spacing:-.5px;margin-bottom:.75rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.section-subtitle{color:#666;margin-bottom:3.5rem;font-size:1.125rem;font-weight:400}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto 3rem;display:grid}.menu-card{background:#fff;border:1px solid #0000000a;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px #00000014,0 1px 2px #0000000a}.menu-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f,0 4px 8px #0000000f}.menu-image{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);justify-content:center;align-items:center;height:200px;font-size:4rem;display:flex;position:relative;overflow:hidden}.menu-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.menu-info{text-align:left;padding:1.75rem}.menu-info h3{color:#1a1a2e;letter-spacing:-.3px;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.menu-info p{color:#666;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.menu-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.price{color:#f39c12;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.btn-order{color:#fff;cursor:pointer;letter-spacing:.3px;background:#1a1a2e;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-order:hover{background:#f39c12;transform:translateY(-2px);box-shadow:0 8px 20px #f39c124d}.btn-order:active{transform:translateY(0)}.about-section{box-sizing:border-box;color:#fff;background:#1a1a2e;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;width:100%;padding:5rem 5%;display:grid}.about-content h2{color:#f39c12;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.about-content p{color:#ecf0f1;margin-bottom:2.5rem;font-size:1.05rem;font-weight:400;line-height:1.8}.about-image{justify-content:center;align-items:center;display:flex}.image-placeholder{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:50%;justify-content:center;align-items:center;width:320px;height:320px;font-size:8rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 20px 50px #f39c124d,inset 0 4px 8px #fff3}.image-placeholder:hover{transform:scale(1.05)rotate(5deg)}.location-section{color:#1a1a2e;text-align:center;box-sizing:border-box;background:#fff;width:100%;padding:5rem 2rem}.location-section h2{letter-spacing:-.5px;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.location-section p{color:#666;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.map-container{border:1px solid #0000000f;border-radius:16px;max-width:1500px;height:460px;margin:0 auto 2rem;overflow:hidden;box-shadow:0 20px 50px #0000001f,0 4px 8px #0000000f}.map-container iframe{border:0;width:100%;height:100%}.map-actions{margin-top:2.5rem}.cta-section{text-align:center;color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);width:100%;padding:5rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.cta-section h2{letter-spacing:-.5px;text-shadow:0 2px 8px #0003;z-index:1;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;position:relative}.cta-section p{text-shadow:0 2px 6px #00000026;z-index:1;margin-bottom:2.5rem;font-size:1.125rem;font-weight:400;position:relative}.cta-buttons{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.cta-section .btn-primary{color:#fff;background:#1a1a2e}.cta-section .btn-primary:hover{background:#16213e;transform:translateY(-2px)}.cta-section .btn-secondary{color:#fff;border-color:#fff}.cta-section .btn-secondary:hover{color:#f39c12;background:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1024px){.features{background-attachment:scroll;grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:repeat(2,1fr)}.about-section{gap:3rem;padding:4rem 5%}}@media (max-width:768px){.hero-content h1{letter-spacing:-.5px;font-size:2rem}.features{grid-template-columns:1fr;min-height:auto;padding:3rem 1.5rem}.menu-grid{grid-template-columns:1fr;gap:1.5rem}.about-section{text-align:center;grid-template-columns:1fr;gap:2rem;padding:3rem 5%}.about-image{order:-1}.image-placeholder{width:250px;height:250px;font-size:6rem}.hero-buttons,.cta-buttons{flex-direction:column;align-items:center;gap:.75rem}.btn-primary,.btn-secondary{width:100%;max-width:300px}.tagline-section{padding:4rem 5%}.map-container{border-radius:12px;height:300px}}@media (max-width:480px){.hero{height:80vh}.tagline-content h2{font-size:1.25rem}.tagline-content p{font-size:1rem}.featured-menu,.location-section,.cta-section{padding:3rem 1.5rem}}.product-card{border:1px solid #ddd;border-radius:8px;transition:transform .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.product-image{background-color:#f0f0f0;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.image-placeholder{font-size:3rem}.product-info{padding:1rem}.product-info h3{margin:0 0 .5rem;font-size:1.1rem}.description{color:#666;margin:.5rem 0;font-size:.9rem}.ingredients{color:#999;margin:.5rem 0;font-size:.8rem}.price{color:#d32f2f;font-size:1.2rem;font-weight:700}.product-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.btn-add-cart{color:#fff;cursor:pointer;background-color:#d32f2f;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .3s}.btn-add-cart:hover{background-color:#b71c1c}:root{--bg:#f8ecd7;--surface:#fff8ed;--text:#4b2e13;--muted:#a07c53;--line:#d6b98c;--brand:#b55327;--brand-hover:#8a3b1a;--wood:#6b3a1c;--wood-light:#a86c3a;--gold:#c9a14a;--radius:12px;--shadow:0 6px 20px #6b3a1c21;--focus:0 0 0 3px #b970332e}.orders-page{background:var(--bg);min-height:100vh;color:var(--text);padding:20px 20px 100px;font-family:Segoe UI,Arial,Helvetica Neue,Helvetica,sans-serif}.orders-container{max-width:800px;margin:0 auto}.orders-topbar{margin-bottom:24px}.orders-topbar h1{letter-spacing:1px;color:var(--wood);text-shadow:1px 2px #e2c08d;margin-bottom:4px;font-family:inherit;font-size:1.8rem;font-weight:700}.orders-topbar p{color:var(--muted);font-family:inherit;font-size:.95rem}.orders-summary{gap:16px;margin-top:16px;display:flex}.summary-stat{background:var(--surface);border:2px solid var(--wood-light);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);flex-direction:column;flex:1;align-items:center;padding:16px;font-family:inherit;display:flex}.stat-number{color:var(--gold);letter-spacing:1px;font-family:inherit;font-size:1.3rem;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.75rem}.orders-filter-tabs{-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.orders-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{border:2px solid var(--wood-light);color:var(--wood);cursor:pointer;letter-spacing:1px;background:#f5e3c2;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:flex}.filter-tab:hover{border-color:var(--brand);color:var(--brand);background:#e7c7a1}.filter-tab.active{background:var(--brand);color:#fff;border-color:#7c3f1a}.tab-count{background:#c9a14a26;border-radius:10px;padding:2px 8px;font-family:inherit;font-size:.75rem;font-weight:700}.filter-tab.active .tab-count{background:#c9a14a4d}.loading{text-align:center;color:#a07c53;padding:60px 20px;font-family:inherit}.loading-spinner{border:3px solid #a86c3a;border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-orders{text-align:center;padding:60px 20px;font-family:inherit}.no-orders-icon{color:var(--brand);margin-bottom:16px;font-size:4rem}.no-orders h3{color:var(--wood);margin-bottom:8px;font-family:inherit;font-size:1.3rem}.no-orders p{color:#a07c53;margin-bottom:20px}.browse-menu-btn{background:var(--brand);color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s,color .2s;box-shadow:0 2px 8px #6b3a1c1a}.browse-menu-btn:hover{background:var(--brand-hover);color:#fffbe6;transform:translateY(-2px)}.orders-list{flex-direction:column;gap:16px;display:flex}.order-card{background:var(--surface);border:2px solid var(--wood-light);border-radius:var(--radius);box-shadow:var(--shadow);font-family:inherit;transition:transform .2s,box-shadow .2s;overflow:hidden}.order-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #6b3a1c2e}.order-header{color:#fffbe6;letter-spacing:1px;background:linear-gradient(#a86c3a 80%,#6b3a1c 100%);justify-content:space-between;padding:16px 20px;font-family:inherit;display:flex}.order-number{color:var(--gold);font-family:inherit;font-size:1.1rem;font-weight:700}.order-date{opacity:.8;font-family:inherit;font-size:.8rem}.order-status{text-transform:capitalize;letter-spacing:1px;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:.8rem;font-weight:600}.order-status.pending{color:#856404;background:#fff3cd}.order-status.preparing{color:#0c5460;background:#e3f0f7}.order-status.completed,.order-status.delivered{color:#155724;background:#e7f5e3}.order-status.cancelled{color:#721c24;background:#fbe3e3}.order-items-preview{padding:12px 20px;font-family:inherit}.order-item-preview{justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;display:flex}.item-name{color:var(--text)}.item-price{color:var(--wood);font-weight:600}.more-items{color:var(--muted);font-size:.8rem;font-style:italic}.order-footer{border-top:2px solid var(--line);background:#f5e3c2;justify-content:space-between;align-items:center;padding:14px 20px;font-family:inherit;display:flex}.order-footer-left{gap:12px;display:flex}.payment-badge{text-transform:capitalize;font-family:inherit;font-size:.8rem}.payment-status.paid{color:#3b8a3b}.payment-status.pending{color:var(--brand)}.order-footer-right{align-items:center;gap:16px;display:flex}.order-total{color:var(--gold);font-family:inherit;font-size:1.1rem;font-weight:700}.view-details-btn{background:var(--brand);color:#fff;cursor:pointer;letter-spacing:1px;border:2px solid #7c3f1a;border-radius:8px;padding:8px 18px;font-family:inherit;font-weight:600;transition:background .2s,color .2s;box-shadow:0 2px 8px #6b3a1c1a}.view-details-btn:hover{background:var(--brand-hover);color:#fffbe6}.order-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8ecd7ed;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.order-modal{background:var(--surface);border:3px solid var(--wood);border-radius:16px;width:100%;max-width:560px;max-height:90vh;font-family:inherit;overflow-y:auto;box-shadow:0 12px 40px #6b3a1c21}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{border:1px solid var(--wood-light);background:var(--surface);width:36px;height:36px;color:var(--wood);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--brand);color:#fffbe6;border-color:var(--brand)}.modal-header{border-bottom:1px solid var(--wood-light);padding:24px 24px 16px}.modal-header h2{color:var(--wood);letter-spacing:2px;margin:0;font-family:inherit;font-size:1.4rem;font-weight:700}.modal-order-number{color:var(--gold);margin:4px 0 0;font-family:inherit;font-size:.9rem;font-weight:600}.status-tracker{border-bottom:1px solid var(--wood-light);padding:20px 24px;font-family:inherit}.status-tracker h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.85rem}.tracker-steps{justify-content:space-between;display:flex;position:relative}.tracker-steps:before{content:"";background:var(--wood-light);height:2px;position:absolute;top:16px;left:24px;right:24px}.tracker-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.step-circle{background:var(--surface);border:2px solid var(--wood-light);width:32px;height:32px;color:var(--wood);border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.tracker-step.active .step-circle{background:var(--gold);border-color:var(--gold);color:#fffbe6}.tracker-step.current .step-circle{animation:2s infinite pulse;box-shadow:0 0 0 4px #c9a14a40}.step-label{color:var(--muted);text-transform:capitalize;font-family:inherit;font-size:.7rem}.tracker-step.active .step-label{color:var(--gold);font-weight:600}.cancelled-banner{background:#7c3f1a;border-bottom:1px solid #a86c3a;align-items:center;gap:12px;padding:16px 24px;font-family:inherit;font-size:1.2rem;display:flex}.cancelled-banner p{color:#ffb3a7;margin:0;font-size:.95rem;font-weight:600}.modal-info-grid{border-bottom:1px solid var(--wood-light);grid-template-columns:1fr 1fr;gap:12px;padding:20px 24px;font-family:inherit;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.info-value{text-transform:capitalize;color:var(--wood);font-size:.9rem;font-weight:600}.text-green{color:#4dff88}.text-orange,.status-text.pending{color:var(--gold)}.status-text.preparing{color:#4da6ff}.status-text.ready,.status-text.completed{color:#4dff88}.status-text.cancelled{color:#ff4d4d}.modal-items{border-bottom:1px solid var(--wood-light);padding:20px 24px;font-family:inherit}.modal-items h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:.85rem}.modal-items-list{flex-direction:column;gap:10px;display:flex}.modal-item{background:#f5e3c2;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;font-family:inherit;display:flex}.modal-item-info{flex-direction:column;gap:2px;display:flex}.modal-item-name{color:var(--wood);font-size:.95rem;font-weight:600}.modal-item-qty{color:var(--muted);font-size:.8rem}.modal-item-pricing{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.modal-item-unit{color:var(--muted);font-size:.75rem}.modal-item-total{color:var(--gold);font-weight:700}.modal-price-breakdown{border-bottom:1px solid var(--wood-light);padding:20px 24px;font-family:inherit}.price-row{color:var(--muted);justify-content:space-between;padding:6px 0;font-size:.9rem;display:flex}.price-row.total{color:var(--gold);border-top:1px solid #a86c3a;margin-top:8px;padding-top:12px;font-size:1.15rem;font-weight:700}.modal-notes,.modal-address{border-bottom:1px solid var(--wood-light);padding:16px 24px;font-family:inherit}.modal-notes h3,.modal-address h3{color:var(--muted);margin:0 0 8px;font-size:.85rem}.modal-notes p,.modal-address p{color:#a07c53;margin:0;font-size:.9rem;line-height:1.5}.modal-actions{gap:12px;padding:20px 24px;font-family:inherit;display:flex}.btn-reorder{background:var(--brand);color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s,color .2s}.btn-reorder:hover{background:var(--brand-hover);color:#fffbe6;transform:translateY(-1px)}.btn-close-modal{color:var(--muted);border:1px solid var(--wood-light);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:border-color .2s,color .2s}.btn-close-modal:hover{border-color:var(--brand);color:var(--brand)}@media (max-width:600px){.orders-summary{flex-direction:column;gap:10px}.summary-stat{flex-direction:row;justify-content:space-between;padding:12px 16px}.orders-filter-tabs{gap:6px}.filter-tab{padding:6px 12px;font-size:.8rem}.order-footer{flex-direction:column;align-items:stretch;gap:12px}.order-footer-right{justify-content:space-between}.modal-info-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.tracker-steps{gap:4px}.step-label{font-size:.6rem}}.login-page .container form>*{position:relative;top:0!important;left:0!important;right:0!important}.login-page{box-sizing:border-box;background-image:url(https://images.pexels.com/photos/518245/pexels-photo-518245.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Montserrat,sans-serif;display:flex;position:relative;overflow:hidden}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box;margin:0;padding:0}.login-page:before{content:"";z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#140a05d9,#28140a99);position:absolute;inset:0}.login-page .container{z-index:2;background-image:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1706790608211-4c03fd4f4d33?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;width:min(1168px,95vw);min-height:min(580px,90vh);position:relative;overflow:hidden;box-shadow:0 5px 15px #000}.login-page .container p{letter-spacing:.3px;color:#5c3d2e;margin:12px 0 16px;font-size:13px;font-weight:500;line-height:1.6;position:relative}.login-page .sign-in p{margin-top:-105px!important}.login-page .sign-up p{margin-top:-25px!important}.login-page .container span{font-size:12px}.login-page .container .t-sign{color:#3d2914;letter-spacing:.5px;text-shadow:0 2px 4px #00000014;margin-bottom:12px;font-family:Rye,cursive;font-size:28px;font-weight:700;line-height:1.2;position:relative;top:-30px;left:-15px;top:-100px!important}.login-page .sign-up .t-sign{color:#3d2914!important;text-align:center!important;margin-bottom:8px!important;font-family:Rye,cursive!important;font-size:28px!important;font-weight:700!important;top:-20px!important;left:-120px!important}.login-page .container a:after{content:"";background:linear-gradient(90deg,#d2691e,#0000);width:0;height:1.5px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.login-page .container a:hover{color:#ff6a00}.login-page .container a:hover:after{width:100%}.login-page .container .forgot-password{color:#5c3d2e!important;text-align:left!important;width:auto!important;margin:2px 0 8px!important;font-size:11px!important;font-weight:500!important;text-decoration:underline!important;display:block!important;position:relative!important;top:0!important;left:0!important}.login-page .sign-in .forgot-password{text-align:left!important;margin-top:4px!important;margin-bottom:8px!important;display:block!important;position:relative!important;left:2px!important}.login-page .container button{color:#f5e6d3;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border:1px solid #5c3d2e4d;border-radius:8px;min-height:44px;padding:12px 40px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px -5px #8b45134d,inset 0 1px #fff3;margin:4px auto!important}.login-page .container button+button{margin-top:4px!important}@media (max-width:600px){.login-page .container button{margin:4px auto!important}.login-page .container button+button{margin-top:4px!important}}.login-page .container button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.login-page .container button:hover{background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-2px);box-shadow:0 20px 32px -8px #8b451366,inset 0 1px #ffffff4d}.login-page .container button:hover:before{left:100%}.login-page .container button:active{transform:translateY(0);box-shadow:0 5px 12px #8b451333,inset 0 1px #ffffff1a}.login-page .container button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page .container .btn-1st{background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-color:#5c3d2e33;border-radius:8px;width:100%}.login-page .container .btn-2nd{color:#5c3d2e;background:linear-gradient(135deg,#f5e6d3 0%,#e8d4be 100%);border-color:#8b451333;border-radius:8px;width:100%}.login-page .container .btn-2nd:hover{background:linear-gradient(135deg,#e8d4be 0%,#dbc4aa 100%)}.login-page .container form{text-align:left;background-image:url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvcHgxMDI1OTE1LWltYWdlLWpvYjY1NF8xLWwwdWJ1NTV3LmpwZw.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;width:100%;max-width:550px;height:100%;margin:0;padding:40px;display:flex;box-shadow:inset 0 0 30px #8b45131a}.login-page .form-container{height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0}.login-page .container input{color:#3d2914;text-align:left;letter-spacing:.3px;background:linear-gradient(135deg,#faf6f0 0%,#fff 100%);border:1.5px solid #d4bfa8;border-radius:8px;outline:none;width:100%;min-height:44px;margin:8px 0;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:13px;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000a,0 1px 2px #0000000a}.login-page .container input::placeholder{color:#a89080;text-align:left;font-weight:400;transition:color .2s;transform:translateY(1px)}.login-page .container input:focus{color:#2d1f17;background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);border-color:#8b4513;box-shadow:inset 0 2px 4px #0000000a,0 0 0 3px #8b45131f,0 4px 12px #8b451326}.login-page .container input:focus::placeholder{color:#b5a095}.login-page .name-row{gap:12px;width:100%;margin:8px 0;display:flex}.login-page .name-row input{flex:1;min-width:0}.login-page .password-wrapper{flex-direction:column;width:100%;margin:8px 0;display:flex;position:relative}.login-page .password-wrapper input{box-sizing:border-box;letter-spacing:.3px;background:linear-gradient(135deg,#faf6f0 0%,#fff 100%);border:1.5px solid #d4bfa8;border-radius:8px;outline:none;width:100%;min-height:44px;padding:12px 40px 12px 16px;font-size:13px;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-page .password-wrapper input:focus{border-color:#8b4513;box-shadow:inset 0 2px 4px #0000000a,0 0 0 3px #8b45131f,0 4px 12px #8b451326}.login-page .toggle-password{cursor:pointer;color:#8a6d5d;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-page .toggle-password:hover{color:#8b4513;background:#8b45131f;border:1px solid #8b451333}.login-page .toggle-password:active{background:#8b45132e;border:1px solid #8b45134d}.login-page .sign-in{z-index:4;width:40%;position:absolute;top:0;right:60%}.login-page .sign-in form input{margin:8px 0;padding:12px 16px;position:relative;top:0;right:0;text-align:left!important}.login-page .sign-in form>div>input{padding:12px 16px;right:0;text-align:left!important}.login-page .sign-in .password-wrapper{margin:8px 0;top:0}.login-page .sign-in .password-wrapper input{top:0}.login-page .sign-in .btn-1st{margin-top:32px!important}.login-page .container.active .sign-in{opacity:0;z-index:1;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.login-page .sign-up{opacity:0;z-index:3;width:50%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;right:47%}.login-page .container.active .sign-up{opacity:1;z-index:5;animation:.6s cubic-bezier(.4,0,.2,1) loginMove;transform:translate(100%)}.login-page .sign-up form input{margin:8px 0;padding:12px 16px;font-size:13px;position:relative;top:0}.login-page .sign-up form input::placeholder{color:#a89080;font-size:13px}.login-page .sign-up .password-wrapper{margin:8px 0;position:relative;top:0}.login-page .sign-up .password-wrapper input{margin:0;padding:12px 40px 12px 16px;font-size:13px;top:0}.login-page .sign-up .password-wrapper input::placeholder{font-size:13px}.login-page .sign-up .password-wrapper .toggle-password{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-page .sign-up .btn-1st,.login-page .sign-up .btn-2nd{margin-top:12px;padding:12px 40px;position:relative;top:0}.login-page .sign-up .name-row{margin:8px 0;position:relative;top:0}.login-page .sign-up .name-row input{top:0}.login-page .toggle-container{z-index:3;width:63%;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:37%;overflow:hidden}.login-page .container.active .toggle-container{width:65%;left:0%}.login-page .toggle{color:#fff;background:0 0;width:63%;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;right:50%}.login-page .container.active .toggle{transform:translate(50%)}.login-page .toggle-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:80%;height:100%;padding:0 30px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;transform:translate(0)}.login-page .toggle-left{transform:translate(-200%)}.login-page .container.active .toggle-left{transform:translate(0)}.login-page .toggle-right{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:0;display:flex;right:-40%;transform:translate(0)}.login-page .logo{filter:drop-shadow(0 4px 6px #0000001a);width:auto;height:60px;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:25px;left:-33%}.login-page .logo img{object-fit:contain;width:auto;height:100%}.login-page .container.active .logo{left:-105%}.login-page .restaurant-names{flex-direction:column;align-items:flex-start;gap:4px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:30px;left:15px;transform:translate(-50%)}.login-page .container.active .restaurant-names{left:-88%;transform:translate(0%)}.login-page .restaurant-names span{white-space:nowrap}.login-page .restaurant-names .line1{color:#fff;text-shadow:0 4px 12px #0000004d;letter-spacing:.5px;font-size:24px;font-weight:700}.login-page .restaurant-names .line2{color:#ffffffe6;text-shadow:0 2px 8px #0003;font-size:14px;font-weight:500;position:relative;left:2px}.login-page .ds-sign{color:#fff;text-shadow:0 6px 20px #0000004d;font-size:48px;font-weight:700;line-height:1.3;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;top:42%;right:5%}.login-page .container.active .ds-sign{top:240px;right:101%}.login-page .navigation-buttons{flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:8px 12px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:25px;right:-40%}.login-page .container.active .navigation-buttons{right:55%}.login-page .navigation-buttons .btn-secondary{color:#f5e6d3;cursor:pointer;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;background-color:#0000;border:1px solid #f5e6d366;border-radius:10px;padding:12px 14px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.login-page .navigation-buttons .btn-secondary:after{content:"";background:linear-gradient(90deg,#d2691e,gold);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.login-page .navigation-buttons .btn-secondary:hover{color:gold;background-color:#8b451333;border-color:#ffd70080;transform:translateY(-1px);box-shadow:0 4px 12px #8b451333}.login-page .navigation-buttons .btn-secondary:hover:after{width:60%}.login-page .navigation-buttons .btn-secondary:active{background-color:#8b451340;transform:translateY(0);box-shadow:0 2px 6px #8b451326}.login-page .ImageSlider{bottom:93px;left:-35%;right:initial;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #5c3d2e33;border-radius:12px;width:175%;height:65%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}.login-page .container.active .ImageSlider{left:-105%}.login-page .wrapper{border-radius:10px;width:100%;height:100%;overflow:hidden}.login-page .wrapper-holder{width:400%;height:100%;animation:16s ease-in-out infinite loginSlide;display:flex}.login-page .slide{background-position:50%;background-size:cover;flex-shrink:0;width:25%;height:100%;position:relative}.login-page .slide:after{content:"";pointer-events:none;background:linear-gradient(135deg,#8b45131f,#2d190f33);position:absolute;inset:0}.login-page .dots-container{z-index:10;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.login-page .dots-container .button{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;border:2px solid #d2691e99;border-radius:50%;width:10px;height:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 2px 4px #0003}.login-page .dots-container .button:first-child{animation:16s ease-in-out infinite loginDot1}.login-page .dots-container .button:nth-child(2){animation:16s ease-in-out infinite loginDot2}.login-page .dots-container .button:nth-child(3){animation:16s ease-in-out infinite loginDot3}.login-page .dots-container .button:nth-child(4){animation:16s ease-in-out infinite loginDot4}.login-page .dots-container .button:hover{background:#fff;border-color:#fff;transform:scale(1.2);box-shadow:0 0 12px #fff9}@keyframes loginMove{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes loginSlide{0%{transform:translate(0%)}20%{transform:translate(0%)}25%{transform:translate(-25%)}45%{transform:translate(-25%)}50%{transform:translate(-50%)}70%{transform:translate(-50%)}75%{transform:translate(-75%)}95%{transform:translate(-75%)}to{transform:translate(0%)}}@keyframes loginDot1{0%,20%{background:#fff;border-color:#fff;box-shadow:0 0 8px #fffc}25%,to{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}}@keyframes loginDot2{0%,20%{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}25%,45%{background:#fff;border-color:#fff;box-shadow:0 0 8px #fffc}50%,to{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}}@keyframes loginDot3{0%,45%{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}50%,70%{background:#fff;border-color:#fff;box-shadow:0 0 8px #fffc}75%,to{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}}@keyframes loginDot4{0%,70%{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}75%,95%{background:#fff;border-color:#fff;box-shadow:0 0 8px #fffc}to{background:#ffffff4d;border-color:#d2691e99;box-shadow:0 2px 4px #0003}}.login-page .form-container form>div:first-child{color:#c62828;text-align:center;letter-spacing:.3px;background:linear-gradient(135deg,#c6282814,#d32f2f0f);border:1px solid #c628284d;border-radius:6px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:11px;font-weight:500}.login-page .form-container form>div:last-child{margin-bottom:32px}@media (max-width:1024px){.login-page .container{min-height:720px}.login-page .sign-in,.login-page .sign-up{width:100%;right:0}.login-page .toggle-container{display:none}.login-page .container form{width:100%;max-width:420px;padding:0 32px}.login-page .container p,.login-page .container .t-sign{text-align:center;left:0}.login-page .sign-in p.divider,.login-page .sign-up p.divider{top:0!important}.login-page .sign-in form input,.login-page .sign-in .password-wrapper,.login-page .sign-in .btn-1st,.login-page .sign-in .btn-2nd,.login-page .sign-up form input,.login-page .sign-up .password-wrapper,.login-page .sign-up .btn-1st,.login-page .sign-up .btn-2nd,.login-page .sign-up .name-row{top:0}}@media (max-width:600px){.login-page .container{border-radius:16px;width:90vw;min-height:auto}.login-page .container form{width:100%;max-width:100%;padding:24px 20px}.login-page .container button{width:100%;padding:10px 24px;font-size:10px}.login-page .container input{font-size:14px}.login-page .container .t-sign{font-size:24px}}.login-page .container input,.login-page .password-wrapper input{height:40px!important;margin:4px 0!important;padding:10px 14px!important;font-size:12px!important}.login-page .password-wrapper{margin:4px 0!important}.login-page .name-row{gap:10px!important;margin:4px 0!important}.login-page .toggle-password{width:30px!important;height:30px!important;right:8px!important}.login-page .container form{gap:8px!important}@media (max-width:600px){.login-page .container input,.login-page .password-wrapper input{height:40px!important;margin:4px 0!important;font-size:12px!important}.login-page .container form{gap:6px!important}}.login-page .sign-up form input,.login-page .sign-up .password-wrapper input{margin:2px 0!important}.login-page .sign-up .name-row{gap:6px!important;margin:2px 0!important}.login-page .sign-up .password-wrapper{margin:2px 0!important}.login-page .sign-up form{gap:4px!important}.login-page .sign-in form input,.login-page .sign-in .password-wrapper input{margin:2px 0!important}.login-page .sign-in .name-row{gap:6px!important;margin:2px 0!important}.login-page .sign-in .password-wrapper{margin:2px 0!important}.login-page .sign-in form{gap:4px!important}.login-page .container.active .ImageSlider{width:148%!important;height:65%!important;left:-105%!important}.verification-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.verification-modal{background:#fff;border-radius:20px;width:90%;max-width:480px;margin:auto;padding:10px 42px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;top:-70px;right:470px;box-shadow:0 10px 40px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.verification-header{text-align:center;margin-bottom:32px;position:relative;top:10px}.verification-header h2{color:#333;letter-spacing:-.5px;margin-bottom:12px;font-size:26px;font-weight:700;top:30px}.verification-header p{color:#666;margin-bottom:8px;font-size:14px;font-weight:400;top:20px}.verification-email{color:#512da8;background:#f3e8ff;border-radius:8px;margin-top:10px;padding:6px 16px;font-size:15px;font-weight:600;display:inline-block}.verification-form{flex-direction:column;gap:12px;width:100%;min-height:280px;display:flex;position:relative;top:-10px}.verification-error{color:#d32f2f;background:#ffebee;border-left:4px solid #d32f2f;border-radius:10px;margin-bottom:20px;padding:12px;font-size:13px;animation:.4s shake}.verification-success{color:#2e7d32;background:#e8f5e9;border-left:4px solid #2e7d32;border-radius:10px;margin-bottom:20px;padding:12px;font-size:13px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.code-inputs{justify-content:center;gap:12px;margin-bottom:28px;display:flex}.code-input{text-align:center;color:#333;letter-spacing:2px;background:#f9f9f9;border:2px solid #ddd;border-radius:12px;outline:none;width:56px;height:56px;font-size:24px;font-weight:600;transition:all .3s}.code-input:focus{background:#fff;border-color:#512da8;transform:scale(1.05);box-shadow:0 0 0 4px #512da81a}.code-input:hover:not(:focus){background:#fff;border-color:#999}.btn-verify{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#512da8 0%,#673ab7 100%);border:none;border-radius:12px;width:100%;margin-bottom:16px;padding:16px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #512da84d}.btn-verify:hover:not(:disabled){background:linear-gradient(135deg,#4527a0 0%,#5e35b1 100%);transform:translateY(-2px);box-shadow:0 6px 20px #512da866}.btn-verify:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #512da84d}.btn-verify:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.btn-resend{color:#512da8;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:0 0;border:2px solid #512da8;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;font-size:14px;font-weight:500;transition:all .3s}.btn-resend:hover:not(:disabled){color:#4527a0;background:#f3e8ff;border-color:#4527a0}.btn-resend:active:not(:disabled){transform:scale(.98)}.btn-resend:disabled{color:#999;cursor:not-allowed;border-color:#ddd}.btn-cancel{color:#999;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-size:13px;font-weight:500;text-decoration:underline;transition:all .3s}.btn-cancel:hover{color:#666}.btn-cancel:active{transform:scale(.98)}.success-modal{text-align:center;padding:48px 32px}.success-icon{margin-bottom:20px;font-size:64px;animation:.5s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-modal h2{color:#2e7d32;margin-bottom:12px;font-size:28px}.success-modal p{color:#666;margin-bottom:8px;font-size:15px}.redirect-text{color:#999;font-size:13px;font-style:italic}@media (max-width:600px){.verification-modal{border-radius:16px;width:95%;padding:32px 24px}.verification-header h2{font-size:22px}.code-inputs{gap:8px}.code-input{width:48px;height:48px;font-size:20px}.btn-verify,.btn-resend{padding:12px;font-size:14px}.modal-close-btn{width:28px;height:28px;font-size:16px;top:-8px;right:-8px}}@media (max-width:400px){.code-input{width:42px;height:42px;font-size:18px}.verification-email{padding:5px 12px;font-size:13px}}.error-message{color:#dc2626;text-align:center;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s slideDown;display:block}.success-message{color:#16a34a;text-align:center;background-color:#dcfce7;border:1px solid #86efac;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message,[style*="color: #d32f2f"],.success-message,[style*="color: #2e7d32"]{position:relative;z-index:1000!important}.form-container,.sign-in{z-index:1;position:relative}.sign-in,.form-container{overflow:visible!important}.form-container form>div:first-of-type{overflow:visible}.menu-page{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.menu-page.loaded{opacity:1}.menu-hero{text-align:center;background:linear-gradient(135deg,#3d2914 0%,#5c3d2e 50%,#2a1810 100%);justify-content:center;align-items:center;height:20vh;min-height:300px;display:flex;position:relative;overflow:hidden}.menu-hero-overlay{opacity:.15;filter:brightness(.6)saturate(.8);background:url(../../assets/slide1.png) 50%/cover no-repeat;position:absolute;inset:0}.menu-hero-content{z-index:2;color:#f5e6d3;padding:0 2rem;position:relative}.animate-title{text-transform:uppercase;text-shadow:0 6px 16px #0006,0 2px 6px #0000004d;letter-spacing:-1px;opacity:0;margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideInDown}.animate-subtitle{color:#d4bfa8;letter-spacing:.8px;opacity:0;text-shadow:0 3px 10px #0000004d;font-size:clamp(1rem,2vw,1.4rem);font-weight:500;animation:.8s cubic-bezier(.34,1.56,.64,1) .2s forwards slideInUp}.hero-decoration{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute}.floating-icon{opacity:.3;filter:drop-shadow(0 4px 8px #0006);font-size:3rem;animation:6s ease-in-out infinite float;position:absolute}.floating-icon:first-child{animation-delay:0s;top:20%;left:10%}.floating-icon:nth-child(2){animation-delay:2s;top:60%;right:15%}.floating-icon:nth-child(3){animation-delay:4s;bottom:20%;left:20%}.menu-container{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);max-width:1400px;min-height:60vh;margin:0 auto;padding:3rem 5%}.menu-controls{opacity:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;animation:.6s cubic-bezier(.4,0,.2,1) .3s forwards fadeIn;display:flex}.search-bar{flex:1;max-width:500px;position:relative}.search-bar input{background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:14px;width:100%;padding:1rem 3rem 1rem 3.5rem;font-family:Montserrat,inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b45130f,inset 0 1px 2px #00000005}.search-bar input:focus{background:#fff;border-color:#8b4513;outline:none;box-shadow:0 8px 24px #8b451326,inset 0 1px 2px #00000005,0 0 0 3px #8b45131a}.search-bar input::placeholder{color:#a89080;font-weight:400}.search-icon{color:#a89080;pointer-events:none;font-size:1rem;transition:color .3s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-bar input:focus~.search-icon{color:#8b4513}.clear-search{color:#a89080;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.clear-search:hover{color:#e74c3c;background:#e74c3c14;transform:translateY(-50%)scale(1.1)}.clear-search:focus-visible{outline-offset:2px;outline:2px solid #8b451366}.cart-button{color:#f5e6d3;cursor:pointer;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border:1px solid #5c3d2e4d;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 20px #8b451340,inset 0 1px #fff3}.cart-button:hover{background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-3px);box-shadow:0 12px 32px #8b451359,inset 0 1px #ffffff4d}.cart-button:active{transform:translateY(-1px)}.cart-button:focus-visible{outline-offset:3px;outline:3px solid #8b45134d}.cart-count{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:2px solid #f5f0ea;border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.75rem;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 12px #e74c3c66}.category-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center;gap:12px;margin:30px 0;padding:0 4px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:6px}.category-tabs::-webkit-scrollbar-track{background:#8b45130d;border-radius:10px}.category-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8b4513,sienna);border-radius:10px}.category-tabs::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,sienna,peru)}.category-tabs button{color:#5c3d2e;cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:#fff;border:1.5px solid #e5ddd5;border-radius:12px;min-width:fit-content;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #8b45130a}.category-tabs button:before{content:"";opacity:0;background:linear-gradient(135deg,#8b4513,sienna);transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.category-tabs button>*{z-index:1;position:relative}.category-tabs button:hover{color:#8b4513;border-color:#8b4513;transform:translateY(-2px);box-shadow:0 6px 16px #8b45131f}.category-tabs button.active{color:#f5e6d3;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-color:#0000;box-shadow:0 8px 20px #8b451340,inset 0 1px #fff3}.category-tabs button.active:before{opacity:0}.category-tabs button:focus-visible{outline-offset:3px;outline:2px solid #8b451366}.results-info{color:#8a7d73;margin:20px 0;padding:0 4px;font-size:14px;font-weight:500}.results-info span{color:#8b4513;font-weight:700}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin-bottom:40px;padding:0 4px;display:grid}.menu-item-card{opacity:0;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:18px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s cubic-bezier(.23,1,.32,1) forwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 8px 24px #8b451314,0 2px 6px #0000000a,inset 0 1px #fff9}.menu-item-card:hover{border-color:#d4bfa8;transform:translateY(-12px);box-shadow:0 20px 50px #8b451326,0 8px 16px #00000014,inset 0 1px #fffc}.menu-item-card.adding{animation:.6s cubic-bezier(.4,0,.2,1) pulse}.popular-badge{color:#fff;z-index:3;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;animation:2s cubic-bezier(.4,0,.2,1) infinite pulse;position:absolute;top:1rem;left:1rem;box-shadow:0 4px 12px #e74c3c4d}.item-image{background:linear-gradient(135deg,#3d2914 0%,#5c3d2e 50%,#2a1810 100%);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.item-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#8b451326,#0000);position:absolute;inset:0}.item-emoji{filter:drop-shadow(0 6px 12px #0000004d);z-index:1;font-size:6rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.menu-item-card:hover .item-emoji{transform:scale(1.25)rotate(8deg)}.image-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;z-index:2;background:#000000d9;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.menu-item-card:hover .image-overlay{opacity:1}.quick-add{color:#f5e6d3;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border:1px solid #5c3d2e4d;border-radius:12px;padding:.875rem 2.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(20px);box-shadow:0 8px 20px #8b45134d,inset 0 1px #fff3}.menu-item-card:hover .quick-add{transform:translateY(0)}.quick-add:hover{background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-2px);box-shadow:0 12px 28px #8b451366,inset 0 1px #ffffff4d}.quick-add:active{transform:translateY(0)}.item-details{padding:1.75rem}.item-category{text-transform:uppercase;color:#8b4513;letter-spacing:1.5px;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.item-name{color:#3d2914;letter-spacing:-.3px;margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.3;transition:color .3s cubic-bezier(.4,0,.2,1)}.menu-item-card:hover .item-name{color:#8b4513}.item-description{color:#8a7d73;margin-bottom:1.5rem;font-size:.9rem;font-weight:400;line-height:1.7}.item-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.item-price{align-items:flex-start;gap:2px;display:flex}.currency{color:#8b4513;margin-top:.25rem;font-size:1rem;font-weight:700}.amount{color:#3d2914;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.add-to-cart-btn{color:#f5e6d3;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#3d2914 0%,#5c3d2e 100%);border:1px solid #5c3d2e4d;border-radius:12px;padding:.875rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 16px #8b451326,inset 0 1px #ffffff26}.add-to-cart-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.add-to-cart-btn:hover{background:linear-gradient(135deg,#8b4513 0%,sienna 100%);transform:translateY(-2px);box-shadow:0 10px 24px #8b451340,inset 0 1px #fff3}.add-to-cart-btn:hover:before{left:100%}.add-to-cart-btn.added{background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);box-shadow:0 6px 16px #27ae6033,inset 0 1px #fff3}.add-to-cart-btn:active{transform:translateY(0)}.add-to-cart-btn:focus-visible{outline-offset:2px;outline:3px solid #8b45134d}.no-results{text-align:center;grid-column:1/-1;padding:60px 20px;animation:.6s cubic-bezier(.4,0,.2,1) fadeIn}.no-results-icon{opacity:.5;margin-bottom:1.5rem;font-size:5rem;display:block}.no-results h3{color:#3d2914;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.no-results p{color:#8a7d73;font-size:1rem;font-weight:400}.cart-sidebar{z-index:1000;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);flex-direction:column;width:420px;height:100vh;transition:right .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:0;right:-420px;box-shadow:-8px 0 40px #8b451326}.cart-sidebar.open{right:0}.cart-header{background:linear-gradient(135deg,#faf8f5 0%,#fff 100%);border-bottom:1.5px solid #e5ddd5;justify-content:space-between;align-items:center;padding:1.75rem 2rem;display:flex}.cart-header h2{color:#3d2914;letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700}.close-cart{color:#a89080;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.close-cart:hover{color:#e74c3c;background:#e74c3c14;transform:rotate(90deg)}.close-cart:focus-visible{outline-offset:2px;outline:2px solid #8b451366}.cart-items{flex:1;padding:1.5rem;overflow-y:auto}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:#8b45130d}.cart-items::-webkit-scrollbar-thumb{background:linear-gradient(#8b4513,sienna);border-radius:10px}.cart-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(sienna,peru)}.empty-cart{text-align:center;color:#a89080;padding:4rem 2rem}.empty-cart span{opacity:.5;margin-bottom:1.5rem;font-size:5rem;display:block}.empty-cart p{font-size:1rem;font-weight:500}.cart-item{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border:1.5px solid #e5ddd5;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.23,1,.32,1) slideInRight;display:flex}.cart-item:hover{background:#fff;border-color:#d4bfa8;transform:translate(-4px)}.cart-item img{object-fit:cover;border:2px solid #8b451326;border-radius:10px;width:50px;height:50px}.cart-item-details{flex:1;min-width:0}.cart-item-details h4{color:#3d2914;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.cart-item-details p{color:#8b4513;font-variant-numeric:tabular-nums;margin:0;font-size:.95rem;font-weight:700}.cart-item-quantity{background:#fff;border:1.5px solid #e5ddd5;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.cart-item-quantity button{color:#f5e6d3;cursor:pointer;background:linear-gradient(135deg,#3d2914 0%,#5c3d2e 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 3px 8px #8b451326}.cart-item-quantity button:hover:not(:disabled){background:linear-gradient(135deg,#8b4513 0%,sienna 100%);transform:scale(1.15);box-shadow:0 6px 16px #8b451340}.cart-item-quantity button:disabled{opacity:.4;cursor:not-allowed}.cart-item-quantity button:focus-visible{outline-offset:2px;outline:2px solid #8b45134d}.cart-item-quantity span{text-align:center;color:#3d2914;font-variant-numeric:tabular-nums;min-width:28px;font-size:1rem;font-weight:700}.cart-footer{background:linear-gradient(135deg,#faf8f5 0%,#fff 100%);border-top:1.5px solid #e5ddd5;padding:1.75rem 2rem}.cart-total{color:#3d2914;letter-spacing:-.5px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:1.25rem;font-size:1.4rem;font-weight:800;display:flex}.cart-total span:last-child{color:#8b4513}.checkout-btn{color:#f5e6d3;cursor:pointer;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border:1px solid #5c3d2e4d;border-radius:12px;width:100%;padding:1.25rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 24px #8b45134d,inset 0 1px #fff3}.checkout-btn:hover{background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-3px);box-shadow:0 14px 32px #8b451366,inset 0 1px #ffffff4d}.checkout-btn:active{transform:translateY(-1px)}.cart-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#0009;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;position:fixed;inset:0}.item-tags-preview{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tag-preview{color:#8a7d73;letter-spacing:.3px;text-transform:uppercase;background:#8b451314;border:1px solid #8b451326;border-radius:18px;padding:.35rem .75rem;font-size:.7rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:2000;opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:center;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.modal-overlay.active{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;visibility:visible;background:#000000b3}.modal-overlay.closing{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;background:0 0}.modal-container{opacity:0;background:#fff;border-radius:22px;width:100%;max-width:540px;max-height:90vh;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:scale(.85)translateY(40px);box-shadow:0 30px 80px #8b451333,0 6px 16px #00000014}.modal-container.active{opacity:1;transform:scale(1)translateY(0)}.modal-container.closing{opacity:0;transform:scale(.85)translateY(40px)}.modal-close{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#8a7d73;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 4px 12px #00000026}.modal-close:hover{color:#fff;background:#e74c3c;transform:rotate(90deg)scale(1.1);box-shadow:0 6px 16px #e74c3c4d}.modal-close:focus-visible{outline-offset:2px;outline:3px solid #8b45134d}.modal-header{background:linear-gradient(135deg,#3d2914 0%,#5c3d2e 50%,#2a1810 100%);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.modal-header-overlay{background:linear-gradient(#0000,#00000080);position:absolute;inset:0}.modal-image{z-index:1;position:relative}.modal-emoji{opacity:0;filter:drop-shadow(0 6px 12px #0006);font-size:8rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) .1s forwards modalBounce;transform:scale(0)}.modal-badge{color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.5px;opacity:0;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-radius:20px;padding:.6rem 1.25rem;font-size:.8rem;font-weight:700;animation:.4s cubic-bezier(.23,1,.32,1) .2s forwards slideInLeft;position:absolute;top:1.25rem;left:1.25rem;transform:translate(-20px);box-shadow:0 4px 12px #e74c3c4d}.modal-content{max-height:calc(90vh - 220px);padding:2rem 2.25rem 2.5rem;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#8b45130d}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(#8b4513,sienna);border-radius:10px}.modal-title-section{opacity:0;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;animation:.4s cubic-bezier(.23,1,.32,1) .15s forwards fadeInUp;display:flex}.modal-title{color:#3d2914;letter-spacing:-.5px;flex:1;margin:0;font-family:Montserrat,sans-serif;font-size:1.85rem;font-weight:700;line-height:1.2}.modal-price{color:#8b4513;white-space:nowrap;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-left:1.5rem;font-size:1.85rem;font-weight:800}.modal-meta{opacity:0;gap:1.75rem;margin-bottom:1.25rem;animation:.4s cubic-bezier(.23,1,.32,1) .2s forwards fadeInUp;display:flex}.meta-item{color:#8a7d73;align-items:center;gap:.6rem;font-size:.9rem;font-weight:500;display:flex}.meta-item svg{color:#8b4513;font-size:1rem}.modal-description{color:#8a7d73;opacity:0;margin-bottom:1.75rem;font-size:1rem;font-weight:400;line-height:1.8;animation:.4s cubic-bezier(.23,1,.32,1) .25s forwards fadeInUp}.modal-tags{opacity:0;flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem;animation:.4s cubic-bezier(.23,1,.32,1) .3s forwards fadeInUp;display:flex}.modal-tag{color:#8a7d73;text-transform:uppercase;letter-spacing:.5px;background:#8b451314;border:1px solid #8b451326;border-radius:18px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-tag.spicy{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);border-color:#0000;box-shadow:0 2px 8px #ff6b6b4d}.modal-tag.vegetarian{color:#fff;background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);border-color:#0000;box-shadow:0 2px 8px #27ae604d}.modal-tag.popular{color:#f5e6d3;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-color:#0000;box-shadow:0 2px 8px #8b45134d}.modal-ingredients{opacity:0;margin-bottom:1.75rem;animation:.4s cubic-bezier(.23,1,.32,1) .35s forwards fadeInUp}.modal-ingredients h4{color:#3d2914;letter-spacing:-.2px;margin-bottom:1rem;font-size:1.05rem;font-weight:700}.ingredients-list{flex-wrap:wrap;gap:.6rem;display:flex}.ingredient-item{color:#8a7d73;background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border:1.5px solid #e5ddd5;border-radius:18px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.ingredient-item:hover{color:#f5e6d3;background:linear-gradient(135deg,#3d2914 0%,#5c3d2e 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #8b451333}.modal-quantity-section{opacity:0;border-top:1.5px solid #e5ddd5;border-bottom:1.5px solid #e5ddd5;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:1.25rem 0;animation:.4s cubic-bezier(.23,1,.32,1) .4s forwards fadeInUp;display:flex}.quantity-label{color:#3d2914;letter-spacing:-.2px;font-size:1.05rem;font-weight:700}.quantity-selector{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border:1.5px solid #e5ddd5;border-radius:12px;align-items:center;gap:1rem;padding:.6rem .8rem;display:flex}.quantity-btn{cursor:pointer;color:#3d2914;background:#fff;border:1.5px solid #e5ddd5;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 3px 10px #8b45131a}.quantity-btn:hover:not(:disabled){color:#f5e6d3;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border-color:#0000;transform:scale(1.15);box-shadow:0 6px 16px #8b451340}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-btn:focus-visible{outline-offset:2px;outline:2px solid #8b45134d}.quantity-value{color:#3d2914;text-align:center;letter-spacing:-.5px;font-variant-numeric:tabular-nums;min-width:48px;font-size:1.35rem;font-weight:800}.modal-add-btn{color:#f5e6d3;cursor:pointer;opacity:0;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border:1px solid #5c3d2e4d;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:1.4rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.23,1,.32,1) .45s forwards fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #8b45134d,inset 0 1px #fff3}.modal-add-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.modal-add-btn:hover{background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-3px);box-shadow:0 14px 32px #8b451366,inset 0 1px #ffffff4d}.modal-add-btn:hover:before{left:100%}.modal-add-btn:active{transform:translateY(-1px)}.modal-add-btn:focus-visible{outline-offset:3px;outline:3px solid #8b45134d}.btn-price{letter-spacing:-.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#fff3;border-radius:10px;padding:.6rem 1.25rem;font-weight:800}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.22)}to{opacity:1;transform:scale(1)}}@keyframes modalBounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.cart-sidebar{width:380px;right:-380px}}@media (max-width:768px){.menu-hero{min-height:320px}.animate-title{font-size:2.5rem}.animate-subtitle{font-size:1.1rem}.menu-container{padding:2rem 4%}.menu-controls{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.cart-button{align-self:flex-end}.menu-items-grid{grid-template-columns:1fr;gap:20px}.cart-sidebar{width:100%;right:-100%}.cart-sidebar.open{right:0}.modal-container{border-radius:22px 22px 0 0;max-width:100%;max-height:95vh;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}.modal-overlay.active .modal-container{transform:scale(1)translateY(0)}.modal-header{height:180px}.modal-emoji{font-size:6rem}.modal-content{padding:1.5rem 1.75rem 2rem}.modal-title,.modal-price{font-size:1.5rem}.modal-title-section{flex-direction:column;gap:.75rem}.modal-price{margin-left:0}.modal-meta{gap:1.25rem}}@media (max-width:480px){.menu-hero{min-height:280px}.animate-title{font-size:2rem}.animate-subtitle{font-size:.95rem}.floating-icon{font-size:2rem}.menu-container{padding:1.5rem 4%}.search-bar input{padding:.875rem 2.5rem .875rem 3rem;font-size:.95rem}.cart-button{width:52px;height:52px}.category-tabs button{padding:10px 18px;font-size:13px}.item-emoji{font-size:5rem}.item-name{font-size:1.2rem}.amount{font-size:1.7rem}.modal-header{height:160px}.modal-emoji{font-size:5rem}.modal-content{padding:1.25rem 1.5rem 1.75rem}.modal-title,.modal-price{font-size:1.35rem}.quantity-btn{width:38px;height:38px}.quantity-value{min-width:40px;font-size:1.2rem}.modal-add-btn{padding:1.25rem 1.5rem;font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.menu-item-card,.cart-button,.add-to-cart-btn,.modal-container,.cart-sidebar{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.about-page{opacity:0;background-color:#0a0a0a;min-height:100vh;transition:all .8s cubic-bezier(.23,1,.32,1);transform:translateY(20px)}.about-page.loaded{opacity:1;transform:translateY(0)}.about-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);justify-content:center;align-items:center;height:70vh;min-height:500px;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"%23ffffff10\"/></svg>") 0 0/50px 50px;animation:30s linear infinite subtleMove;position:absolute;inset:0}.about-hero-overlay{background:radial-gradient(circle,#0000 0%,#0009 100%);position:absolute;inset:0}.about-hero-content{z-index:2;text-align:center;padding:0 2rem;position:relative}.hero-badge{color:#fff;letter-spacing:3px;text-transform:uppercase;opacity:0;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:50px;margin-bottom:1.5rem;padding:10px 28px;font-size:.85rem;font-weight:700;animation:.8s cubic-bezier(.23,1,.32,1) forwards fadeInDown;display:inline-block;box-shadow:0 4px 20px #f39c124d}.hero-title{color:#f5e6d3;text-shadow:0 4px 20px #0009,0 2px 4px #0006;opacity:0;letter-spacing:-1px;margin-bottom:1.5rem;font-family:Rye,cursive;font-size:clamp(3rem,6vw,4.5rem);line-height:1.1;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards fadeInUp}.hero-subtitle{color:#c4a882;opacity:0;max-width:600px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.6;animation:.8s cubic-bezier(.23,1,.32,1) .4s forwards fadeInUp}.hero-decoration{opacity:0;justify-content:center;gap:2rem;margin-top:2.5rem;animation:.8s cubic-bezier(.23,1,.32,1) .6s forwards fadeIn;display:flex}.floating-ember{filter:drop-shadow(0 4px 12px #f39c1266);font-size:2.5rem;animation:3s ease-in-out infinite float}.scroll-indicator{color:#c4a882;opacity:0;letter-spacing:1px;flex-direction:column;align-items:center;gap:.75rem;font-size:.8rem;font-weight:500;animation:1s cubic-bezier(.23,1,.32,1) 1s forwards fadeIn;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-arrow{border-bottom:2px solid #f39c12;border-right:2px solid #f39c12;width:20px;height:20px;animation:2s cubic-bezier(.4,0,.2,1) infinite bounce;transform:rotate(45deg)}.about-intro{background:linear-gradient(#0a0a0a 0%,#121212 100%);padding:6rem 5%}.intro-container{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid}.intro-image{opacity:0;border-radius:24px;animation:.8s cubic-bezier(.23,1,.32,1) forwards fadeInLeft;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 4px 8px #0000004d}.intro-image img{object-fit:cover;width:100%;height:500px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.intro-image:hover img{transform:scale(1.05)}.image-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.5px;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:.95rem;font-weight:700;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;box-shadow:0 10px 30px #f39c1266,inset 0 1px #fff3}.image-badge svg{font-size:1.5rem}.intro-content{opacity:0;animation:.8s cubic-bezier(.23,1,.32,1) .2s forwards fadeInRight}.section-tag{color:#f39c12;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-block}.intro-content h2{color:#f5e6d3;letter-spacing:-.5px;margin-bottom:1.75rem;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem);line-height:1.2}.intro-lead{color:#c4a882;margin-bottom:1.5rem;font-size:1.2rem;font-weight:500;line-height:1.8}.intro-content p{color:#999;margin-bottom:1.25rem;font-size:1rem;font-weight:400;line-height:1.8}.intro-signature{border-top:2px solid #222;margin-top:2.5rem;padding-top:1.75rem}.signature{color:#f39c12;letter-spacing:-.5px;margin-bottom:.5rem;font-family:Rye,cursive;font-size:1.8rem;display:block}.signature-title{color:#666;font-size:.9rem;font-weight:500}.about-stats{background:linear-gradient(135deg,#8b4513 0%,#5c3d2e 100%);padding:5rem 5%;position:relative;overflow:hidden}.about-stats:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000);position:absolute;inset:0}.stats-container{z-index:1;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:2.5rem 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s cubic-bezier(.23,1,.32,1) forwards fadeInUp;box-shadow:0 8px 24px #0003}.stat-card:hover{background:#ffffff2e;border-color:#ffd7004d;transform:translateY(-12px);box-shadow:0 20px 50px #00000059}.stat-icon{color:gold;filter:drop-shadow(0 4px 8px #ffd7004d);margin-bottom:1.25rem;font-size:2.5rem}.stat-number{color:#fff;text-shadow:0 2px 8px #0000004d;letter-spacing:-1px;margin-bottom:.75rem;font-family:Rye,cursive;font-size:3rem}.stat-label{color:#ffffffd9;letter-spacing:.5px;font-size:.95rem;font-weight:500}.about-values{background:#0a0a0a;padding:6rem 5%}.values-container{max-width:1200px;margin:0 auto}.values-header{text-align:center;margin-bottom:4rem}.values-header h2{color:#f5e6d3;letter-spacing:-.5px;margin-bottom:1rem;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem)}.values-header p{color:#999;font-size:1.1rem;font-weight:400}.values-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.value-card{text-align:center;opacity:0;background:linear-gradient(145deg,#141414,#0a0a0a);border:1px solid #1a1a1a;border-radius:20px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s cubic-bezier(.23,1,.32,1) forwards fadeInUp;box-shadow:0 4px 20px #0000004d}.value-card:hover{border-color:#f39c1266;transform:translateY(-12px);box-shadow:0 20px 50px #f39c1226,0 4px 8px #0003}.value-icon{color:#fff;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.75rem;font-size:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px #f39c124d,inset 0 1px #fff3}.value-card:hover .value-icon{transform:scale(1.15)rotate(10deg);box-shadow:0 12px 28px #f39c1266,inset 0 1px #ffffff4d}.value-card h3{color:#f5e6d3;letter-spacing:-.3px;margin-bottom:1rem;font-family:Rye,cursive;font-size:1.35rem}.value-card p{color:#888;font-size:.95rem;font-weight:400;line-height:1.7}.about-timeline{background:linear-gradient(#121212 0%,#0a0a0a 100%);padding:6rem 5%}.timeline-container{max-width:1000px;margin:0 auto}.timeline-header{text-align:center;margin-bottom:4rem}.timeline-header h2{color:#f5e6d3;letter-spacing:-.5px;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem)}.timeline{padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(#f39c12 0%,#e67e22 100%);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f39c124d}.timeline-item{opacity:0;align-items:center;margin-bottom:4rem;animation:.6s cubic-bezier(.23,1,.32,1) forwards fadeInUp;display:flex}.timeline-item.left{flex-direction:row}.timeline-item.right{flex-direction:row-reverse}.timeline-content{background:linear-gradient(145deg,#141414,#0a0a0a);border:1px solid #1a1a1a;border-radius:16px;flex:1;padding:2rem 2.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 20px #0000004d}.timeline-item.left .timeline-content{text-align:right;margin-right:3.5rem}.timeline-item.right .timeline-content{text-align:left;margin-left:3.5rem}.timeline-content:hover{border-color:#f39c1280;transform:scale(1.03);box-shadow:0 20px 40px #f39c1226,0 4px 8px #0003}.timeline-year{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:20px;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 4px 12px #f39c124d}.timeline-content h3{color:#f5e6d3;letter-spacing:-.3px;margin-bottom:.75rem;font-family:Rye,cursive;font-size:1.35rem}.timeline-content p{color:#888;font-size:.95rem;line-height:1.7}.timeline-marker{color:#fff;z-index:1;background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #f39c1266,inset 0 1px #fff3}.about-team{background:#0a0a0a;padding:6rem 5%}.team-container{max-width:1200px;margin:0 auto}.team-header{text-align:center;margin-bottom:4rem}.team-header h2{color:#f5e6d3;letter-spacing:-.5px;margin-bottom:1rem;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem)}.team-header p{color:#999;font-size:1.1rem;font-weight:400}.team-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.team-card{opacity:0;background:linear-gradient(145deg,#141414,#0a0a0a);border:1px solid #1a1a1a;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s cubic-bezier(.23,1,.32,1) forwards fadeInUp;overflow:hidden;box-shadow:0 4px 20px #0000004d}.team-card:hover{border-color:#f39c1266;transform:translateY(-12px);box-shadow:0 20px 50px #f39c1226,0 4px 8px #0003}.team-image{height:300px;position:relative;overflow:hidden}.team-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.team-card:hover .team-image img{transform:scale(1.1)}.team-overlay{opacity:0;background:linear-gradient(#0000 50%,#f39c12e6 100%);align-items:flex-end;padding:2rem;transition:opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.team-card:hover .team-overlay{opacity:1}.team-overlay p{color:#fff;letter-spacing:.3px;font-size:.95rem;font-weight:600}.team-info{text-align:center;padding:1.75rem}.team-info h3{color:#f5e6d3;letter-spacing:-.3px;margin-bottom:.5rem;font-family:Rye,cursive;font-size:1.25rem}.team-role{color:#f39c12;letter-spacing:.3px;font-size:.9rem;font-weight:600}.about-restaurant{height:500px;position:relative}.restaurant-image-container{height:100%;position:relative;overflow:hidden}.restaurant-image-container img{object-fit:cover;width:100%;height:100%}.restaurant-overlay{background:linear-gradient(135deg,#0a0a0ae6 0%,#000000bf 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.restaurant-content{text-align:center;max-width:700px;padding:0 2rem}.restaurant-content h2{color:#f5e6d3;letter-spacing:-.5px;margin-bottom:1rem;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem)}.restaurant-content p{color:#999;margin-bottom:3rem;font-size:1.1rem;line-height:1.7}.restaurant-features{flex-wrap:wrap;justify-content:center;gap:3.5rem;display:flex}.feature{color:#c4a882;flex-direction:column;align-items:center;gap:.75rem;display:flex}.feature svg{color:#f39c12;filter:drop-shadow(0 4px 8px #f39c124d);font-size:2rem}.feature span{font-size:.95rem;font-weight:500}.about-testimonials{background:linear-gradient(#0a0a0a 0%,#121212 100%);padding:6rem 5%}.testimonials-container{text-align:center;max-width:800px;margin:0 auto}.testimonials-header{margin-bottom:3.5rem}.testimonials-header h2{color:#f5e6d3;letter-spacing:-.5px;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem)}.testimonials-slider{min-height:280px;position:relative}.testimonial-card{opacity:0;pointer-events:none;width:100%;transition:all .6s cubic-bezier(.23,1,.32,1);position:absolute;transform:translate(50px)}.testimonial-card.active{opacity:1;pointer-events:auto;transform:translate(0)}.quote-icon{color:#f39c12;opacity:.4;margin-bottom:1.5rem;font-size:3rem}.testimonial-text{color:#f5e6d3;margin-bottom:2rem;font-size:1.35rem;font-style:italic;font-weight:400;line-height:1.8}.testimonial-rating{justify-content:center;gap:.35rem;margin-bottom:1.5rem;display:flex}.testimonial-rating svg{color:#f39c12;filter:drop-shadow(0 2px 4px #f39c124d);font-size:1.1rem}.testimonial-author{flex-direction:column;gap:.35rem;display:flex}.author-name{color:#f5e6d3;font-size:1.05rem;font-weight:700}.author-location{color:#888;font-size:.9rem;font-weight:500}.testimonial-dots{justify-content:center;gap:.75rem;margin-top:2.5rem;display:flex}.dot{cursor:pointer;background:#222;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot:hover{background:#555;transform:scale(1.2)}.dot:focus-visible{outline-offset:3px;outline:2px solid #f39c1266}.dot.active{background:#f39c12;transform:scale(1.3);box-shadow:0 2px 8px #f39c1266}.about-cta{background:linear-gradient(135deg,#8b4513 0%,#5c3d2e 100%);padding:6rem 5%;position:relative;overflow:hidden}.about-cta:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000);position:absolute;inset:0}.cta-container{z-index:1;justify-content:space-between;align-items:center;gap:3rem;max-width:1000px;margin:0 auto;display:flex;position:relative}.cta-content{flex:1}.cta-content h2{color:#fff;letter-spacing:-.5px;margin-bottom:1rem;font-family:Rye,cursive;font-size:clamp(2rem,4vw,2.8rem)}.cta-content p{color:#ffffffd9;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7}.cta-buttons{flex-wrap:wrap;gap:1.25rem;display:flex}.cta-btn{letter-spacing:.3px;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.cta-btn.primary{color:#1a1a1a;background:linear-gradient(135deg,gold 0%,orange 100%);box-shadow:0 8px 24px #ffd7004d,inset 0 1px #ffffff4d}.cta-btn.primary:hover{background:linear-gradient(135deg,orange 0%,#ff8c00 100%);transform:translateY(-3px);box-shadow:0 12px 32px #ffd70066,inset 0 1px #fff6}.cta-btn.secondary{color:#fff;background:0 0;border:2px solid #fff}.cta-btn.secondary:hover{color:#1a1a1a;background:#fff;transform:translateY(-3px);box-shadow:0 12px 32px #fff3}.cta-btn:active{transform:translateY(-1px)}.cta-btn:focus-visible{outline-offset:3px;outline:3px solid #ffd70066}.cta-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.cta-btn:hover svg{transform:translate(5px)}.cta-decoration{position:relative}.big-emoji{opacity:.25;filter:drop-shadow(0 8px 16px #0000004d);font-size:10rem;animation:4s ease-in-out infinite float}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg)translateY(0)}40%{transform:rotate(45deg)translateY(-10px)}60%{transform:rotate(45deg)translateY(-5px)}}@keyframes subtleMove{0%{transform:translate(0)translateY(0)}to{transform:translate(50px)translateY(50px)}}@media (max-width:1024px){.intro-container{grid-template-columns:1fr;gap:3rem}.intro-image{order:-1}.intro-image img{height:400px}.stats-container,.values-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.cta-container{gap:2rem}}@media (max-width:768px){.about-hero{height:60vh;min-height:400px}.hero-badge{padding:8px 20px;font-size:.75rem}.about-intro,.about-stats,.about-values,.about-timeline,.about-team,.about-testimonials,.about-cta{padding:4rem 5%}.stats-container,.values-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.stat-card,.value-card{padding:2rem 1.5rem}.stat-number{font-size:2.5rem}.timeline-line{left:1.5rem}.timeline-item{align-items:flex-start;padding-left:3.5rem;flex-direction:column!important}.timeline-item.left .timeline-content,.timeline-item.right .timeline-content{text-align:left;margin:0}.timeline-marker{width:45px;height:45px;font-size:1rem;left:1.5rem}.team-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.testimonial-text{font-size:1.15rem}.cta-container{text-align:center;flex-direction:column}.cta-buttons{justify-content:center}.cta-decoration{display:none}.restaurant-features{gap:2rem}}@media (max-width:480px){.about-hero{height:50vh;min-height:350px}.about-intro,.about-stats,.about-values,.about-timeline,.about-team,.about-testimonials,.about-cta{padding:3.5rem 4%}.intro-image img{height:300px}.stats-container,.values-grid{grid-template-columns:1fr}.stat-card{text-align:left;align-items:center;gap:1.5rem;padding:1.75rem 1.5rem;display:flex}.stat-icon{margin-bottom:0;font-size:2rem}.stat-number{margin-bottom:.35rem;font-size:2rem}.stat-label{font-size:.85rem}.timeline-item{padding-left:3rem}.timeline-marker{width:40px;height:40px;left:1.25rem}.timeline-line{left:1.25rem}.cta-buttons{flex-direction:column;width:100%}.cta-btn{justify-content:center;width:100%}.restaurant-features{flex-direction:column;gap:1.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stat-card,.value-card,.team-card,.timeline-content,.cta-btn{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.reservation-page{opacity:0;background-color:#0d0d0d;min-height:100vh;transition:all .6s;transform:translateY(20px)}.reservation-page.loaded{opacity:1;transform:translateY(0)}.reservation-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);justify-content:center;align-items:center;height:50vh;min-height:400px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:radial-gradient(circle,#0000 0%,#000000b3 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;padding:0 20px;position:relative}.hero-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:50px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 25px;font-size:.95rem;font-weight:600;animation:.8s forwards fadeInDown;display:inline-flex}.hero-badge svg{font-size:1.2rem}.hero-title{color:#f5e6d3;text-shadow:3px 3px 6px #00000080;opacity:0;margin-bottom:15px;font-family:Rye,cursive;font-size:3.5rem;animation:.8s .2s forwards fadeInUp}.hero-subtitle{color:#c4a882;opacity:0;max-width:500px;margin:0 auto;font-size:1.2rem;animation:.8s .4s forwards fadeInUp}.hero-decoration{justify-content:center;gap:50px;width:100%;display:flex;position:absolute;bottom:20%}.floating-ember{opacity:.6;font-size:1.5rem;animation:3s ease-in-out infinite float}.floating-ember:first-child{animation-delay:0s}.floating-ember:nth-child(2){animation-delay:.5s}.floating-ember:nth-child(3){animation-delay:1s}.reservation-section{background:linear-gradient(#0d0d0d 0%,#1a1a1a 100%);padding:80px 5%}.reservation-container{max-width:900px;margin:0 auto}.progress-steps{justify-content:center;align-items:center;margin-bottom:50px;padding:0 20px;display:flex}.step{flex-direction:column;align-items:center;gap:10px;display:flex}.step-number{color:#666;background:#222;border:3px solid #333;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:700;transition:all .4s;display:flex}.step.active .step-number{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;box-shadow:0 5px 20px #f39c1266}.step.completed .step-number{color:#fff;background:#27ae60;border-color:#27ae60}.step.completed .step-number svg{font-size:1.3rem}.step-label{color:#666;font-size:.9rem;font-weight:500;transition:color .3s}.step.active .step-label{color:#f39c12}.step.completed .step-label{color:#27ae60}.step-line{background:#333;flex:1;max-width:100px;height:3px;margin:0 20px 30px;position:relative}.reservation-form{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #222;border-radius:25px;overflow:hidden}.form-step{padding:40px;animation:.5s fadeIn;display:none}.form-step.active{display:block}.step-header{text-align:center;margin-bottom:40px}.step-header h2{color:#f5e6d3;margin-bottom:10px;font-family:Rye,cursive;font-size:2rem}.step-header p{color:#888;font-size:1rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:25px;display:grid}.form-group{flex-direction:column;gap:12px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#c4a882;align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.form-group label svg{color:#f39c12;font-size:1.1rem}.form-group input,.form-group textarea,.form-group select{color:#f5e6d3;background:#0d0d0d;border:2px solid #333;border-radius:12px;padding:15px 18px;font-family:Montserrat,sans-serif;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#f39c12;outline:none;box-shadow:0 0 0 4px #f39c121a}.form-group input.error,.form-group textarea.error{border-color:#e74c3c}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-group textarea{resize:vertical;min-height:100px}.error-message{color:#e74c3c;align-items:center;gap:5px;font-size:.85rem;display:flex}.guest-selector{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.guest-btn{color:#888;cursor:pointer;background:#0d0d0d;border:2px solid #333;border-radius:12px;width:50px;height:50px;font-size:1rem;font-weight:600;transition:all .3s}.guest-btn:hover{color:#f39c12;border-color:#f39c12}.guest-btn.selected{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;box-shadow:0 5px 15px #f39c124d}.time-slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:15px;margin-bottom:2rem;display:grid}.time-slot{color:#888;cursor:pointer;background:#0d0d0d;border:2px solid #333;border-radius:10px;padding:12px 8px;font-size:.9rem;font-weight:500;transition:all .3s}.time-slot:hover{color:#f39c12;border-color:#f39c12}.time-slot.selected{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;box-shadow:0 5px 15px #f39c124d}.occasion-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:15px;margin-bottom:2rem;display:grid}.occasion-btn{cursor:pointer;background:#0d0d0d;border:2px solid #333;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;transition:all .3s;display:flex}.occasion-btn:hover{border-color:#f39c12;transform:translateY(-3px)}.occasion-btn.selected{background:linear-gradient(135deg,#f39c1233,#e67e2233);border-color:#f39c12}.occasion-icon{color:#888;font-size:1.5rem;transition:all .3s}.occasion-btn:hover .occasion-icon,.occasion-btn.selected .occasion-icon{color:#f39c12;transform:scale(1.1)}.occasion-label{color:#888;font-size:.85rem;font-weight:500}.occasion-btn.selected .occasion-label{color:#f39c12}.seating-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px;display:grid}.seating-btn{cursor:pointer;text-align:left;background:#0d0d0d;border:2px solid #333;border-radius:15px;flex-direction:column;align-items:flex-start;gap:5px;padding:20px;transition:all .3s;display:flex}.seating-btn:hover{border-color:#f39c12;transform:translateY(-3px)}.seating-btn.selected{background:linear-gradient(135deg,#f39c1233,#e67e2233);border-color:#f39c12}.seating-label{color:#f5e6d3;font-size:1rem;font-weight:600}.seating-btn.selected .seating-label{color:#f39c12}.seating-desc{color:#666;font-size:.85rem}.form-actions{border-top:1px solid #222;justify-content:center;margin-top:40px;padding-top:30px;display:flex}.form-actions.dual{justify-content:space-between}.btn-next,.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 35px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:all .4s;display:flex}.btn-next:hover,.btn-submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f39c1266}.btn-back{color:#888;cursor:pointer;background:0 0;border:2px solid #333;border-radius:50px;align-items:center;gap:10px;padding:16px 35px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-back:hover{color:#f5e6d3;border-color:#888}.btn-submit.submitting{pointer-events:none;background:#666}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.confirmation-card{background:#0d0d0d;border:1px solid #222;border-radius:20px;overflow:hidden}.confirmation-section{border-bottom:1px solid #222;padding:25px 30px}.confirmation-section:last-child{border-bottom:none}.confirmation-section h3{color:#f39c12;margin-bottom:20px;font-family:Rye,cursive;font-size:1.2rem}.confirmation-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.confirm-item{align-items:flex-start;gap:15px;display:flex}.confirm-icon{color:#f39c12;background:linear-gradient(135deg,#f39c1233,#e67e2233);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confirm-item>div{flex-direction:column;gap:3px;display:flex}.confirm-label{color:#666;font-size:.85rem}.confirm-value{color:#f5e6d3;font-size:1rem;font-weight:500}.special-requests-text{color:#888;font-style:italic;line-height:1.6}.policy-notice{background:#f39c121a;border-top:1px solid #f39c1233;align-items:flex-start;gap:15px;padding:20px 30px;display:flex}.policy-notice svg{color:#f39c12;flex-shrink:0;margin-top:2px;font-size:1.2rem}.policy-notice p{color:#c4a882;font-size:.9rem;line-height:1.6}.info-cards{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:60px auto 0;display:grid}.info-card{text-align:center;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #222;border-radius:20px;padding:30px;transition:all .4s}.info-card:hover{border-color:#333;transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.info-icon{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:1.8rem;display:flex}.info-card h3{color:#f5e6d3;margin-bottom:15px;font-family:Rye,cursive;font-size:1.3rem}.info-card p{color:#888;font-size:.95rem;line-height:1.6}.info-card ul{margin:0;padding:0;list-style:none}.info-card ul li{color:#888;border-bottom:1px solid #222;justify-content:space-between;padding:10px 0;font-size:.95rem;display:flex}.info-card ul li:last-child{border-bottom:none}.info-card ul li span{color:#f5e6d3;font-weight:500}.phone-link{color:#f39c12;margin-top:15px;font-size:1.3rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.phone-link:hover{color:gold;transform:scale(1.05)}.success-container{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.success-content{text-align:center;z-index:1;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #222;border-radius:30px;max-width:600px;padding:60px 50px;animation:.6s successPop;position:relative}.success-icon{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 30px;animation:.6s .3s successBounce;display:flex}.success-icon svg{color:#fff;font-size:3rem}.success-content h1{color:#f5e6d3;margin-bottom:15px;font-family:Rye,cursive;font-size:2.5rem}.success-message{color:#c4a882;margin-bottom:30px;font-size:1.2rem}.confirmation-details{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px;display:flex}.confirmation-details .detail-item{background:#0d0d0d;border:1px solid #333;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;display:flex}.confirmation-details .detail-item svg{color:#f39c12}.confirmation-details .detail-item span{color:#f5e6d3;font-weight:500}.confirmation-note{color:#888;margin-bottom:30px;font-size:.95rem}.confirmation-note strong{color:#f39c12}.success-actions .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:50px;padding:16px 35px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:all .4s}.success-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f39c1266}.success-decoration{pointer-events:none;position:absolute;inset:0}.confetti{font-size:3rem;animation:3s ease-in-out infinite confettiFall;position:absolute}.confetti:first-child{animation-delay:0s;top:10%;left:15%}.confetti:nth-child(2){animation-delay:.5s;top:20%;right:15%}.confetti:nth-child(3){animation-delay:1s;bottom:20%;left:20%}@keyframes successPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes confettiFall{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-20px)rotate(180deg)}}@media (max-width:1024px){.info-cards{grid-template-columns:1fr;max-width:500px}}@media (max-width:768px){.reservation-hero{height:40vh;min-height:300px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.progress-steps{flex-wrap:wrap;gap:10px}.step-line{display:none}.step{flex:1;min-width:100px}.step-number{width:40px;height:40px;font-size:1rem}.step-label{font-size:.8rem}.form-step{padding:30px 20px}.step-header h2{font-size:1.6rem}.form-grid{grid-template-columns:1fr}.time-slots,.occasion-grid{grid-template-columns:repeat(3,1fr)}.seating-grid{grid-template-columns:repeat(2,1fr)}.form-actions.dual{flex-direction:column-reverse;gap:15px}.btn-back,.btn-next,.btn-submit{justify-content:center;width:100%}.confirmation-grid{grid-template-columns:1fr}.success-content{padding:40px 25px}.success-content h1{font-size:1.8rem}.confirmation-details{flex-direction:column;align-items:center}}@media (max-width:480px){.reservation-hero{height:35vh;min-height:250px}.hero-title{font-size:2rem}.hero-badge{padding:8px 18px;font-size:.85rem}.reservation-section{padding:50px 4%}.time-slots,.occasion-grid{grid-template-columns:repeat(2,1fr)}.seating-grid{grid-template-columns:1fr}.guest-btn{width:45px;height:45px;font-size:.9rem}.info-card{padding:25px 20px}.info-icon{width:60px;height:60px;font-size:1.5rem}.success-icon{width:80px;height:80px}.success-icon svg{font-size:2.5rem}.confetti{font-size:2rem}}*{box-sizing:border-box}.checkout-container{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);max-width:1100px;min-height:100vh;margin:0 auto;padding:48px 20px;font-family:Montserrat,sans-serif}.checkout-container h1{color:#3d2914;letter-spacing:-.7px;text-shadow:0 2px 4px #0000000a;margin-bottom:40px;font-size:36px;font-weight:700;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeInDown}.checkout-grid{grid-template-columns:1.4fr 1fr;gap:32px;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s backwards fadeInUp;display:grid}.checkout-summary,.checkout-payment{background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:18px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #8b45130f,0 2px 4px -1px #00000008,inset 0 1px #fff9}.checkout-summary:before,.checkout-payment:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.checkout-summary:hover:before,.checkout-payment:hover:before{left:100%}.checkout-summary:hover,.checkout-payment:hover{border-color:#d4bfa8;transform:translateY(-2px);box-shadow:0 12px 24px -6px #8b45131f,0 4px 8px -2px #0000000f,inset 0 1px #fffc}.checkout-summary h2,.checkout-payment h2{color:#3d2914;letter-spacing:-.3px;margin-bottom:24px;padding-bottom:12px;font-size:18px;font-weight:600;position:relative}.checkout-summary h2:after,.checkout-payment h2:after{content:"";background:linear-gradient(90deg,#8b4513,#0000);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.cart-items{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border:1px solid #e5ddd5;border-radius:14px;padding:0;overflow:hidden;box-shadow:inset 0 1px 3px #00000005}.cart-item{border-bottom:1px solid #e5ddd5;justify-content:space-between;align-items:flex-start;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.cart-item:before{content:"";opacity:0;background:linear-gradient(#8b4513,#0000);width:3px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.cart-item:hover:before{opacity:.4}.cart-item:last-child{border-bottom:none}.cart-item:hover{background-color:#ff6b350a}.item-name{color:#3d2914;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.4}.item-meta{color:#8a7d73;font-size:13px;font-weight:500}.item-subtotal{color:#8b4513;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:16px;font-size:16px;font-weight:700}.no-orders{text-align:center;color:#a89080;padding:40px 20px;font-size:14px;font-weight:500}.payment-methods{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.payment-methods label{cursor:pointer;color:#5c3d2e;background:#fff;border:2px solid #e5ddd5;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.payment-methods label:before{content:"";background:linear-gradient(90deg,#0000,#8b451314,#0000);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.payment-methods label input[type=radio]{cursor:pointer;accent-color:#8b4513;width:18px;height:18px;transition:transform .2s}.payment-methods label:hover{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border-color:#d4bfa8;box-shadow:0 4px 12px #8b451314}.payment-methods label:hover:before{left:100%}.payment-methods label.active{color:#3d2914;background:linear-gradient(135deg,#fff9f4 0%,#fff5ed 100%);border-color:#8b4513;box-shadow:0 0 0 3px #8b451326,0 4px 12px #8b45131f}.payment-methods label.active input[type=radio]{transform:scale(1.15)}.card-element-wrapper{opacity:0;margin-bottom:28px;animation:.4s .2s forwards fadeIn}.stripe-card-element{background:linear-gradient(135deg,#faf8f5 0%,#fff 100%);border:2px solid #e5ddd5;border-radius:10px;padding:14px 16px;font-family:Montserrat,sans-serif;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #00000005}.stripe-card-element:hover{background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);border-color:#d4bfa8;box-shadow:inset 0 1px 3px #00000005,0 2px 6px #8b45130f}.stripe-card-element:focus{background:linear-gradient(135deg,#fff 0%,#fffbf7 100%);border-color:#8b4513;box-shadow:inset 0 1px 3px #00000005,0 0 0 3px #8b451326,0 4px 12px #8b45131f}.cart-total{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border:1.5px solid #e5ddd5;border-radius:14px;margin-top:28px;padding:24px;position:relative;box-shadow:inset 0 1px 3px #00000005}.cart-total:before{content:"";background:linear-gradient(#8b4513,sienna,#0000);border-radius:14px 0 0 14px;width:4px;height:100%;position:absolute;top:0;left:0}.total-row{color:#5c3d2e;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;font-size:14px;font-weight:500;transition:color .2s;display:flex}.total-row span:first-child{flex:1}.total-row span:last-child{color:#3d2914;text-align:right;font-variant-numeric:tabular-nums;min-width:100px;font-weight:600}.total-final{border-top:2px solid #8b45134d;justify-content:space-between;align-items:center;margin-top:12px;padding-top:18px;display:flex}.total-final strong:first-child{color:#3d2914;letter-spacing:-.3px;font-size:18px;font-weight:600}.total-final strong:nth-child(2){color:#8b4513;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.5px;min-width:120px;font-size:28px;font-weight:700}.checkout-btn{color:#f5e6d3;letter-spacing:-.3px;cursor:pointer;background:linear-gradient(135deg,#8b4513 0%,sienna 100%);border:1px solid #5c3d2e4d;border-radius:10px;width:100%;margin-top:28px;padding:16px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 24px -5px #8b45134d,inset 0 1px #fff3}.checkout-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,sienna 0%,peru 100%);transform:translateY(-2px);box-shadow:0 20px 32px -8px #8b451366,inset 0 1px #ffffff4d}.checkout-btn:hover:not(:disabled):before{left:100%}.checkout-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 5px 12px #8b451333,inset 0 1px #ffffff1a}.checkout-btn:disabled{cursor:not-allowed;opacity:.6;color:#6b7280;background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%);box-shadow:0 2px 4px #0000000d}.checkout-btn:focus-visible{outline-offset:2px;outline:2px solid #8b4513}.error-message{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-left:4px solid #dc2626;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) slideInDown;box-shadow:0 4px 6px -1px #dc26261a}@media (max-width:900px){.checkout-grid{grid-template-columns:1fr;gap:24px}.checkout-container{padding:36px 16px}.checkout-container h1{margin-bottom:32px;font-size:32px}.payment-methods{grid-template-columns:1fr}.total-final strong:nth-child(2){font-size:24px}}@media (max-width:640px){.checkout-container{padding:24px 12px}.checkout-summary,.checkout-payment{border-radius:14px;padding:24px}.checkout-container h1{margin-bottom:24px;font-size:28px}.cart-item{flex-direction:column;gap:8px;padding:16px}.item-subtotal{text-align:left;margin-left:0}.total-final strong:nth-child(2){font-size:22px}.checkout-btn{padding:14px;font-size:15px}}.admin-dashboard{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);min-height:100vh;padding:3rem 0;font-family:Montserrat,sans-serif}.admin-container{max-width:1400px;margin:0 auto;padding:0 2rem}.dashboard-header{margin-bottom:3rem;animation:.6s cubic-bezier(.34,1.56,.64,1) fadeInDown}.dashboard-header h1{color:#3d2914;letter-spacing:-.8px;text-shadow:0 2px 4px #0000000a;margin:0 0 .5rem;font-size:2.8rem;font-weight:800}.dashboard-subtitle{color:#8a7d73;letter-spacing:.3px;margin:0;font-size:1rem;font-weight:500}.admin-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-bottom:2px solid #e5ddd5;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:0;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s backwards fadeInUp;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{height:4px}.admin-tabs::-webkit-scrollbar-track{background:#8b45130d}.admin-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8b4513,sienna);border-radius:2px}.admin-tabs button{color:#3d2914;cursor:pointer;white-space:nowrap;letter-spacing:.3px;text-transform:capitalize;background:#ffffff80;border:2px solid #8b451333;border-radius:8px;padding:8px 16px;font-family:Montserrat,inherit;font-size:12px;font-weight:600;transition:all .3s;position:relative}.admin-tabs button:before{content:"";background:linear-gradient(90deg,#8b4513,sienna);border-radius:2px;width:0;height:3px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-3px;left:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-bottom:3rem;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s backwards fadeInUp;display:grid}.stat-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:18px;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 24px #8b451314,0 2px 6px #0000000a,inset 0 1px #fff9}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.stat-card:hover{border-color:#d4bfa8;transform:translateY(-8px);box-shadow:0 16px 40px #8b45131f,0 4px 12px #00000014,inset 0 1px #fffc}.stat-card:hover:before{left:100%}.stat-icon{margin-bottom:1rem;font-size:3rem;display:block}.stat-card h3{color:#8a7d73;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 1.5rem;font-size:.85rem;font-weight:700}.stat-number{color:#8b4513;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.2}.stat-card.alert{border-color:#f5d5cc}.stat-card.alert .stat-number{color:#e74c3c}.admin-table-section{background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:18px;margin-bottom:2rem;padding:2rem;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s backwards fadeInUp;overflow:hidden;box-shadow:0 8px 24px #8b451314,0 2px 6px #0000000a,inset 0 1px #fff9}.admin-table-section h2{color:#3d2914;letter-spacing:-.3px;margin:0 0 2rem;font-size:1.6rem;font-weight:800}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border-bottom:2.5px solid #e5ddd5}.admin-table th{text-align:left;color:#3d2914;text-transform:uppercase;letter-spacing:.8px;padding:1.5rem 1.25rem;font-size:.9rem;font-weight:700}.admin-table tbody tr{border-bottom:1.5px solid #e5ddd5;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-table tbody tr:hover{background:linear-gradient(135deg,#8b45130a,#a0522d05)}.admin-table td{color:#5c3d2e;padding:1.5rem 1.25rem;font-size:.95rem;font-weight:500}.status-select{cursor:pointer;color:#5c3d2e;background:#fff;border:1.5px solid #e5ddd5;border-radius:8px;padding:.75rem 1rem;font-family:Montserrat,inherit;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-select:hover{border-color:#8b4513;box-shadow:0 4px 12px #8b45131f}.status-select.pending{color:#d68910;background:linear-gradient(135deg,#fff8e7 0%,#fffbf0 100%);border-color:#f39c12}.status-select.preparing{color:#2980b9;background:linear-gradient(135deg,#ebf5fb 0%,#f0f7ff 100%);border-color:#3498db}.status-select.ready,.status-select.confirmed{color:#1e8449;background:linear-gradient(135deg,#eafaf1 0%,#f5fef9 100%);border-color:#27ae60}.status-select.completed{color:#7d3c98;background:linear-gradient(135deg,#f4ecf7 0%,#f9f5fc 100%);border-color:#9b59b6}.status-select.cancelled{color:#c0392b;background:linear-gradient(135deg,#fadbd8 0%,#fdecea 100%);border-color:#e74c3c}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.role-badge.admin{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 4px 12px #e74c3c33}.role-badge.customer{color:#5c3d2e;background:linear-gradient(135deg,#ecf0f1 0%,#e0e0e0 100%);box-shadow:0 2px 6px #00000014}.role-badge.staff{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);box-shadow:0 4px 12px #3498db33}.btn-view,.btn-delete{cursor:pointer;letter-spacing:.3px;text-transform:uppercase;border:none;border-radius:8px;margin-right:.5rem;padding:.7rem 1.4rem;font-family:Montserrat,inherit;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.btn-view{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.btn-view:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db40}.btn-delete{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c40}.products-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.product-thumb{object-fit:cover;border:1.5px solid #e5ddd5;border-radius:10px;width:50px;height:50px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.admin-table tbody tr:hover .product-thumb{transform:scale(1.1)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;top:0;left:0}.modal-card{background:linear-gradient(135deg,#fff 0%,#faf9f8 100%);border:1.5px solid #e5ddd5;border-radius:18px;width:90%;max-width:640px;max-height:95vh;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleIn;overflow-y:auto;box-shadow:0 30px 80px #8b451333,0 6px 16px #00000014}.modal-card::-webkit-scrollbar{width:6px}.modal-card::-webkit-scrollbar-thumb{background:linear-gradient(#8b4513,sienna);border-radius:10px}.modal-header{border-bottom:2px solid #e5ddd5;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.modal-header h3{color:#3d2914;letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:800}.modal-close{cursor:pointer;color:#a89080;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-close:hover{color:#e74c3c;background:#e74c3c14;transform:rotate(90deg)scale(1.1)}.product-form{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.product-form input,.product-form textarea{color:#3d2914;background:linear-gradient(135deg,#faf6f0 0%,#fff 100%);border:1.5px solid #e5ddd5;border-radius:10px;padding:.875rem 1rem;font-family:Montserrat,inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-form input:focus,.product-form textarea:focus{background:#fff;border-color:#8b4513;outline:none;box-shadow:0 0 0 3px #8b451326}.file-input{cursor:pointer;color:#8b4513;background:linear-gradient(135deg,#faf8f5 0%,#f5f0ea 100%);border:2px dashed #d4bfa8;border-radius:10px;grid-column:span 3;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.file-input:hover{background:#fff;border-color:#8b4513;box-shadow:0 4px 12px #8b45131f}.image-preview{object-fit:cover;border:2px solid #e5ddd5;border-radius:10px;grid-column:span 3;width:100%;max-height:240px;margin:1rem 0}.modal-actions{border-top:2px solid #e5ddd5;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.error-message{color:#c0392b;text-align:center;background:linear-gradient(135deg,#fadbd8 0%,#fdecea 100%);border:1.5px solid #e74c3c;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInDown}.admin-notice{color:#1e8449;letter-spacing:.3px;background:linear-gradient(135deg,#eafaf1 0%,#f5fef9 100%);border:1.5px solid #27ae60;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInDown}.admin-loading{text-align:center;color:#8a7d73;padding:6rem 2rem;font-size:1.2rem;font-weight:600;animation:.4s fadeIn}@media (max-width:1024px){.admin-container{padding:0 1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.product-form{grid-template-columns:repeat(2,1fr)}.product-form .file-input,.product-form .image-preview{grid-column:span 2}}@media (max-width:768px){.admin-container{padding:0 1rem}.dashboard-header h1{margin-bottom:1rem;font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1.25rem}.admin-tabs{gap:.5rem;margin-bottom:2rem}.admin-tabs button{padding:.875rem 1.25rem;font-size:.85rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:1rem .75rem}.product-form{grid-template-columns:1fr}.product-form .file-input,.product-form .image-preview,.product-form .checkbox{grid-column:span 1}.modal-card{padding:1.5rem}.products-header{flex-direction:column;align-items:stretch}.products-header .btn-view{width:100%}}@media (max-width:480px){.admin-container{padding:0 .75rem}.dashboard-header h1{font-size:1.5rem}.stat-card{padding:1.5rem 1rem}.stat-number{font-size:clamp(1.5rem,3vw,2.25rem)}.admin-tabs{margin-bottom:1.5rem}.admin-table{font-size:.75rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.btn-view,.btn-delete{padding:.5rem .75rem;font-size:.75rem}.modal-header{flex-direction:column;align-items:flex-start;gap:1rem}.modal-close{align-self:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.report-filters{margin-bottom:1.5rem}.report-filters .filter-group{flex-direction:column;gap:.5rem;display:flex}.report-filters .filter-group label{color:#8b4513;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.report-chart{background:#fff9;border:1px solid #c4a8824d;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.chart-bar-row{align-items:center;gap:1rem;display:flex}.chart-label{color:#3d2914;text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:160px;font-size:12px;font-weight:600;overflow:hidden}.chart-bar-container{background:#8b451314;border-radius:8px;flex:1;height:32px;position:relative;overflow:hidden}.chart-bar{background:linear-gradient(135deg,#8b4513,#d2691e);border-radius:8px;justify-content:flex-end;align-items:center;min-width:60px;height:100%;padding:0 10px;transition:width .6s cubic-bezier(.23,1,.32,1);display:flex}.chart-bar.product-bar{background:linear-gradient(135deg,#2e7d32,#4caf50)}.chart-bar.hours-bar{background:linear-gradient(135deg,#1565c0,#42a5f5)}.chart-bar-value{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0000004d;font-size:11px;font-weight:700}.chart-meta{color:#8a7d73;white-space:nowrap;min-width:100px;font-size:11px;font-weight:500}.admin-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.admin-tabs button{color:#3d2914;cursor:pointer;white-space:nowrap;background:#ffffff80;border:2px solid #8b451333;border-radius:8px;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;transition:all .3s}.admin-tabs button:hover{background:#8b45131a;border-color:#8b451366;transform:translateY(-1px)}.admin-tabs button.active{color:#f5e6d3;background:linear-gradient(135deg,#8b4513,sienna);border-color:#8b4513;box-shadow:0 4px 12px #8b45134d}@media (max-width:768px){.chart-bar-row{flex-direction:column;align-items:stretch;gap:.25rem}.chart-label{min-width:unset;text-align:left}.chart-meta{min-width:unset;text-align:right}.admin-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.admin-tabs button{flex-shrink:0}}.admin-product-form{background:#fff;border-radius:8px;max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 2px 10px #0000001a}.admin-product-form h2{color:#333;text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#ff6b35;outline:none}.form-group input[type=file]{padding:.5rem}.image-preview{text-align:center;margin-top:1rem}.image-preview img{border-radius:8px;max-width:100%;max-height:300px;box-shadow:0 2px 8px #0000001a}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row.checkboxes{align-items:center;gap:2rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.btn-submit{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:4px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background .3s}.btn-submit:hover:not(:disabled){background:#e55a28}.btn-submit:disabled{cursor:not-allowed;background:#ccc}@media (max-width:768px){.admin-product-form{padding:1rem}.form-row{grid-template-columns:1fr}}:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#f9fafb;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--danger-hover:#b91c1c;--ring:0 0 0 3px #2563eb33;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-sm:0 2px 10px #0206170a;--shadow-md:0 12px 30px #02061714;--transition:.18s ease}.admin-products{max-width:1240px;color:var(--text);background:var(--bg);min-height:100dvh;margin:0 auto;padding:24px}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);line-height:1.2}.admin-user{color:var(--text-muted);margin:6px 0 0;font-size:.95rem}.btn-add-new,.btn-edit,.btn-delete{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition),background var(--transition),box-shadow var(--transition),border-color var(--transition),color var(--transition);border:1px solid #0000;font-weight:600}.btn-add-new{background:var(--primary);color:#fff;min-height:42px;box-shadow:var(--shadow-sm);padding:10px 14px}.btn-add-new:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-add-new:focus-visible{box-shadow:var(--ring);outline:none}.product-actions{gap:8px;margin-top:10px;display:flex}.btn-edit,.btn-delete{flex:1;min-height:38px;font-size:.9rem}.btn-edit{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.btn-edit:hover{background:#dbeafe}.btn-edit:focus-visible{box-shadow:var(--ring);outline:none}.btn-delete{color:var(--danger);background:#fef2f2;border-color:#fecaca}.btn-delete:hover{color:var(--danger-hover);background:#fee2e2}.btn-delete:focus-visible{outline:none;box-shadow:0 0 0 3px #dc262633}.products-filter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:12px;display:flex}.products-filter button{border:1px solid var(--border);background:var(--surface-2);color:#334155;cursor:pointer;transition:all var(--transition);border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:600}.products-filter button:hover{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.products-filter button.active{color:#fff;background:#111827;border-color:#111827}.products-filter button:focus-visible{box-shadow:var(--ring);outline:none}.products-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px;display:grid}.product-admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);overflow:hidden}.product-admin-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.product-image{border-bottom:1px solid var(--border);background:#eef2f7;place-items:center;height:170px;display:grid}.product-image img{object-fit:cover;width:100%;height:100%}.no-image{color:var(--text-muted);font-size:.9rem}.product-details{padding:12px 12px 14px}.product-details h3{letter-spacing:-.01em;margin:0 0 6px;font-size:1rem;line-height:1.35}.category{color:var(--text-muted);text-transform:capitalize;margin:0 0 6px;font-size:.86rem}.price{color:#0b1324;margin:0;font-size:1.05rem;font-weight:700}.no-products{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);text-align:center;margin-top:14px;padding:20px}@media (max-width:900px){.admin-products{padding:16px}}@media (max-width:640px){.admin-header{flex-direction:column;align-items:stretch}.btn-add-new{width:100%}.products-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(760px,100%);max-height:92vh;box-shadow:var(--shadow-md);overflow:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-header h2{letter-spacing:-.01em;margin:0;font-size:1.05rem}.modal-close{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;width:34px;height:34px}.modal-close:hover{background:#f8fafc}.modal-close:focus-visible{box-shadow:var(--ring);outline:none}.modal-body{padding:16px}@media (max-width:640px){.modal-card{max-height:95vh}.modal-body{padding:12px}}*{box-sizing:border-box;margin:0;padding:0}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}main{padding-top:80px}:root{--profile-bg:#f8ecd7;--profile-surface:#fff8ed;--profile-text:#4b2e13;--profile-muted:#a07c53;--profile-wood:#6b3a1c;--profile-gold:#c9a14a;--profile-brand:#b55327;--profile-brand-hover:#8a3b1a;--profile-radius:12px;--profile-shadow:0 6px 20px #6b3a1c21}.profile-container{background:var(--profile-surface);border-radius:var(--profile-radius);max-width:420px;box-shadow:var(--profile-shadow);color:var(--profile-text);margin:40px auto;padding:32px 28px 28px;font-family:Segoe UI,Arial,Helvetica Neue,Helvetica,sans-serif}.profile-title{color:var(--profile-wood);letter-spacing:1px;text-align:center;margin-bottom:24px;font-size:2rem;font-weight:700}.profile-details>div{align-items:center;gap:10px;margin-bottom:18px;display:flex}.profile-label{color:var(--profile-muted);min-width:70px;font-weight:600;display:inline-block}.profile-value{color:var(--profile-text);font-size:1.05rem}.profile-btn{background:var(--profile-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:10px;margin-right:10px;padding:10px 22px;font-size:1rem;font-weight:600;transition:background .2s;box-shadow:0 2px 8px #6b3a1c1a}.profile-btn:hover,.profile-btn:focus{background:var(--profile-brand-hover)}.profile-btn-cancel{color:var(--profile-brand);border:1.5px solid var(--profile-brand);background:#fff}.profile-btn-cancel:hover,.profile-btn-cancel:focus{color:var(--profile-brand-hover);border-color:var(--profile-brand-hover);background:#f8ecd7}.profile-form>div{flex-direction:column;margin-bottom:18px;display:flex}.profile-input{border:1.5px solid var(--profile-wood);color:var(--profile-text);background:#fff;border-radius:6px;margin-top:4px;padding:8px 12px;font-size:1rem;transition:border .2s}.profile-input:focus{border-color:var(--profile-brand);outline:none}.profile-actions{gap:10px;display:flex}.profile-error{color:#fff;text-align:center;background:#b55327;border-radius:8px;margin-bottom:18px;padding:10px 16px}.profile-loading{color:var(--profile-muted);text-align:center;padding:40px 0;font-size:1.1rem}@media (max-width:600px){.profile-container{padding:18px 6vw}.profile-title{font-size:1.4rem}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{margin:0;padding:0;font-family:Inter,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}