*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,system-ui,sans-serif;background:linear-gradient(135deg,#faf8f5,#f5f1eb);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:linear-gradient(135deg,#faf8f5,#f5f1eb)}.header{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #6b44230f;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(230,220,210,.5)}.header-content{max-width:1200px;margin:0 auto;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.75rem;font-weight:500;color:#2d2520;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.header-buttons{display:flex;gap:1rem}.btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.btn-language{background:#fff9;color:#5d4e43;border:1px solid rgba(230,220,210,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-language:hover{background:#fffc;border-color:#d2c3b4cc;transform:translateY(-1px)}.btn-cart{background:linear-gradient(135deg,#e07856,#d4745f);color:#fff;position:relative;box-shadow:0 4px 12px #e0785640}.btn-cart:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e0785659}.cart-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border:2px solid white}.hero-banner{background:linear-gradient(135deg,#e0785626,#d4745f1a,#6b90801f);color:#2d2520;padding:5rem 1.5rem;text-align:center;position:relative}.hero-banner:before{content:"";position:absolute;inset:0;background:#fff6;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);z-index:0}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3.25rem;font-weight:400;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.2;font-family:Georgia,Playfair Display,serif;color:#2d2520}.hero-subtitle{font-size:1.2rem;font-weight:400;color:#5d4e43;line-height:1.7}.main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.special-section{background:linear-gradient(135deg,#e07856e6,#d4745fd9);border-radius:20px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 8px 32px #e0785633;color:#fff;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.special-section:before{content:"⭐";position:absolute;font-size:14rem;opacity:.1;right:-3rem;top:-3rem;filter:drop-shadow(0 0 40px rgba(255,255,255,.3))}.special-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.special-badge{background:#ffffff4d;padding:.5rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.special-title{font-size:2rem;font-weight:400;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.special-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border:2px solid rgba(255,255,255,.2)}.special-item-info h3{font-size:1.5rem;margin-bottom:.5rem}.special-item-desc{font-size:.95rem;opacity:.9;margin-bottom:.5rem}.special-item-time{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.85}.special-item-right{text-align:right}.special-price{font-size:2rem;font-weight:700;margin-bottom:.5rem}.original-price{text-decoration:line-through;opacity:.7;font-size:1rem;display:block;margin-bottom:.5rem}.btn-special{background:#fffffff2;color:#d4745f;padding:.75rem 1.75rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000001a}.btn-special:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;background:#fff}.category{margin-bottom:4rem}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(230,220,210,.4)}.category-title{font-size:2rem;font-weight:400;color:#2d2520;display:flex;align-items:center;gap:.75rem;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.category-subtitle{color:#5d4e43;font-size:.95rem;font-weight:400;font-style:italic}.menu-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.menu-item{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #6b442314;border:1px solid rgba(230,220,210,.5);transition:all .3s ease;position:relative}.menu-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6b44231f;border-color:#e0785666;background:#ffffffd9}.item-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:.4rem .85rem;border-radius:10px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #fbbf244d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5)}.menu-item-content{display:flex;flex-direction:column}.menu-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.menu-item-emoji{font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.menu-item-details{flex:1}.menu-item-name{font-size:1.35rem;font-weight:500;color:#2d2520;margin-bottom:.5rem;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.menu-item-desc{font-size:.9rem;color:#5d4e43;margin-bottom:.6rem;line-height:1.6}.menu-item-time{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#8b7969}.menu-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(230,220,210,.5)}.menu-item-price{font-size:1.65rem;font-weight:600;color:#2d2520;letter-spacing:-.01em}.btn-add-cart{background:linear-gradient(135deg,#6b9080,#5a7a6c);color:#fff;padding:.65rem 1.4rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b908040}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b908059;background:linear-gradient(135deg,#5a7a6c,#4a6a5c)}.modal-overlay{position:fixed;inset:0;background:#2d252080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay.bottom{align-items:flex-end}.cart-modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:90vh;overflow:auto;border:1px solid rgba(230,220,210,.5)}@media(min-width:640px){.cart-modal{border-radius:20px}}.cart-header{position:sticky;top:0;background:linear-gradient(135deg,#e07856f2,#d4745fe6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:1.75rem;display:flex;justify-content:space-between;align-items:center;border-radius:24px 24px 0 0}@media(min-width:640px){.cart-header{border-radius:20px 20px 0 0}}.cart-title{font-size:1.65rem;font-weight:500;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.btn-close{padding:.5rem;background:#fff3;border:none;border-radius:50%;cursor:pointer;transition:background .2s;color:#fff}.btn-close:hover{background:#ffffff4d}.cart-content{padding:1.5rem}.empty-cart{color:#5d4e43;text-align:center;padding:2rem;font-style:italic}.cart-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;background:#faf8f5cc;padding:1.2rem;border-radius:14px;border:1px solid rgba(230,220,210,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cart-item-info{flex:1}.cart-item-name{font-weight:600;color:#2d2520;margin-bottom:.3rem;font-size:1rem}.cart-item-customizations{font-size:.8rem;color:#6b9080;font-style:italic;margin-bottom:.3rem;line-height:1.4}.cart-item-time{font-size:.85rem;color:#5d4e43;margin-bottom:.25rem}.cart-item-price{color:#2d2520;font-weight:600}.cart-item-controls{display:flex;align-items:center;gap:.5rem}.btn-quantity{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s;font-weight:700}.btn-minus{background:#fee2e2;color:#dc2626}.btn-minus:hover{background:#fecaca;transform:scale(1.1)}.btn-plus{background:#d1fae5;color:#059669}.btn-plus:hover{background:#a7f3d0;transform:scale(1.1)}.quantity{width:32px;text-align:center;font-weight:600;color:#2d2520}.cart-summary{background:linear-gradient(135deg,#6b9080f2,#5a7a6ce6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.75rem;border-radius:16px;margin-bottom:1rem;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #6b908033}.cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.total-label{font-weight:600;font-size:1.1rem}.total-price{font-size:2rem;font-weight:700}.estimated-time{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.9}.btn-order{width:100%;background:linear-gradient(135deg,#e07856,#d4745f);color:#fff;padding:1.1rem;border:none;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #e078564d}.btn-order:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e0785666;background:linear-gradient(135deg,#d4745f,#c6654e)}.form-modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;width:100%;max-width:500px;padding:2.5rem;box-shadow:0 12px 48px #6b442326;border:1px solid rgba(230,220,210,.5)}.form-title{font-size:2rem;font-weight:500;margin-bottom:1.75rem;color:#2d2520;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.form-fields{display:flex;flex-direction:column;gap:1rem}.form-input{width:100%;padding:1rem;border:1.5px solid rgba(230,220,210,.8);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.form-input:focus{outline:none;border-color:#e07856;box-shadow:0 0 0 4px #e078561a;background:#fffffff2}.form-buttons{display:flex;gap:.75rem;padding-top:.5rem}.btn-cancel{flex:1;padding:1rem;border:1.5px solid rgba(230,220,210,.8);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#5d4e43}.btn-cancel:hover{background:#faf8f5e6;border-color:#d2c3b4e6;transform:translateY(-1px)}.btn-submit{flex:1;padding:1rem;background:linear-gradient(135deg,#e07856,#d4745f);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #e078564d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e0785666;background:linear-gradient(135deg,#d4745f,#c6654e)}.status-container{max-width:1200px;margin:0 auto;padding:1rem}.status-header{background:linear-gradient(135deg,#6b9080f2,#5a7a6ce6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:20px;box-shadow:0 8px 32px #6b908033;padding:2.5rem;margin-bottom:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2)}.status-header h1{font-size:2.25rem;font-weight:500;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.status-card{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 8px 32px #6b44231a;padding:2.5rem;max-width:500px;margin:0 auto;border:1px solid rgba(230,220,210,.5)}.status-thank-you{font-size:1.75rem;font-weight:500;text-align:center;margin-bottom:.75rem;color:#2d2520;letter-spacing:-.01em;font-family:Georgia,Playfair Display,serif}.status-order-number{text-align:center;color:#5d4e43;margin-bottom:2rem;font-size:1.1rem}.status-steps{display:flex;flex-direction:column;gap:1.5rem}.status-step{display:flex;align-items:center;gap:1rem}.status-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.status-icon.active{background:#059669;color:#fff}.status-icon.inactive{background:#e6dcd266;color:#8b7969}.status-icon.current{box-shadow:0 0 0 4px #05966933;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #05966933}50%{box-shadow:0 0 0 8px #0596691a}}.status-label{flex:1}.status-label-text{font-weight:600;font-size:1.1rem}.status-label-text.active{color:#2d2520}.status-label-text.inactive{color:#5d4e43}.status-time{font-size:.9rem;color:#8b7969;margin-top:.25rem}.status-ready{margin-top:2rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #059669;border-radius:12px;padding:1.5rem;text-align:center}.status-ready-icon{width:48px;height:48px;color:#059669;margin:0 auto .5rem}.status-ready-text{color:#065f46;font-weight:600;font-size:1.2rem}.form-input.error{border-color:#dc2626!important;background-color:#fef2f2}.error-text{color:#dc2626;font-size:.875rem;margin-top:.25rem;margin-bottom:.5rem}.form-input-with-label{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#6b4423;margin-bottom:.25rem}.admin-container{min-height:100vh;background:linear-gradient(135deg,#faf8f5,#f5f1eb);padding:2rem}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#faf8f5,#f5f1eb);color:#2d2520;font-size:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.75rem;border-radius:16px;box-shadow:0 4px 20px #6b442314;border:1px solid rgba(230,220,210,.5)}.admin-header-content h1{margin:0;color:#2d2520;font-size:2rem;font-weight:500;font-family:Georgia,Playfair Display,serif;letter-spacing:-.01em}.admin-header-content p{margin:.5rem 0 0;color:#5d4e43;font-size:.95rem}.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#e07856,#d4745f);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #e0785640}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e0785659;background:linear-gradient(135deg,#d4745f,#c6654e)}.order-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{flex:1;min-width:150px;padding:1rem 1.5rem;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(230,220,210,.6);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.filter-btn:hover{background:#ffffffe6;border-color:#e0785666;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#6b9080,#5a7a6c);border-color:#6b9080;color:#fff;box-shadow:0 4px 12px #6b908040}.filter-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.filter-count{font-size:1.5rem;font-weight:700}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.orders-empty{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:16px;text-align:center;color:#5d4e43;font-size:1.25rem;border:1px solid rgba(230,220,210,.5)}.orders-loading{text-align:center;padding:3rem;font-size:1.25rem;color:#5d4e43}.order-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #6b442314;border:1px solid rgba(230,220,210,.5);transition:all .3s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6b44231f;border-color:#e078564d}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(230,220,210,.5)}.order-number{font-size:1.25rem;font-weight:700;color:#2d2520;font-family:Georgia,Playfair Display,serif}.order-status-badge{padding:.4rem .9rem;border-radius:10px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.order-status-badge.received{background:#3b82f626;color:#1e40af;border:1px solid rgba(59,130,246,.3)}.order-status-badge.preparing{background:#fbbf2426;color:#92400e;border:1px solid rgba(251,191,36,.3)}.order-status-badge.ready{background:#22c55e26;color:#065f46;border:1px solid rgba(34,197,94,.3)}.order-details{margin-bottom:1rem}.order-info-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#2d2520}.order-info-label{font-weight:600;color:#5d4e43}.order-items{margin:1rem 0;padding:1rem;background:#faf8f599;border-radius:12px;border:1px solid rgba(230,220,210,.4)}.order-items-title{font-weight:600;margin-bottom:.75rem;color:#2d2520;font-size:.95rem}.order-item{padding:.5rem 0;color:#5d4e43;font-size:.9rem}.order-item-main{display:flex;justify-content:space-between;align-items:center}.order-item-customizations{font-size:.8rem;color:#6b9080;font-style:italic;margin-top:.25rem;padding-left:1.5rem}.order-notes{margin-top:1rem;padding:.75rem;background:#faf8f599;border-radius:10px;border-left:3px solid #6b9080;font-size:.9rem;color:#5d4e43;font-style:italic}.order-actions{display:flex;gap:.75rem;margin-top:1.25rem}.btn-action{flex:1;padding:.75rem 1rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-start-cooking{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;box-shadow:0 4px 12px #fbbf2440}.btn-start-cooking:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2459}.btn-mark-ready{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-mark-ready:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.btn-complete{background:#e6dcd299;color:#5d4e43;border:1px solid rgba(230,220,210,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-complete:hover{background:#faf8f5cc;transform:translateY(-1px)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#faf8f5,#f5f1eb);padding:1rem}.login-box{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:16px;box-shadow:0 8px 32px #6b442326;border:1px solid rgba(230,220,210,.5);width:100%;max-width:420px}.login-title{text-align:center;margin-bottom:2rem;color:#2d2520;font-family:Georgia,Playfair Display,serif;font-size:2rem;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{width:100%;padding:.875rem 1rem;background:#ffffffe6;border:1.5px solid rgba(224,120,86,.2);border-radius:10px;font-size:1rem;color:#2d2520;transition:all .3s ease;box-sizing:border-box}.login-input::placeholder{color:#a89a8f}.login-input:focus{outline:none;border-color:#e07856;box-shadow:0 0 0 3px #e0785626}.login-error{color:#dc2626;background:#dc26261a;padding:.75rem;border-radius:8px;text-align:center;font-size:.9rem;margin:0}.login-button{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#e07856,#d4745f);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e0785640;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e0785659}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.toast-notification{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 24px #10b9814d;font-weight:600;font-size:.95rem;z-index:10000;animation:slideInUp .3s ease-out,fadeOut .3s ease-in 1.7s;display:flex;align-items:center;gap:.5rem}.toast-notification span{display:flex;align-items:center;gap:.5rem}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.toast-notification{bottom:1rem;right:1rem;left:1rem;width:auto;text-align:center;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.customization-modal{background:linear-gradient(135deg,#faf8f5,#f5f1eb);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customization-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;border-bottom:1px solid rgba(107,144,128,.2);gap:1rem}.customization-modal-title{font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:600;color:#2c3e35;margin:0}.customization-modal-subtitle{font-size:.9rem;color:#6b9080;margin:.25rem 0 0}.customization-modal-close{background:none;border:none;cursor:pointer;color:#6b9080;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.customization-modal-close:hover{background:#6b90801a;color:#2c3e35}.customization-modal-body{flex:1;overflow-y:auto;padding:2rem;scrollbar-width:thin;scrollbar-color:#6b9080 transparent}.customization-modal-body::-webkit-scrollbar{width:8px}.customization-modal-body::-webkit-scrollbar-track{background:transparent}.customization-modal-body::-webkit-scrollbar-thumb{background:#6b9080;border-radius:4px}.customization-category{margin-bottom:2rem}.customization-category:last-child{margin-bottom:0}.customization-category-title{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;color:#2c3e35;margin:0 0 1rem}.required-indicator{color:#e07856;font-weight:700}.customization-options{display:flex;flex-direction:column;gap:.75rem}.customization-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(107,144,128,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.customization-option:hover{background:#fffc;border-color:#6b9080;transform:translate(4px)}.customization-option input[type=radio],.customization-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6b9080;flex-shrink:0}.customization-option-label{flex:1;font-size:1rem;color:#2c3e35;font-weight:500}.customization-option-price{font-weight:600;color:#e07856;font-size:.95rem}.customization-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid rgba(107,144,128,.2);background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:1.5rem}.customization-modal-total{display:flex;flex-direction:column;gap:.25rem}.customization-modal-total-label{font-size:.9rem;color:#6b9080;font-weight:500}.customization-modal-total-price{font-size:1.75rem;font-weight:700;color:#2c3e35;font-family:Georgia,Times New Roman,serif}.btn-add-customized{background:linear-gradient(135deg,#6b9080,#5a7a6b);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6b90804d;white-space:nowrap}.btn-add-customized:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b908066}.btn-add-customized:active{transform:translateY(0)}.btn-add-customized:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.customization-modal{max-height:95vh;border-radius:16px}.customization-modal-header{padding:1.25rem 1.5rem}.customization-modal-title{font-size:1.5rem}.customization-modal-body{padding:1.5rem}.customization-modal-footer{flex-direction:column;align-items:stretch;padding:1.25rem 1.5rem}.customization-modal-total{flex-direction:row;justify-content:space-between;align-items:center}.btn-add-customized{width:100%}}.qr-manager-controls{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;margin:2rem;border-radius:16px;box-shadow:0 4px 16px #6b442314;border:1px solid rgba(230,220,210,.5);display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.qr-control-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.qr-control-group label{font-size:.875rem;font-weight:500;color:#6b4423}.qr-input{padding:.75rem 1rem;border:2px solid rgba(210,105,30,.2);border-radius:12px;font-size:1rem;color:#2d2520;background:#ffffffe6;transition:all .2s ease}.qr-input:focus{outline:none;border-color:#d2691e;box-shadow:0 0 0 3px #d2691e1a}.btn-print-all{padding:.875rem 1.75rem;background:linear-gradient(135deg,#6b4423,#8b5a3c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #6b442333}.btn-print-all:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b44234d}.btn-print-all:active{transform:translateY(0)}.qr-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.table-qr-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #6b442314;border:1px solid rgba(230,220,210,.5);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.table-qr-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6b44231f}.table-qr-header{width:100%;text-align:center}.table-qr-number{font-size:1.5rem;font-weight:600;color:#6b4423;margin:0}.table-qr-code{padding:1rem;background:#fff;border-radius:12px;border:2px solid rgba(210,105,30,.1)}.table-qr-code svg{display:block}.table-qr-url{width:100%;padding:.75rem;background:#6b44230d;border-radius:8px;text-align:center}.table-qr-url code{font-size:.75rem;color:#6b4423;word-break:break-all;font-family:Courier New,monospace}.table-qr-actions{width:100%;display:flex;gap:.75rem}.btn-qr-action{flex:1;padding:.75rem;background:#d2691e1a;color:#6b4423;border:2px solid rgba(210,105,30,.2);border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-qr-action:hover{background:#d2691e26;border-color:#d2691e;transform:translateY(-2px)}.btn-qr-action:active{transform:translateY(0)}.admin-header-actions{display:flex;gap:1rem;align-items:center}.btn-qr-codes{padding:.75rem 1.5rem;background:#d2691e1a;color:#6b4423;border:2px solid rgba(210,105,30,.2);border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-qr-codes:hover{background:#d2691e26;border-color:#d2691e;transform:translateY(-2px)}.btn-qr-codes:active{transform:translateY(0)}.btn-back{padding:.5rem;background:#d2691e1a;color:#6b4423;border:2px solid rgba(210,105,30,.2);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:1rem}.btn-back:hover{background:#d2691e26;border-color:#d2691e;transform:translate(-2px)}.btn-back:active{transform:translate(0)}@media(max-width:768px){.qr-manager-controls{flex-direction:column;align-items:stretch;padding:1.5rem;margin:1rem}.qr-control-group{min-width:100%}.btn-print-all{width:100%;justify-content:center}.qr-codes-grid{grid-template-columns:1fr;padding:1rem}.admin-header-actions{flex-direction:column;align-items:stretch;gap:.5rem}.btn-qr-codes,.btn-menu-editor,.btn-logout{width:100%;justify-content:center}}.btn-menu-editor{padding:.75rem 1.5rem;background:#d2691e1a;color:#6b4423;border:2px solid rgba(210,105,30,.2);border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-menu-editor:hover{background:#d2691e26;border-color:#d2691e;transform:translateY(-2px)}.btn-menu-editor:active{transform:translateY(0)}.menu-editor-controls{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem 2rem;margin:2rem;border-radius:16px;box-shadow:0 4px 16px #6b442314;border:1px solid rgba(230,220,210,.5);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.menu-editor-search{flex:1;min-width:250px;position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffffe6;border:2px solid rgba(210,105,30,.2);border-radius:12px;transition:all .2s ease}.menu-editor-search:focus-within{border-color:#d2691e;box-shadow:0 0 0 3px #d2691e1a}.menu-search-input{flex:1;border:none;background:transparent;font-size:1rem;color:#2d2520;outline:none}.menu-search-input::placeholder{color:#999}.menu-category-filter{padding:.75rem 1rem;border:2px solid rgba(210,105,30,.2);border-radius:12px;font-size:1rem;color:#2d2520;background:#ffffffe6;cursor:pointer;transition:all .2s ease;min-width:180px}.menu-category-filter:focus{outline:none;border-color:#d2691e;box-shadow:0 0 0 3px #d2691e1a}.btn-add-item{padding:.875rem 1.75rem;background:linear-gradient(135deg,#6b4423,#8b5a3c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #6b442333}.btn-add-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b44234d}.btn-add-item:active{transform:translateY(0)}.menu-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:0 2rem;margin-bottom:2rem}.menu-stat-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #6b442314;border:1px solid rgba(230,220,210,.5);text-align:center}.menu-stat-value{font-size:2.5rem;font-weight:700;color:#6b4423;margin-bottom:.5rem}.menu-stat-label{font-size:.875rem;color:#8b7355;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:0 2rem 2rem}.menu-item-card{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #6b442314;border:1px solid rgba(230,220,210,.5);transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6b44231f}.menu-item-card.unavailable{opacity:.6;background:#9696961a}.menu-item-header{display:flex;justify-content:space-between;align-items:center}.menu-item-badge{padding:.375rem .875rem;background:#d2691e1a;color:#6b4423;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.btn-icon{padding:.5rem;background:#d2691e1a;color:#6b4423;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#d2691e33;transform:scale(1.1)}.menu-item-content{flex:1}.menu-item-name{font-size:1.25rem;font-weight:600;color:#2d2520;margin:0 0 .25rem}.menu-item-name-alt{font-size:.95rem;color:#6b4423;margin:0 0 .5rem;font-style:italic}.menu-item-description{font-size:.875rem;color:#666;line-height:1.5;margin:.5rem 0}.menu-item-meta{display:flex;gap:1rem;align-items:center;margin-top:.75rem}.menu-item-price{font-size:1.125rem;font-weight:700;color:#6b4423}.menu-item-time,.menu-item-tag{padding:.25rem .625rem;background:#6b44231a;color:#6b4423;border-radius:6px;font-size:.75rem;font-weight:500}.menu-item-actions{display:flex;gap:.75rem}.btn-edit,.btn-delete{flex:1;padding:.625rem;border:2px solid;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-edit{background:#3b82f61a;color:#2563eb;border-color:#3b82f64d}.btn-edit:hover{background:#3b82f626;border-color:#2563eb;transform:translateY(-2px)}.btn-delete{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.btn-delete:hover{background:#ef444426;border-color:#dc2626;transform:translateY(-2px)}.btn-edit:active,.btn-delete:active{transform:translateY(0)}.menu-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#8b7355}.menu-empty-state svg{color:#d2691e;margin-bottom:1.5rem;opacity:.5}.menu-empty-state h3{font-size:1.5rem;color:#6b4423;margin:0 0 .5rem}.menu-empty-state p{font-size:1rem;color:#999;margin:0 0 1.5rem}@media(max-width:768px){.menu-editor-controls{flex-direction:column;align-items:stretch;padding:1.5rem;margin:1rem}.menu-editor-search,.menu-category-filter,.btn-add-item{width:100%}.menu-stats{grid-template-columns:repeat(2,1fr);padding:0 1rem;gap:1rem}.menu-items-grid{grid-template-columns:1fr;padding:0 1rem 1rem}}.menu-item-form-modal{background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #6b442340;border:1px solid rgba(230,220,210,.5)}.menu-item-form-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(230,220,210,.5)}.menu-item-form-header h2{font-size:1.75rem;color:#6b4423;margin:0}.btn-close{padding:.5rem;background:#ef44441a;color:#dc2626;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close:hover{background:#ef444433;transform:scale(1.1)}.menu-item-form{padding:2rem;display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section-title{font-size:1.125rem;font-weight:600;color:#6b4423;margin:0;padding-bottom:.5rem;border-bottom:2px solid rgba(210,105,30,.2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:#6b4423}.form-field .form-input{width:100%}.form-field textarea.form-input{resize:vertical;min-height:60px;font-family:inherit}.form-toggles{display:flex;flex-direction:column;gap:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:#d2691e0d;border-radius:10px;transition:all .2s ease}.toggle-label:hover{background:#d2691e1a}.toggle-input{width:20px;height:20px;cursor:pointer;accent-color:#d2691e}.toggle-label span{font-size:.95rem;color:#2d2520;font-weight:500}.form-note{padding:1rem;background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px}.form-note p{margin:0;font-size:.875rem;color:#1e40af;line-height:1.5}.form-note strong{color:#1e3a8a}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(230,220,210,.5)}.form-actions .btn-cancel{flex:1;padding:.875rem;background:#6b44231a;color:#6b4423;border:2px solid rgba(210,105,30,.2);border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-cancel:hover{background:#6b442326;border-color:#d2691e}.form-actions .btn-submit{flex:2;padding:.875rem;background:linear-gradient(135deg,#6b4423,#8b5a3c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6b442333}.form-actions .btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b44234d}.form-actions .btn-submit:active{transform:translateY(0)}@media(max-width:768px){.menu-item-form-modal{width:95%;max-height:95vh}.menu-item-form-header{padding:1.5rem 1.5rem 1rem}.menu-item-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.form-actions .btn-cancel,.form-actions .btn-submit{width:100%}}