:root{--main-color: #c9a962;--main-color-dark: #a68b4a;--primary-dark: #1a3a2f;--primary-dark-light: #2d5a4a;--text-dark: #1a3a2f;--text-light: #fff;--bg-light: #f5f5f0;--bg-white: #fff;--success: #4BB543;--danger: #dc3545;--shadow: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--radius: 12px;--radius-sm: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;background:var(--bg-light);color:var(--text-dark);min-height:100vh}#app{min-height:100vh}h1,h2,h3,h4{font-weight:600;color:var(--text-dark)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.page-container{min-height:100vh;display:flex;flex-direction:column}.content-container{flex:1;padding:1rem;max-width:1200px;margin:0 auto;width:100%}.header{background:linear-gradient(135deg,var(--primary-dark),var(--primary-dark-light));padding:1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-title{color:var(--text-light);font-size:1.25rem;font-weight:600;text-align:center;flex:1}.header-btn{background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);min-width:44px}.header-btn:hover{transform:scale(1.1)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--main-color),var(--main-color-dark));color:var(--text-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-success{background:var(--success);color:var(--text-light)}.btn-danger{background:var(--danger);color:var(--text-light)}.btn-outline{background:transparent;border:2px solid var(--main-color);color:var(--main-color)}.btn-outline:hover{background:var(--main-color);color:var(--text-light)}.btn-circle{width:50px;height:50px;border-radius:50%;padding:0}.btn-circle.large{width:60px;height:60px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-input{width:100%;padding:1rem;border:2px solid #ddd;border-radius:var(--radius);font-size:1rem;font-family:inherit;transition:var(--transition);background:var(--bg-white)}.form-input:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px #f2ccb133}.card{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card-image{width:100%;height:180px;object-fit:cover}.card-body{padding:1rem}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.card-text{color:#666;font-size:.9rem}.food-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-white);box-shadow:var(--shadow);transition:var(--transition)}.food-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.food-image{width:100%;height:200px;object-fit:cover}.food-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:var(--text-light);padding:2rem 1rem 1rem;text-align:center;font-weight:600}.food-price{position:absolute;top:.75rem;left:.75rem;background:#000000d9;color:var(--text-light);padding:.4rem .8rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem}.food-add-btn{position:absolute;top:.5rem;right:.5rem;width:44px;height:44px;border-radius:50%;background:#000000d9;color:var(--text-light);border:none;font-size:1.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.food-add-btn:hover{background:var(--main-color);transform:scale(1.1)}.category-tabs{display:flex;gap:0;overflow-x:auto;background:var(--bg-white);border-bottom:1px solid #ddd;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:1rem 1.5rem;border:none;background:none;font-family:inherit;font-size:1rem;cursor:pointer;white-space:nowrap;color:#666;border-bottom:3px solid transparent;transition:var(--transition)}.category-tab:hover{color:var(--main-color)}.category-tab.active{color:var(--main-color);border-bottom-color:var(--main-color);font-weight:600}.category-list{display:flex;flex-direction:column}.category-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;background:#ffffffe6;border-bottom:1px solid #ddd;cursor:pointer;transition:var(--transition)}.category-item:hover{background:var(--bg-white);padding-left:1.5rem}.category-item-name{font-size:1.1rem;color:var(--main-color-dark);font-weight:500}.category-item-arrow{color:var(--main-color);font-size:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem}.cart-item-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.cart-item-info{flex:1}.cart-item-name{font-weight:600;margin-bottom:.25rem}.cart-item-price{color:var(--success);font-weight:600}.cart-controls{display:flex;align-items:center;gap:.5rem}.cart-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--main-color);background:var(--bg-white);color:var(--main-color);font-size:1.25rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.cart-btn:hover{background:var(--main-color);color:var(--text-light)}.cart-btn.danger{border-color:var(--danger);color:var(--danger)}.cart-btn.danger:hover{background:var(--danger);color:var(--text-light)}.cart-quantity{min-width:30px;text-align:center;font-weight:600;font-size:1.1rem}.quantity-selector{display:flex;align-items:center;gap:.75rem}.quantity-btn{width:50px;height:50px;border-radius:50%;border:2px solid;background:var(--bg-white);font-size:1.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.quantity-btn.minus{border-color:var(--danger);color:var(--danger)}.quantity-btn.plus{border-color:var(--success);color:var(--success)}.quantity-value{font-size:1.25rem;font-weight:600;min-width:40px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-white);border-radius:var(--radius);max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.25rem;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:var(--transition)}.modal-close:hover{color:var(--danger)}.modal-body{padding:1.25rem}.modal-footer{padding:1.25rem;border-top:1px solid #ddd;display:flex;gap:1rem;justify-content:flex-end}.carousel{position:relative;width:100%;height:250px;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:var(--transition)}.carousel-dot.active{background:var(--main-color);transform:scale(1.2)}.info-tabs{display:flex;gap:0;background:var(--bg-white);border-bottom:1px solid #ddd}.info-tab{flex:1;padding:1rem;border:none;background:none;font-family:inherit;font-size:.9rem;cursor:pointer;color:#666;border-bottom:2px solid transparent;transition:var(--transition)}.info-tab:hover{color:var(--main-color)}.info-tab.active{color:var(--main-color);border-bottom-color:var(--main-color)}.info-content{padding:1rem;background:var(--bg-white)}.info-item{padding:.75rem 0;border-bottom:1px solid #eee}.info-item:last-child{border-bottom:none}.allergen-list{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.allergen-item{display:flex;align-items:center;gap:.5rem}.allergen-icon{width:30px;height:30px;object-fit:contain}.floating-cart{position:fixed;bottom:2rem;right:2rem;width:70px;height:70px;border-radius:50%;background:var(--primary-dark);color:var(--text-light);border:3px solid var(--main-color);font-size:2rem;cursor:pointer;box-shadow:0 6px 20px #0000004d;transition:var(--transition);display:flex;align-items:center;justify-content:center;z-index:50}.floating-cart:hover{transform:scale(1.15);box-shadow:0 8px 25px #0006}.floating-cart.has-items{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 6px 20px #0000004d,0 0 #c9a962b3}50%{box-shadow:0 6px 20px #0000004d,0 0 0 15px #c9a96200}}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--danger);color:var(--text-light);width:28px;height:28px;border-radius:50%;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}.cart-summary{position:sticky;bottom:0;background:var(--bg-white);padding:1rem;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 15px #0000001a}.cart-total{font-size:1.25rem}.cart-total-label{color:var(--main-color);font-weight:600}.cart-total-value{color:var(--success);font-weight:700;margin-left:.5rem}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-dark),var(--primary-dark-light));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.login-logo{width:150px;height:150px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.login-logo img{max-width:100%;max-height:100%;object-fit:contain}.login-card{background:#fffffff2;border-radius:var(--radius);padding:2rem;width:100%;max-width:400px;box-shadow:var(--shadow-hover)}.login-title{text-align:center;margin-bottom:1.5rem;color:var(--primary-dark)}.login-input{width:100%;padding:1rem;border:2px solid #ddd;border-radius:var(--radius);font-size:1rem;margin-bottom:1rem;transition:var(--transition)}.login-input:focus{outline:none;border-color:var(--main-color)}.login-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--main-color),var(--main-color-dark));color:var(--text-light);border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.login-error{background:#dc35451a;color:var(--danger);padding:1rem;border-radius:var(--radius-sm);margin-bottom:1rem;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-icon{font-size:5rem;color:#ccc;margin-bottom:1rem}.empty-text{color:#666;font-size:1.1rem}.loading{display:flex;align-items:center;justify-content:center;padding:3rem}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top-color:var(--main-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--success);color:var(--text-light);padding:1rem 2rem;border-radius:var(--radius);box-shadow:var(--shadow-hover);z-index:1100;animation:toastSlide .3s ease}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (min-width: 768px){.food-image{height:250px}.carousel{height:350px}.content-container{padding:2rem}}@media (min-width: 1024px){.food-card,.food-image{height:320px}}