.ui-button{cursor:pointer;border:none;border-radius:16px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .25s}.ui-button:hover{transform:translateY(-2px)}.ui-button.primary{color:#000;background-color:#b0ffe7}.ui-button.secondary{color:#000;background-color:#e5e5e5}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button.tertiary{color:#000;background-color:#dffaf1}.ui-button.tertiary:hover{background-color:#cff5e8}.ui-input{box-sizing:border-box;background-color:#fff;border:2px solid #95ffef;border-radius:16px;outline:none;width:100%;padding:16px;font-size:16px;transition:all .2s}.ui-input:focus{border-color:#b0ffe7;box-shadow:0 0 0 4px #b0ffe740}.ui-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #ffffff4d;border-radius:28px;padding:28px;transition:all .25s;box-shadow:0 10px 40px #00000014}.ui-card:hover{transform:translateY(-2px)}.modal-overlay{z-index:999;background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:28px;width:90%;max-width:420px;padding:32px;box-shadow:0 20px 60px #0003}.modal-body{margin-top:16px;margin-bottom:24px;line-height:1.6}.modal-close-button{cursor:pointer;background-color:#b0ffe7;border:none;border-radius:14px;padding:14px 24px;font-weight:600}.modal-open{animation:.2s forwards modalFadeIn}.modal-close{animation:50ms forwards modalFadeOut}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.98)}}body{background-color:#e7f8ff;margin:0;font-family:Arial}h1{text-align:center;padding:20px}.landing-title{color:#fff;text-shadow:0 4px 20px #0009;letter-spacing:2px;font-family:Allura,cursive;font-size:130px;font-weight:700}.landing-subtitle{opacity:.9;letter-spacing:.5px;font-family:Allura,cursive;font-size:50px;font-weight:700}.landing-page{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.landing-page:before{content:"";z-index:1;background-color:#00000073;position:absolute;inset:0}.landing-overlay{color:#fff;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex}.enter-button{color:#000;background-color:#86ffdb;border-radius:999px;padding:16px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-block}.enter-button:hover{background-color:#fff;transform:scale(1.08)}.landing-access-box{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:28px;flex-direction:column;gap:18px;width:360px;padding:36px;display:flex;position:absolute;bottom:6%;right:4%;box-shadow:0 10px 40px #00000059}.landing-access-text{color:#ffffffe6;text-align:left;letter-spacing:.5px;font-family:Arial,sans-serif;font-size:17px;font-weight:300;line-height:1.7}@media (width<=768px){.landing-title{font-size:46px}.landing-subtitle{text-align:center;padding:20px;font-size:28px;font-weight:300}.enter-button{padding:14px 28px;font-size:16px}.landing-access-box{width:80%;margin-top:30px;margin-bottom:10px;padding:20px;position:static;transform:none}.landing-access-text{text-align:center;font-size:12px;font-weight:500}.landing-overlay{gap:0;padding-top:180px}}.menu-layout{height:calc(100vh - 180px);display:flex}.sidebar{background-color:#fff;border-right:1px solid #ddd;flex-direction:column;width:150px;display:flex}.category-button{color:#000;cursor:pointer;background:0 0;border:none;padding:20px 10px;font-size:16px;font-weight:700;text-decoration:none}.category-button:hover{background-color:#a4fce2}.menu-title-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff26;border-radius:24px;width:fit-content;margin:30px auto;padding:0 42px;box-shadow:0 8px 32px #0003}.menu-title{color:#fff;letter-spacing:2px;margin:0;font-family:allura,cursive;font-size:54px;font-weight:400}.food-section{flex:1;padding:20px 20px 150px;overflow-y:auto}.food-info{flex-direction:column;gap:12px;display:flex}.food-image{object-fit:cover;border-radius:16px;width:140px;height:140px;transition:transform .25s}.food-card:hover .food-image{transform:scale(1.05)}.food-card{cursor:pointer;background-color:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex}.food-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.food-card button{color:#000;background-color:#b0ffe7;border:none;border-radius:8px;width:72px;height:36px;padding:8px 12px;text-decoration:none}.animate{animation:.3s pop}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (width<=768px){.menu-layout{height:auto;min-height:100vh;display:flex}.menu-title-box{border-radius:18px;margin:40px auto;padding:5px 24px}.menu-title{letter-spacing:1px;text-align:center;font-size:34px}.sidebar{background-color:#fff;flex-direction:column;flex-shrink:0;align-items:center;width:95px;height:100vh;padding-top:20px;padding-bottom:70px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar button{border-radius:16px;width:80px;height:70px;margin-bottom:14px;padding:8px;font-size:14px}.food-card{border-radius:20px;justify-content:space-between;align-items:flex-start;padding:14px;display:flex}.food-card img{border-radius:16px;align-self:center;width:90px;height:90px}.food-info{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.food-info h2{margin-top:0;margin-bottom:8px}.food-info button{margin-top:6px}.food-section{flex:1;min-height:0;overflow-y:auto}.food-card button{border-radius:12px;padding:10px 18px;font-size:16px}.food-info p{margin:0}.category-button{text-align:center;word-break:break-word;justify-content:center;align-items:center;width:72px;height:72px;font-size:clamp(11px,2vw,16px);line-height:1.1;display:flex}}.checkout-page{background-color:#eefffa;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.checkout-steps{width:100%;max-width:900px;margin:0 auto 40px}.checkout-progress-row{justify-content:space-between;align-items:center;display:flex}.checkout-label-row{justify-content:space-between;margin-top:16px;padding:0 6px;display:flex}.checkout-label-row p{text-align:center;width:64px;font-size:18px;font-weight:600}.step{opacity:.4;flex-direction:column;align-items:center;gap:10px;transition:all .25s;display:flex}.step span{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 18px #00000014}.step p{margin:0;font-family:Arial,sans-serif;font-size:15px;font-weight:600}.step-wrapper{flex:1;align-items:center;display:flex}.step-line{background-color:#d8d8d8;flex:1;height:4px;margin:0 12px}.step-circle{background-color:#dcdcdc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:500;display:flex}.active-step{background-color:#b0ffe7}.active-step span{color:#000;background-color:#9afddf}.checkout-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:28px;width:100%;max-width:700px;padding:40px;box-shadow:0 10px 40px #00000014}.checkout-content h2{margin-top:0;margin-bottom:30px;font-size:32px;font-weight:700}.checkout-buttons{gap:24px;margin-top:24px;display:flex}.checkout-content p{font-size:17px;line-height:1.8}.reservation-date-row{align-items:center;gap:20px;display:flex}.selected-time-box{text-align:center;background-color:#b0ffe7;border-radius:16px;min-width:140px;padding:16px 20px;font-weight:600}.time-slots{flex-wrap:wrap;gap:12px;margin-top:24px;margin-bottom:40px;display:flex}.time-slot{cursor:pointer;background-color:#eafff9;border:none;border-radius:14px;padding:12px 18px;transition:all .2s}.time-slot:hover{transform:translateY(-2px)}.selected-slot{background-color:#85fbd8;font-weight:700;transform:scale(1.05)}@media (width<=768px){.checkout-steps{gap:10px}.step span{width:42px;height:42px;font-size:16px}.step-circle{width:48px;height:48px}.step p{font-size:12px}.checkout-content{padding:24px}.checkout-content h2{font-size:26px}}.admin-page{background-color:#fff5f7;min-height:100vh;padding:20px}.order-card{background-color:#fff;border-radius:12px;margin-bottom:15px;padding:15px}.order-time{color:gray;margin-left:10px;font-size:14px;font-weight:400}.complete-button{cursor:pointer;background-color:#ffb6c1;border:none;border-radius:10px;margin-top:12px;padding:10px 16px;font-weight:700;transition:all .2s}.complete-button:hover{background-color:#ff8fab}.generate-code-button{cursor:pointer;background-color:#ffb6c1;border:none;border-radius:12px;margin-bottom:24px;padding:12px 20px;font-weight:700;transition:all .2s}.generate-code-button:hover{background-color:#ff8fab;transform:translateY(-2px)}.waitlist-card{background:#fff;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 16px #00000014}.waitlist-actions{gap:12px;margin-top:12px;display:flex}.approve-button{cursor:pointer;background-color:#b8f2c2;border:none;border-radius:12px;padding:10px 18px;font-weight:600}.decline-button{cursor:pointer;background-color:#ffd2d2;border:none;border-radius:12px;padding:10px 18px;font-weight:600}.generate-guest-button{cursor:pointer;background-color:#ffe0a8;border:none;border-radius:14px;margin-left:12px;padding:12px 20px;font-weight:600;transition:all .2s}.generate-guest-button:hover{background-color:#ffd27c;transform:translateY(-2px)}.admin-login-page{background-color:#fff5f7;justify-content:center;align-items:center;height:100vh;display:flex}.admin-login-box{background:#fff;border-radius:20px;flex-direction:column;gap:16px;margin-top:-180px;padding:40px;display:flex;box-shadow:0 10px 30px #0000001a}.admin-login-box input{border:1px solid #ddd;border-radius:10px;padding:12px;font-size:16px}.admin-login-box button{cursor:pointer;background-color:#ffb6c1;border:none;border-radius:10px;padding:12px;font-weight:700;transition:all .2s}.admin-login-box button:hover:not(:disabled){background-color:#ff8fab;transform:translateY(-1px)}.admin-login-box button:disabled{cursor:not-allowed;background-color:#f0d4d9}.admin-login-error{color:#c44;text-align:center;margin:0;font-size:14px}.admin-topbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-user-email{color:#555;font-size:14px}.admin-signout-button{cursor:pointer;background-color:#ffd2d2;border:none;border-radius:10px;padding:8px 16px;font-weight:600;transition:all .2s}.admin-signout-button:hover{background-color:#ffb3b3;transform:translateY(-1px)}@media (width<=768px){.generate-code-button,.generate-guest-button{box-sizing:border-box;justify-content:center;align-items:center;width:calc(50% - 10px);margin:0;padding:12px 10px;font-size:.95rem;display:inline-flex}.generate-code-button{margin-right:8px}}.cart-header{cursor:pointer;gap:24px;display:flex}.cart-bar{background-color:#fff;border-top:1px solid #ddd;width:100%;max-height:40%;padding:10px;position:fixed;bottom:0;overflow-y:scroll}.cart-item{justify-content:space-between;align-items:center;display:flex}.cart-item button{margin-right:30px}.cart-toggle-button{cursor:pointer;background-color:#b0ffe7;border:none;border-radius:10px;align-self:center;height:50%;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s}.cart-toggle-button:hover{background-color:#5fffcf;transform:translateY(-2px)}.place-order-button{color:#000;cursor:pointer;background-color:#b0ffe7;border:none;border-radius:10px;width:99%;margin-top:10px;padding:12px;font-size:16px;font-weight:700;text-decoration:none}.place-order-button:hover{background-color:#5fffcf}.total-price{text-align:right;margin-top:15px;margin-right:30px}@media (width<=768px){.place-order-button{width:95%}}