*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Nunito Sans,sans-serif}body{background-color:#fefefe;width:100%;min-height:100vh}.home{width:100%;height:100vh;background-image:linear-gradient(145deg,#5dae6f,#2c5f3a 57%,#1a3d26);position:relative;overflow-x:hidden;overflow-y:hidden}header{width:100%;height:150px;display:flex;align-items:center;justify-content:space-between;gap:0px;position:absolute;z-index:999}.logo{width:120px;height:120px;border-radius:10px;margin-left:10%}.nvgtn-btn{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-right:150px}.nvgtn ul{display:flex;justify-content:space-between;align-items:center;gap:30px}.nvgtn ul li{color:#fff;list-style:none}.nvgtn ul li:hover{transition:.3s ease}.nvgtn ul li a{padding:5px;font-weight:700;font-size:18px;color:#fff;text-decoration:none}.nvgtn ul li a:hover{transition:.3s ease;text-decoration:5px solid red underline;text-underline-offset:10px}.btn{width:60px;height:25px;padding:0;border-radius:5px;color:#fff;font-style:italic;border:2px solid white;font-family:Comfortaa,cursive;cursor:pointer;background-color:#cb0701}.btn:hover{transition:.3s ease;color:#000}.intro{position:relative;top:83px;width:95vw;height:80vh;margin:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:0}.intro-left{position:absolute;width:60%;padding-left:100px;display:flex;flex-direction:column;justify-content:center;align-items:start;z-index:2}.intro-right{position:relative;left:50%;top:0%;width:45%;z-index:1}.intro-left h2{color:#fff;font-size:60px;font-family:Comfortaa,cursive}.intro-left p{padding:10px;color:#fff;font-size:20px;font-family:Nunito Sans,sans-serif}.intro-left-btn{border-style:none;border-radius:10px;margin-left:10px;width:250px;height:60px;font-family:Comfortaa,cursive;background:linear-gradient(135deg,#5dae6f,#2c5f3a);cursor:pointer;box-shadow:0 6px 10px #5dae6f4d;transition:all .3s ease}.intro-left-btn:hover{background:linear-gradient(135deg,#347746,#225835);box-shadow:0 20px 30px #5dae6f80,0 0 20px #5dae6f4d}.intro-left-btn a{color:#fff;text-decoration:none;font-size:25px;padding:20px}.about{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;background-color:#fefefe;padding-bottom:0}.about-view{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;width:100%}.about-top{color:#2c5f3a;padding:35px 20% 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about-top p{font-size:larger;padding:20px;opacity:.6;font-family:Nunito Sans,sans-serif}.about-top h2{font-size:35px;font-family:Comfortaa,cursive}.about-bottom{background-color:#fefefe;width:100%;display:flex;justify-content:center;align-items:flex-end}.image{width:100%;height:auto;object-fit:contain;position:relative}.features{width:100%;height:auto;background:linear-gradient(135deg,#fefefe,#f5f7fa)}.features{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f5f7fa)}.first{width:80vw;height:auto;padding:50px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa)}.left{width:70%;height:auto;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa)}.left h2{padding:20px 20px 10px;font-size:50px;font-family:Comfortaa,cursive;color:#2c5f3a;text-shadow:0 2px 4px rgba(93,174,111,.1)}.left p{padding:20px 20px 10px;font-size:25px;line-height:1.5;font-family:Nunito Sans,sans-serif;color:#5dae6f;font-weight:500}.right{width:70%;height:auto;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa)}.features-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.features-content P{font-size:x-large;font-family:Nunito Sans,sans-serif;color:#5dae6f;font-weight:500}.features-content img,h2,p{padding:10px}.features-content h2{font-size:24px;font-weight:700;color:#2c5f3a;margin-bottom:10px;font-family:Comfortaa,cursive;text-shadow:0 2px 4px rgba(93,174,111,.1)}.features-content p{font-size:18px;color:#5dae6f;font-weight:500;line-height:1.6;margin-bottom:15px}.numbers{width:80vw;height:auto;padding:50px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa)}.numbers-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#fefefe,#f8f9fa);padding:20px;border-radius:15px;box-shadow:0 4px 15px #5dae6f1a}.numbers-content h2{font-size:xx-large;font-family:Comfortaa,cursive;color:#2c5f3a;margin-bottom:10px}.numbers-content p{font-size:x-large;font-family:Nunito Sans,sans-serif;color:#5dae6f;font-weight:500}.numbers-content img,h2,p{padding:10px}.number-char{display:flex;justify-content:center;align-items:center}.number-char p{font-size:30px;font-weight:900;text-align:start;font-family:Comfortaa,cursive;color:#2c5f3a;text-shadow:0 2px 4px rgba(93,174,111,.2)}.logoss{width:90vw;position:relative;bottom:0;left:0;right:0;padding:20px 0;color:#fff;background:linear-gradient(135deg,#5dae6f,#2c5f3a);border-radius:15px 15px 0 0;margin-top:20px}.bottom{width:100%;height:auto;background:linear-gradient(135deg,#5dae6f,#2c5f3a,#1a3d26);box-shadow:0 -4px 20px #5dae6f4d}.sub{color:#fff;text-align:center;padding:100px 0 50px}.sub h2{font-size:xx-large;padding:30px 10px;font-family:Comfortaa,cursive;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sub p{padding:30px 10px;opacity:.8;font-family:Nunito Sans,sans-serif;font-weight:500}.sub span input,button{height:50px;border-style:none}input{border-radius:5px 0 0 5px;outline-color:#5dae6f;font-family:Nunito Sans,sans-serif;border:1px solid #e0e0e0;transition:all .3s ease}input:focus{border-style:none}.btn2{border-radius:0 5px 5px 0;background:linear-gradient(135deg,#5dae6f,#2c5f3a);padding:10px;cursor:pointer;font-weight:700;font-family:Comfortaa,cursive;transition:all .3s ease;box-shadow:0 2px 8px #5dae6f33}.btn2:hover{transition:.3s ease;background:linear-gradient(135deg,#2c5f3a,#1a3d26);color:#fff;padding:10px;transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f66}.footer{width:100%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#2c5f3a,#1a3d26);padding:20px 0}.A{width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-bottom:20px;text-align:center;gap:20px}.A a{text-decoration:none;font-size:large;color:#fff;opacity:.8;font-family:Nunito Sans,sans-serif;text-align:center;transition:all .3s ease;padding:5px 10px;border-radius:5px}.A a:hover{opacity:1;background:#ffffff1a;transform:translateY(-2px)}.hidden{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.visible{opacity:1;transform:translateY(0)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:50%;height:auto;max-width:400px;position:relative;animation:modalOpen .5s ease-out}@keyframes modalOpen{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}.modal-content form{display:flex;flex-direction:column;gap:10px}.modal-content input{padding:10px;font-size:16px;font-family:Nunito Sans,sans-serif}.modal-content button{padding:10px;font-size:16px;background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Comfortaa,cursive;margin-top:10px;transition:.3s ease;font-weight:700;box-shadow:0 2px 8px #5dae6f4d}.modal-content button:hover{transition:.3s ease;background:linear-gradient(135deg,#2c5f3a,#1a3d26);color:#fff;padding:10px;transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f66}.toggle-modal{margin-top:10px;font-size:14px;font-family:Nunito Sans,sans-serif}.toggle-modal a{color:#5dae6f;cursor:pointer}@media (max-width: 1000px){.hamburger{width:35px;height:25px;font-size:25px;position:absolute;right:20px;top:25px;border-radius:10px;border-style:none;color:#fff;background-color:#000ac000;font-weight:bolder;z-index:1001}.hamburger:hover{transition:.3s ease;font-weight:lighter;color:#000}.hamburger:focus+.nvgtn-btn{display:flex;animation:slideInRight .5s ease-in-out}@keyframes slideInRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}header{width:100%;margin:0;height:120px;position:relative}.nvgtn-btn{width:100%;height:100vh;display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:0;top:0;background:linear-gradient(135deg,#5dae6f,#2c5f3a);z-index:1000}.nvgtn-btn.active{display:flex;animation:slideInRight .5s ease-in-out forwards}.nvgtn-btn.inactive{animation:slideOutRight .5s ease-in-out forwards}.nvgtn{width:100%;height:100vh;background:transparent;position:absolute}.nvgtn ul{margin-top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.nvgtn ul li a{margin:15px 0;text-decoration:none;font-size:20px;font-weight:600}.logo{width:80px;height:80px;margin:0;position:absolute;left:20px;top:20px}.btn{position:absolute;top:120px;right:20px}.home{height:100vh}.intro{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.intro-right{background-image:url(assets/screen1.webp);background-size:contain;background-repeat:no-repeat;border-radius:20px;width:90vw;height:100%;position:absolute;top:90px;left:50%;filter:blur(1px)}.intro-left{position:absolute;width:60%;padding-left:0;margin-left:0;display:flex;flex-direction:column;justify-content:center;align-items:start;z-index:2}.intro-left h2{color:#fff;font-size:40px}.intro-left p{padding:10px;color:#fff;font-size:20px}.about-top{padding:35px 15px 30px}.about-top h2{font-size:20px}.about-top p{font-size:15px}.first{width:100%;height:auto;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa);gap:50px}.firstt{margin:20px 0}.left{width:90%;height:auto;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa);text-align:center}.left h2,.left p{padding:20px 20px 10px;font-size:30px}.right{width:90%;height:auto;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa)}.numbers{width:100%;height:auto;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#f8f9fa);gap:50px}.footer{width:100%;text-align:center;display:flex;justify-content:center}.A{width:90vw;display:flex;justify-content:space-around;align-items:center;padding-bottom:80px}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;height:60%;position:relative;animation:modalOpen .5s ease-out}}@media (min-width: 1001px){.hamburger{display:none}}.menu-container{width:100%;min-height:100vh;background-color:#f9f9f9;display:flex;flex-direction:column;font-family:Nunito Sans,sans-serif}.menu-hero{background-image:linear-gradient(#00000080,#00000080),url(/assets/screen6-CuIydwSG.jpg);background-size:cover;background-position:center;color:#fff;padding:80px 20px;text-align:center;margin-bottom:30px}.menu-hero-content{max-width:800px;margin:0 auto}.menu-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:10px;font-family:Comfortaa,cursive;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.table-info-hero{display:inline-block;background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;padding:8px 20px;border-radius:30px;font-size:16px;font-weight:700;margin:15px 0;box-shadow:0 4px 8px #5dae6f4d}.menu-hero-description{font-size:1.2rem;opacity:.9;margin-top:15px}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:10px 5%;background-color:#fff;border-radius:10px;margin:0 5% 20px;box-shadow:0 4px 12px #00000014}.menu-header h2{font-size:1.8rem;color:#333;font-family:Comfortaa,cursive;margin:0}.menu-actions{display:flex;align-items:center;gap:15px}.cart-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;border:none;padding:10px 18px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 8px #5dae6f4d}.cart-button:hover{background:linear-gradient(135deg,#2c5f3a,#1a3d26);transform:translateY(-2px);box-shadow:0 6px 15px #5dae6f66}.cart-icon{font-size:16px}.cart-count{position:absolute;top:-8px;right:-8px;background-color:#333;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;border:2px solid white}.back-button{background-color:transparent;border:2px solid #5dae6f;color:#5dae6f;padding:10px 18px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f4d}.menu-categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:0 5% 30px}.category-btn{padding:8px 20px;background-color:transparent;border:1px solid #ddd;border-radius:30px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#5dae6f;color:#5dae6f}.category-btn.active{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;border-color:#5dae6f;box-shadow:0 4px 8px #5dae6f4d}.menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:0 5%;margin-bottom:40px}.menu-item{background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.menu-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001f}.menu-item-image{position:relative;width:100%;padding-top:65%;overflow:hidden}.menu-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.menu-item:hover .menu-item-image img{transform:scale(1.1)}.popular-tag{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:2;box-shadow:0 2px 8px #5dae6f4d}.menu-item-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.menu-item-info h3{font-size:18px;font-weight:700;color:#333;margin-bottom:8px;font-family:Comfortaa,cursive}.description{font-size:14px;color:#666;margin-bottom:15px;line-height:1.5;flex-grow:1}.menu-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.price{font-size:18px;font-weight:700;color:#5dae6f}.add-to-cart-btn{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;border:none;padding:8px 15px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px;box-shadow:0 2px 8px #5dae6f4d}.add-to-cart-btn:hover{background:linear-gradient(135deg,#2c5f3a,#1a3d26);transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f66}.add-icon{font-size:16px;font-weight:700}.menu-footer{background-color:#333;color:#fff;text-align:center;padding:30px 20px;margin-top:auto}.menu-footer p{opacity:.8;margin:5px 0}@media (max-width: 768px){.menu-hero h1{font-size:2.5rem}.menu-header{flex-direction:column;gap:15px;padding:15px}.menu-actions{width:100%;justify-content:center}.menu-items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:0 3%}.intro-right{top:180px;left:50%}}@media (max-width: 480px){.menu-hero{padding:60px 15px}.menu-hero h1{font-size:2rem}.menu-items{grid-template-columns:1fr;padding:0 20px}.menu-item-footer{flex-direction:column;gap:10px;align-items:flex-start}.add-to-cart-btn{width:100%;justify-content:center}.intro-right{top:220px;left:50%}}.error-message{color:#f03;font-size:14px;margin-bottom:10px;text-align:center;font-family:Nunito Sans,sans-serif}.footer-login-btn{background:transparent;border:none;text-decoration:none;font-size:large;color:#fff;opacity:.7;font-family:Nunito Sans,sans-serif;cursor:pointer}.footer-login-btn:hover{opacity:1}.cart-container{position:fixed;top:0;right:0;width:350px;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0003;z-index:1000;overflow-y:auto;padding:20px;border-left:1px solid #ddd;transition:all .3s ease}.cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #eee;position:relative}.cart-header h2{font-size:24px;color:#333}.table-number,.table-info{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:700;margin-left:10px;box-shadow:0 2px 8px #5dae6f4d}.table-info{margin:0 10px}.close-cart{background:none;border:none;font-size:20px;cursor:pointer;color:#333}.empty-cart{padding:40px 0;text-align:center;color:#888}.cart-items{margin:15px 0}.cart-item{padding:15px 0;border-bottom:1px solid #eee}.cart-item-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cart-item-info h3{font-size:16px;color:#333;margin:0}.cart-item-price{font-weight:700;color:#5dae6f}.cart-item-actions{display:flex;align-items:center}.quantity-btn{width:30px;height:30px;border:1px solid #ddd;background-color:#fff;font-size:18px;cursor:pointer;border-radius:3px}.item-quantity{margin:0 10px;font-weight:700;min-width:20px;text-align:center}.remove-btn{margin-left:auto;padding:5px 10px;background-color:#f1f1f1;border:none;border-radius:3px;cursor:pointer;color:#666}.cart-summary{padding-top:15px;border-top:1px solid #eee}.cart-total{display:flex;justify-content:space-between;margin-bottom:20px}.place-order-btn{width:100%;padding:12px 0;background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;border:none;border-radius:5px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #5dae6f4d}.place-order-btn:hover{background:linear-gradient(135deg,#2c5f3a,#1a3d26);transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f66}.place-order-btn:disabled{background-color:#4caf50;cursor:default}.order-confirmation{margin:10px 0;text-align:center}.confirmation-buttons{display:flex;gap:10px;margin-top:10px}.confirm-order-btn,.cancel-order-btn{flex:1;padding:10px;border-radius:5px;font-weight:700;cursor:pointer;transition:all .2s}.confirm-order-btn{background-color:#4caf50;color:#fff;border:none}.cancel-order-btn{background-color:#f44336;color:#fff;border:none}.cart-count{position:absolute;top:-10px;right:-10px;background-color:#e91e63;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px}.menu-actions{display:flex;align-items:center}@media (max-width: 768px){.cart-container{width:100%}.menu-actions{width:100%;justify-content:space-between;margin-top:10px}.menu-header{flex-direction:column}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);min-width:250px;max-width:90%;padding:15px 25px;border-radius:8px;box-shadow:0 5px 15px #0003;z-index:9999;animation:slideUp .3s ease,fadeOut .5s ease 2.5s forwards;font-family:Nunito Sans,sans-serif}.toast.success{background-color:#4caf50;color:#fff}.toast.error{background-color:#f44336;color:#fff}.toast.info{background-color:#2196f3;color:#fff}.toast-content{display:flex;align-items:center}.toast-message{font-size:16px;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.admin-login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(145deg,#5dae6f,#2c5f3a,#1a3d26);padding:20px}.admin-login-card{width:100%;max-width:400px;background-color:#fff;border-radius:15px;box-shadow:0 15px 30px #0003;padding:40px}.admin-login-card h2{font-size:28px;color:#333;margin-bottom:30px;text-align:center;font-family:Comfortaa,cursive}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#5dae6f;outline:none;box-shadow:0 0 0 3px #5dae6f1a}.login-error{background-color:#ffebee;color:#f44336;padding:10px 15px;border-radius:5px;margin-bottom:20px;font-size:14px}.admin-login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #5dae6f4d}.admin-login-btn:hover{background:linear-gradient(135deg,#2c5f3a,#1a3d26);transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f66}.admin-dashboard{min-height:100vh;background-color:#f5f7fa;font-family:Nunito Sans,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px 30px;box-shadow:0 2px 10px #0000001a}.admin-header h1{font-family:Comfortaa,cursive;color:#333;font-size:24px;margin:0}.admin-user-info{display:flex;align-items:center;gap:15px}.admin-user-info span{font-size:15px;color:#666}.logout-btn{background-color:transparent;color:#5dae6f;border:1px solid #5dae6f;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s}.logout-btn:hover{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #5dae6f4d}.admin-tabs{display:flex;gap:10px;padding:20px 30px;background-color:#fff;border-bottom:1px solid #eee}.tab-btn{padding:10px 20px;background-color:transparent;border:none;border-radius:5px;cursor:pointer;font-weight:600;color:#666;transition:all .3s}.tab-btn:hover{color:#5dae6f}.tab-btn.active{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;box-shadow:0 2px 8px #5dae6f4d}.admin-content{padding:30px}.order-table-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px}.order-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.order-filters h2{font-size:20px;color:#333;margin:0}.filter-buttons{display:flex;gap:10px}.filter-btn{padding:8px 15px;background-color:#f1f1f1;border:none;border-radius:5px;cursor:pointer;font-size:14px;color:#666}.filter-btn:hover{background-color:#e0e0e0}.filter-btn.active{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;box-shadow:0 2px 8px #5dae6f4d}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border-left:5px solid}.order-card.pending{border-left-color:#ff9800}.order-card.completed{border-left-color:#4caf50}.order-header{padding:15px 20px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.order-header:hover{background-color:#f9f9f9}.order-summary{display:flex;align-items:center;gap:15px}.order-id{font-weight:700;color:#333}.order-table{font-size:14px;color:#666}.order-date{font-size:14px;color:#888}.order-actions{display:flex;align-items:center;gap:15px}.order-total{font-weight:700;color:#5dae6f}.order-status{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.order-status.pending{background-color:#fff3e0;color:#ff9800}.order-status.completed{background-color:#e8f5e9;color:#4caf50}.expand-icon{color:#999}.order-details{padding:20px;background-color:#f9f9f9;border-top:1px solid #eee}.order-details h3{font-size:16px;color:#333;margin:0 0 15px}.items-table{width:100%;border-collapse:collapse;margin-bottom:20px}.items-table th,.items-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.items-table th{font-weight:600;color:#555;background-color:#f1f1f1}.items-table td{color:#666}.total-row{font-weight:700;color:#333}.total-label{text-align:right}.total-value{color:#5dae6f}.order-status-actions{display:flex;justify-content:flex-end;margin-top:15px}.complete-order-btn,.reopen-order-btn{padding:10px 20px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s}.complete-order-btn{background-color:#4caf50;color:#fff}.complete-order-btn:hover{background-color:#388e3c}.reopen-order-btn{background-color:#ff9800;color:#fff}.reopen-order-btn:hover{background-color:#f57c00}.no-orders-message{padding:30px;text-align:center;color:#888;font-size:16px}.order-stats-container{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.order-stats-container h2{font-size:20px;color:#333;margin:0 0 20px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:15px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:24px;color:#5dae6f}.stat-info h3{font-size:14px;color:#666;margin:0 0 5px}.stat-value{font-size:24px;font-weight:700;color:#333;margin:0}.stats-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.popular-tables,.popular-items{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}.popular-tables h3,.popular-items h3{font-size:16px;color:#333;margin:0 0 15px}.stats-list{list-style:none;padding:0;margin:0}.stats-list-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.stats-list-item:last-child{border-bottom:none}.stats-item-name{color:#555;font-weight:500}.stats-item-count{color:#5dae6f;font-weight:600}.no-data{color:#888;text-align:center;padding:20px 0}.footer-buttons{display:flex;gap:10px}.footer-admin-btn{padding:10px 20px;color:#fff;border-radius:5px;cursor:pointer;font-weight:600}@media (max-width: 768px){.admin-header{flex-direction:column;gap:10px;padding:15px}.order-filters{flex-direction:column;align-items:flex-start}.stats-cards,.stats-details{grid-template-columns:1fr}.order-summary,.order-actions{flex-direction:column;align-items:flex-start;gap:5px}.order-header{flex-direction:column;gap:10px}.intro{position:relative;top:20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.hidingsomepoint{display:none}}.product-form-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.product-form-modal-content{background-color:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:550px;position:relative;animation:slideInUp .4s ease}.product-form-modal-content h3{text-align:center;font-family:Comfortaa,cursive;font-size:24px;color:#333;margin:0 0 25px}.close-form-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;cursor:pointer;color:#888}.close-form-btn:hover{color:#333}.product-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#555;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-family:Nunito Sans,sans-serif;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5dae6f;box-shadow:0 0 0 3px #5dae6f1a}.form-group textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-group-checkbox{display:flex;align-items:center;gap:10px}.form-group-checkbox label{margin:0;color:#333;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#5dae6f}.file-input-group .file-input-wrapper{display:flex;align-items:center;gap:15px}.file-input-hidden{display:none}.file-input-label{background-color:#f5f7fa;border:1px dashed #ccc;border-radius:8px;padding:12px 18px;cursor:pointer;color:#555;transition:background-color .3s,border-color .3s;flex-grow:1;text-align:center}.file-input-label:hover{background-color:#eef1f5;border-color:#5dae6f}.image-preview{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid #eee}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:15px;padding-top:20px;border-top:1px solid #eee}.btn-cancel,.btn-submit{padding:12px 25px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.btn-cancel{background-color:#f1f1f1;color:#333}.btn-cancel:hover{background-color:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #5dae6f4d}.btn-submit:hover{background:linear-gradient(135deg,#2c5f3a,#1a3d26);box-shadow:0 4px 15px #5dae6f66;transform:translateY(-2px)}.btn-submit:disabled{background-color:#ccc;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.product-management{padding:20px;background-color:#f9f9f9;border-radius:10px}.product-management h2{font-family:Comfortaa,cursive;font-size:22px;color:#333;margin:0 0 20px}.add-new-btn{background:linear-gradient(135deg,#5dae6f,#2c5f3a);color:#fff;padding:12px 25px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:30px;transition:all .3s ease;box-shadow:0 2px 8px #5dae6f4d}.add-new-btn:hover{background:linear-gradient(135deg,#2c5f3a,#1a3d26);box-shadow:0 4px 15px #5dae6f66;transform:translateY(-2px)}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px}.product-list-item{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.product-list-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-list-item img{width:100%;height:200px;object-fit:cover}.product-details{padding:15px;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.product-details h4{font-size:18px;font-weight:700;color:#333;margin:0 0 5px}.product-details p{font-size:16px;font-weight:600;color:#5dae6f;margin:0}.product-actions{display:flex;gap:10px;padding:0 15px 15px;margin-top:auto}.product-actions button{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.product-actions button:first-child{background-color:#eef1f5;color:#333}.product-actions button:first-child:hover{background-color:#dbe1e8}.product-actions button:last-child{background-color:#ffebee;color:#f44336}.product-actions button:last-child:hover{background-color:#ffcdd2}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-family:Nunito Sans,sans-serif;background-color:#fff;transition:border-color .3s,box-shadow .3s;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px 12px}.form-group select:focus{outline:none;border-color:#5dae6f;box-shadow:0 0 0 3px #5dae6f1a}.form-group select option{padding:10px}.form-group select option[value=addNew]{font-style:italic;font-weight:600;color:#5dae6f}.audio-permission-banner{background-color:#fff3e0;color:#ff9800;padding:15px 20px;margin:0 30px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ffcc80}.audio-permission-banner p{margin:0;font-weight:500}.audio-permission-banner button{background-color:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s}.audio-permission-banner button:hover{background-color:#f57c00}.contact-form{height:50px}