.App{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--peach-pastel: #FFD8BE;--mint-soft: #CDE7D8;--vanilla-light: #FFF5E1;--chocolate-light: #C7A17A;--white-pure: #FFFFFF;--text-dark: #2c2c2c;--text-light: #666}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--vanilla-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--vanilla-light) 0%,var(--peach-pastel) 100%);display:flex;justify-content:center;align-items:center;z-index:9999}.crepe-animation{width:200px;height:200px;position:relative}.crepe-svg{width:100%;height:100%;animation:crepeOpen 3s ease-in-out forwards}@keyframes crepeOpen{0%{transform:scale(.5) rotate(-180deg);opacity:0}50%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.2) rotate(0);opacity:0}}.header{background:var(--white-pure);box-shadow:0 2px 20px #0000001a;position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:2rem;font-weight:700;color:var(--chocolate-light);text-decoration:none}.nav{display:flex;list-style:none;gap:2rem}.nav a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s ease}.nav a:hover{color:var(--chocolate-light)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--chocolate-light)}.mobile-menu a{display:block;text-align:center;padding:.75rem 0;text-decoration:none;color:var(--text-dark);font-weight:500;transition:background-color .3s ease}.mobile-menu a:hover{background-color:var(--vanilla-light)}.hero{background:linear-gradient(135deg,var(--peach-pastel) 0%,var(--mint-soft) 100%);min-height:100vh;display:flex;align-items:center;text-align:center;padding-top:80px}.hero-content h1{font-size:3.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.hero-content p{font-size:1.5rem;color:var(--text-light);margin-bottom:2rem}.cta-button{background:var(--chocolate-light);color:var(--white-pure);padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.cta-button:hover{background:#b8956a;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.menu-section{padding:5rem 0;background:var(--white-pure)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--chocolate-light);margin-bottom:3rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.menu-category{background:var(--vanilla-light);padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.category-title{font-size:1.5rem;font-weight:600;color:var(--chocolate-light);margin-bottom:1.5rem;text-align:center}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--peach-pastel)}.menu-item:last-child{border-bottom:none}.item-name{font-weight:500;color:var(--text-dark)}.item-price{font-weight:600;color:var(--chocolate-light)}.schedule{background:var(--mint-soft);padding:2rem;border-radius:20px;text-align:center;margin-top:2rem}.schedule h3{font-size:1.5rem;color:var(--chocolate-light);margin-bottom:1rem}.schedule p{font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.gallery-section{padding:5rem 0;background:var(--vanilla-light)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.gallery-item{aspect-ratio:1;background:var(--peach-pastel);border-radius:20px;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--chocolate-light)}.contact-section{padding:5rem 0;background:var(--white-pure)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.contact-info{background:var(--mint-soft);padding:2rem;border-radius:20px}.contact-info h3{font-size:1.5rem;color:var(--chocolate-light);margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--text-dark)}.contact-item svg{color:var(--chocolate-light)}.map-container{background:var(--peach-pastel);border-radius:20px;height:300px;display:flex;align-items:center;justify-content:center;color:var(--chocolate-light);font-size:1.2rem}.footer{background:var(--chocolate-light);color:var(--white-pure);text-align:center;padding:2rem 0}.footer a{color:var(--peach-pastel);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.admin-container{min-height:100vh;background:var(--vanilla-light);padding:2rem 0}.admin-header{background:var(--white-pure);padding:1rem 0;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.admin-title{font-size:2rem;color:var(--chocolate-light);text-align:center}.login-form{max-width:400px;margin:5rem auto;background:var(--white-pure);padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-dark)}.form-group input{width:100%;padding:.75rem;border:2px solid var(--peach-pastel);border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--chocolate-light)}.admin-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.admin-category{background:var(--white-pure);padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a}.add-item-btn{background:var(--mint-soft);color:var(--text-dark);border:none;padding:.5rem 1rem;border-radius:10px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}.add-item-btn:hover{background:#b8d4c4}.admin-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--peach-pastel)}.admin-item input{border:1px solid var(--peach-pastel);border-radius:5px;padding:.25rem;margin:0 .5rem}.delete-btn{background:#ff6b6b;color:#fff;border:none;padding:.25rem .5rem;border-radius:5px;cursor:pointer;font-size:.8rem}.logout-btn{background:var(--chocolate-light);color:var(--white-pure);border:none;padding:.5rem 1rem;border-radius:10px;cursor:pointer;margin-bottom:2rem}.add-category-btn{display:block;width:100%;background:var(--mint-soft);color:var(--text-dark);border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;margin-top:2rem;font-size:1rem;font-weight:500;transition:background-color .3s ease}.add-category-btn:hover{background:#b8d4c4}.delete-category-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem;transition:color .3s ease}.delete-category-btn:hover{color:#c0392b}.login-form-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:var(--secondary-bg-color)}.login-box{background-color:#fff;padding:2rem 3rem;border-radius:10px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;max-width:400px}.login-box .admin-title{margin-bottom:1.5rem;color:var(--primary-color);font-size:2rem;font-weight:700}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.login-form .cta-button{width:100%;padding:.75rem;font-size:1.1rem;font-weight:600}.error-message{color:#ff4d4d;margin-top:1rem;font-size:.9rem}@media (max-width: 768px){.nav{display:none}.mobile-menu-btn{display:block}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.menu-grid,.contact-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.container{padding:0 15px}.hero-content h1,.section-title{font-size:2rem}}