.header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);color:#1a1a1a;padding:25px 20px;box-shadow:0 4px 24px #1f26871a;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto}.header-title{font-size:2rem;font-weight:700;margin-bottom:5px;color:#1a1a1a}.header-subtitle{font-size:.95rem;color:#666;font-weight:500}.table-info{margin-top:10px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;color:#fff;box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.header{padding:20px 15px}.header-title{font-size:1.5rem}.header-subtitle{font-size:.85rem}.table-info{font-size:.85rem;padding:6px 12px;margin-top:8px}}@media (max-width: 480px){.header{padding:15px 12px}.header-title{font-size:1.3rem}.header-subtitle{font-size:.8rem}}.category-menu{margin-bottom:30px;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-list{display:flex;gap:12px;padding:10px 0;min-width:min-content}.category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 20px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.4);border-radius:16px;cursor:pointer;transition:all .3s ease;min-width:120px;white-space:nowrap;font-family:inherit;box-shadow:0 4px 16px #1f26871a}.category-btn:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 20px #1f268726;border-color:#ff6b3580}.category-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #ff6b354d}.category-icon{font-size:2rem}.category-image{width:50px;height:50px;object-fit:cover;border-radius:8px}.category-name{font-size:.9rem;font-weight:600}@media (max-width: 768px){.category-menu{margin-bottom:20px}.category-list{gap:8px;padding:8px 0}.category-btn{min-width:90px;padding:10px 12px}.category-icon,.category-image{font-size:1.5rem;width:40px;height:40px}.category-name{font-size:.75rem}}@media (max-width: 480px){.category-btn{min-width:80px;padding:8px 10px;gap:6px}.category-icon,.category-image{font-size:1.3rem;width:35px;height:35px}.category-name{font-size:.7rem}}.menu-item{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #1f268726;transition:all .3s ease;display:flex;flex-direction:column}.menu-item:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 12px 40px #1f268733}.menu-item-image{background:linear-gradient(135deg,#ffe5d9,#fff0e8);padding:40px;display:flex;align-items:center;justify-content:center;min-height:180px}.menu-item-emoji{font-size:5rem}.menu-item-photo{width:100%;height:100%;object-fit:cover}.menu-item-info{padding:20px;display:flex;flex-direction:column;flex:1}.menu-item-name{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:8px}.menu-item-description{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:15px;flex:1}.menu-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.menu-item-price{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.menu-item-controls{display:flex;align-items:center;gap:10px}.control-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--primary-color);background:#fff;color:var(--primary-color);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:inherit}.control-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.quantity{font-size:1.2rem;font-weight:700;color:#333;min-width:30px;text-align:center}.add-btn{padding:10px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.add-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff6b354d}.add-btn:active{transform:scale(.98)}@media (max-width: 768px){.menu-item{border-radius:15px}.menu-item-image{padding:25px;min-height:140px}.menu-item-emoji{font-size:3.5rem}.menu-item-info{padding:15px}.menu-item-name{font-size:1.05rem}.menu-item-description{font-size:.85rem;line-height:1.4}.menu-item-price{font-size:1.2rem}.control-btn{width:32px;height:32px;font-size:1.3rem}.add-btn{padding:8px 20px;font-size:.95rem}}@media (max-width: 480px){.menu-item-image{padding:20px;min-height:120px}.menu-item-emoji{font-size:3rem}.menu-item-info{padding:12px}.menu-item-name{font-size:1rem}.menu-item-description{font-size:.8rem}.menu-item-price{font-size:1.1rem}.control-btn{width:30px;height:30px;font-size:1.2rem}.quantity{font-size:1.1rem;min-width:25px}}.menu-items{margin-bottom:20px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.menu-grid{grid-template-columns:1fr;gap:15px}}.cart-container{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -4px 24px #1f268726;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.cart-info{flex:1}.cart-details{display:flex;flex-direction:column;gap:5px}.cart-items{font-size:.9rem;color:#666}.cart-price{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.qr-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;font-family:inherit}.qr-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b3566}.qr-btn:active{transform:scale(.98)}.qr-icon{font-size:1.5rem}.call-waiter-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;font-family:inherit}.call-waiter-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4caf5066}.call-waiter-btn:active{transform:scale(.98)}.call-icon{font-size:1.5rem;animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%{transform:rotate(15deg)}}@media (max-width: 768px){.cart-container{position:fixed;bottom:0}.cart-content{padding:15px;flex-direction:column;align-items:stretch;gap:10px}.cart-details{flex-direction:row;justify-content:space-between;align-items:center}.cart-items{font-size:.85rem}.cart-price{font-size:1.3rem}.qr-btn,.call-waiter-btn{width:100%;justify-content:center;padding:12px 20px;font-size:1rem}.qr-icon,.call-icon{font-size:1.3rem}}@media (max-width: 480px){.cart-content{padding:12px;gap:8px}.qr-btn,.call-waiter-btn{padding:10px 16px;font-size:.95rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:25px;padding:35px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease;box-shadow:0 20px 60px #1f26874d}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;background:#f5f5f5;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666;font-family:inherit;line-height:1}.modal-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:25px;text-align:center}.table-badge{text-align:center;padding:10px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:10px;margin-bottom:20px;font-weight:600}.order-summary{background:#f8f9fa;border-radius:15px;padding:20px;margin-bottom:25px;max-height:200px;overflow-y:auto}.order-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e0e0e0}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item:first-child{padding-top:0}.order-item-image{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex-shrink:0}.order-item-img{width:50px;height:50px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0}.order-item-emoji{font-size:2rem}.order-item-details{flex:1;display:flex;flex-direction:column;gap:4px}.order-item-name{font-weight:600;color:#333;font-size:.95rem}.order-item-quantity{font-size:.85rem;color:#666}.order-item-price{font-weight:700;color:var(--primary-color);font-size:1rem}.qr-section{text-align:center}.qr-instruction{font-size:1.1rem;color:#666;margin-bottom:20px;font-weight:500}.qr-code-wrapper{background:#fff;padding:20px;border-radius:20px;display:inline-flex;box-shadow:0 4px 15px #0000001a;margin-bottom:15px}.qr-note{font-size:.85rem;color:#999;font-style:italic}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{padding:25px 20px;margin:0;max-height:95vh}.modal-title{font-size:1.4rem;margin-bottom:20px}.table-badge{font-size:.9rem;padding:8px}.order-summary{padding:15px;max-height:180px}.order-item{padding:10px 0}.order-item-image,.order-item-img{width:40px;height:40px}.order-item-emoji{font-size:1.5rem}.order-item-name{font-size:.9rem}.order-item-price{font-size:.95rem}.qr-instruction{font-size:1rem}.qr-code-wrapper{padding:15px}.qr-code-wrapper svg{width:200px!important;height:200px!important}.qr-note{font-size:.8rem}.close-btn{width:35px;height:35px;font-size:1.8rem;top:10px;right:10px}}@media (max-width: 480px){.modal-content{padding:20px 15px}.qr-code-wrapper svg{width:180px!important;height:180px!important}}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:100px}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}.app.loading{justify-content:center;align-items:center;padding:0}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#666;font-size:1.1rem}.app.error{justify-content:center;align-items:center;padding:20px}.error-message{text-align:center;max-width:500px;padding:40px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:0 8px 32px #1f268726}.error-message h2{color:#333;margin-bottom:15px}.error-message p{color:#666;margin-bottom:20px}.retry-btn{padding:12px 30px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff6b354d}.menu-items.empty{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-message{color:#999;font-size:1.2rem}@media (max-width: 768px){.main-content{padding:15px}.app{padding-bottom:180px}.loading-spinner p{font-size:1rem}.spinner{width:40px;height:40px}.error-message{padding:30px 20px;margin:15px}.error-message h2{font-size:1.5rem}.retry-btn{padding:10px 24px;font-size:.95rem}.empty-message{font-size:1rem;padding:30px 15px}}@media (max-width: 480px){.main-content{padding:12px}.app{padding-bottom:200px}}.website-content{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.website-hero{text-align:center;margin-bottom:40px;padding:40px 20px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 8px 32px #1f268726}.website-hero h1{font-size:2.5rem;font-weight:700;color:var(--primary-color, #4a90e2);margin:0 0 15px}.website-subtitle{font-size:1.2rem;color:#666;margin:0;font-weight:500}.website-main-text{margin-bottom:40px;padding:30px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:16px;box-shadow:0 8px 32px #1f268726}.website-main-text p{font-size:1.1rem;line-height:1.6;color:#333;margin:0}.website-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.website-images img{width:100%;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.website-images img:hover{transform:scale(1.02)}.website-contact{margin-bottom:40px;padding:30px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:16px;box-shadow:0 8px 32px #1f268726}.website-contact h3{font-size:1.5rem;color:var(--primary-color, #4a90e2);margin:0 0 20px;text-align:center}.website-contact p{font-size:1rem;color:#333;margin:10px 0;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.website-contact p:last-of-type{border-bottom:none}.website-social{margin-top:25px;padding-top:20px;border-top:2px solid var(--primary-color, #4a90e2)}.website-social h4{font-size:1.2rem;color:var(--primary-color, #4a90e2);margin:0 0 15px;text-align:center}.social-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.social-links a{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,var(--primary-color, #4a90e2) 0%,var(--secondary-color, #357abd) 100%);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;text-transform:capitalize}.social-links a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.website-menu-link{text-align:center;padding:30px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:16px;box-shadow:0 8px 32px #1f268726}.website-menu-link p{font-size:1.1rem;color:#333;margin:0 0 20px}.qr-placeholder{display:inline-block;padding:20px;background:linear-gradient(135deg,var(--primary-color, #4a90e2) 0%,var(--secondary-color, #357abd) 100%);border-radius:16px;color:#fff;text-align:center}.qr-icon{font-size:3rem;margin-bottom:10px}.qr-placeholder p{margin:0;font-weight:600;color:#fff}@media (max-width: 768px){.website-content{padding:15px}.website-hero{padding:30px 15px;margin-bottom:30px}.website-hero h1{font-size:2rem}.website-subtitle{font-size:1rem}.website-main-text,.website-contact,.website-menu-link{padding:20px;margin-bottom:30px}.website-images{grid-template-columns:1fr;gap:15px}.website-images img{height:150px}.social-links{flex-direction:column;align-items:center}.social-links a{width:200px;text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;padding:20px;position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.login-container{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 60px #1f26874d;max-width:450px;width:100%;padding:40px;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:2rem;color:#333;margin-bottom:10px}.login-header p{color:#666;font-size:1rem}.login-form,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:.95rem}.form-group input{width:100%;padding:12px 16px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4);border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;background:#fffc;border-color:#667eea80;box-shadow:0 4px 16px #667eea33}.error-alert{background:#fee;color:#c33;padding:12px 16px;border-radius:10px;margin-bottom:20px;border:1px solid #fcc;font-size:.9rem}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ff6b354d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-info{text-align:center;padding:20px;background:#f8f9fa99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;font-size:.85rem;color:#666}.login-info p{margin:5px 0}.login-info strong{color:#333}@media (max-width: 768px){.login-page{padding:15px}.login-container{padding:30px 20px}.login-header h1{font-size:1.6rem}.login-header p{font-size:.95rem}.form-group label{font-size:.85rem}.form-group input{padding:10px 14px;font-size:.95rem}.login-btn{padding:12px;font-size:1rem}.login-info{padding:15px;font-size:.8rem}.login-info p{margin:4px 0}}@media (max-width: 480px){.login-container{padding:25px 15px}.login-header h1{font-size:1.4rem}.login-info{font-size:.75rem}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-content{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:35px 30px;max-width:450px;width:100%;box-shadow:0 20px 60px #1f26874d;animation:slideUp .3s ease;text-align:center}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-icon{font-size:4rem;margin-bottom:20px;animation:scaleIn .4s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.confirm-modal-icon.danger{filter:drop-shadow(0 4px 8px rgba(220,53,69,.3))}.confirm-modal-icon.warning{filter:drop-shadow(0 4px 8px rgba(255,193,7,.3))}.confirm-modal-icon.info{filter:drop-shadow(0 4px 8px rgba(23,162,184,.3))}.confirm-modal-title{margin:0 0 15px;font-size:1.5rem;color:#333;font-weight:700}.confirm-modal-message{margin:0 0 30px;font-size:1rem;color:#666;line-height:1.6}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{padding:12px 30px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:120px}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.confirm-btn{color:#fff}.confirm-btn.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.confirm-btn.danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.confirm-btn.warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#333}.confirm-btn.warning:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766}.confirm-btn.info{background:linear-gradient(135deg,#17a2b8,#138496)}.confirm-btn.info:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-2px);box-shadow:0 6px 20px #17a2b866}.confirm-btn:active{transform:translateY(0)}@media (max-width: 768px){.confirm-modal-content{padding:30px 25px;border-radius:16px}.confirm-modal-icon{font-size:3rem;margin-bottom:15px}.confirm-modal-title{font-size:1.3rem}.confirm-modal-message{font-size:.95rem;margin-bottom:25px}.confirm-modal-actions{flex-direction:column-reverse;gap:10px}.confirm-modal-btn{width:100%;min-width:auto}}@media (max-width: 480px){.confirm-modal-content{padding:25px 20px}.confirm-modal-icon{font-size:2.5rem}.confirm-modal-title{font-size:1.2rem}.confirm-modal-message{font-size:.9rem}.confirm-modal-btn{padding:10px 20px;font-size:.95rem}}.location-picker{display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-search form{display:flex;gap:8px}.search-input{flex:1;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#ff6b35;background:#ffffff26;box-shadow:0 0 0 2px #ff6b3533}.search-input::placeholder{color:#ffffff80}.search-btn{padding:12px 20px;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff5722,#ff9800);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.search-btn:disabled{opacity:.5;cursor:not-allowed}.map-container{width:100%;height:400px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0003}.location-info{display:flex;flex-direction:column;gap:8px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.location-row{display:flex;gap:12px;align-items:flex-start;color:#fff;font-size:14px}.location-row strong{min-width:100px;color:#fffc;font-weight:600}.location-row span{color:#ffffffe6;word-break:break-word}.location-hint{padding:12px;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;color:#3498db;font-size:13px;text-align:center}.map-container .leaflet-container{background:#1a1a1a;font-family:inherit}.map-container .leaflet-control-attribution{background:#000000b3;color:#fffc;font-size:11px}.map-container .leaflet-control-attribution a{color:#ff6b35}.map-container .leaflet-bar{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.map-container .leaflet-bar a{background:#ffffff1a;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.map-container .leaflet-bar a:hover{background:#fff3}@media (max-width: 768px){.location-picker{padding:16px}.location-search form{flex-direction:column}.search-btn{width:100%}.map-container{height:300px}.location-row{flex-direction:column;gap:4px}.location-row strong{min-width:auto}}@media (max-width: 480px){.map-container{height:250px}.location-info{padding:12px}.location-row{font-size:13px}}.search-btn:disabled{animation:pulse 1.5s ease-in-out infinite}.analytics-container{display:flex;flex-direction:column;gap:24px;padding:20px}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-header h2{margin:0;color:#fff;font-size:24px}.period-selector{display:flex;align-items:center;gap:12px}.period-selector label{color:#fffc;font-weight:600;font-size:14px}.period-selector select{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.period-selector select:hover{background:#ffffff26;border-color:#ffffff4d}.period-selector select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.period-selector select option{background:#1a1a1a;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.stat-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.stat-card.highlight{background:linear-gradient(135deg,#ff6b3540,#f7931e40);border-color:#ff6b3580}.stat-icon{font-size:40px;line-height:1}.stat-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.stat-label{color:#ffffffe6;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{color:#fff;font-size:28px;font-weight:700;line-height:1.2;word-break:break-word}.stat-sublabel{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-section{padding:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.chart-section h3{margin:0 0 20px;color:#fff;font-size:20px}.status-chart{display:flex;flex-direction:column;gap:12px}.status-bar{display:flex;flex-direction:column;gap:4px}.status-label{display:flex;justify-content:space-between;color:#fffc;font-size:14px;font-weight:500}.status-count{color:#fff9;font-weight:600}.status-progress{height:28px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.status-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:6px;transition:width .5s ease;box-shadow:0 2px 8px #ff6b354d}.status-fill.status-pending{background:linear-gradient(90deg,#ffa726,#ffb74d);box-shadow:0 2px 8px #ffa7264d}.status-fill.status-accepted{background:linear-gradient(90deg,#66bb6a,#81c784);box-shadow:0 2px 8px #66bb6a4d}.status-fill.status-preparing{background:linear-gradient(90deg,#42a5f5,#64b5f6);box-shadow:0 2px 8px #42a5f54d}.status-fill.status-ready{background:linear-gradient(90deg,#26c6da,#4dd0e1);box-shadow:0 2px 8px #26c6da4d}.status-fill.status-delivered{background:linear-gradient(90deg,#ab47bc,#ba68c8);box-shadow:0 2px 8px #ab47bc4d}.status-fill.status-completed{background:linear-gradient(90deg,#66bb6a,#81c784);box-shadow:0 2px 8px #66bb6a4d}.status-fill.status-cancelled{background:linear-gradient(90deg,#ef5350,#e57373);box-shadow:0 2px 8px #ef53504d}.svg-chart-container{width:100%;max-width:100%;overflow:hidden;background:#0003;border-radius:8px;padding:10px}.line-chart-svg{width:100%;height:auto;max-height:300px;filter:drop-shadow(0 2px 8px rgba(255,107,53,.3))}.hourly-chart{display:flex;gap:8px;align-items:flex-end;height:200px;background:#0003;border-radius:8px;padding:20px 10px}.hour-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:20px}.hour-value{color:#fff;font-size:12px;font-weight:700;min-height:18px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hour-fill-container{flex:1;width:100%;display:flex;align-items:flex-end;min-height:120px}.hour-fill{width:100%;background:linear-gradient(180deg,#ff6b35,#f7931e);border-radius:6px 6px 0 0;transition:all .3s ease;cursor:pointer;min-height:4px;box-shadow:0 -2px 8px #ff6b3566}.hour-fill:hover{background:linear-gradient(180deg,#ff5722,#ff9800);transform:scaleY(1.08);transform-origin:bottom;box-shadow:0 -4px 12px #ff6b3599}.hour-label{color:#fffc;font-size:11px;font-weight:600}.top-list{display:flex;flex-direction:column;gap:12px}.top-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;transition:all .3s ease;overflow:hidden}.top-item:hover{background:#ffffff1f;border-color:#ffffff40;transform:translate(4px)}.top-rank{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:8px;color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 12px #ff6b354d}.top-item:nth-child(1) .top-rank{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd70066}.top-item:nth-child(2) .top-rank{background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 4px 12px #c0c0c066}.top-item:nth-child(3) .top-rank{background:linear-gradient(135deg,#cd7f32,#b8860b);box-shadow:0 4px 12px #cd7f3266}.top-info{display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.top-name{color:#fff;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-stats{color:#fffc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-substats{color:#ffffffb3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar{grid-column:1 / -1;height:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-top:8px}.top-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px #ff6b3566}.chart-empty{padding:40px;text-align:center;color:#ffffff80;font-size:14px}.analytics-loading{padding:60px;text-align:center;color:#ffffffb3;font-size:18px;animation:pulse 1.5s ease-in-out infinite}.analytics-error{padding:60px;text-align:center;color:#ef5350;font-size:18px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.svg-chart-container{overflow-x:auto}}@media (max-width: 768px){.analytics-container{padding:12px;gap:16px}.analytics-header{flex-direction:column;gap:12px;align-items:stretch;padding:16px}.analytics-header h2{font-size:18px;text-align:center}.period-selector{justify-content:center;flex-wrap:wrap}.period-selector select{flex:1;min-width:150px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px;gap:12px}.stat-icon{font-size:32px;flex-shrink:0}.stat-value{font-size:22px}.stat-label{font-size:12px}.stat-sublabel{font-size:11px}.chart-section{padding:16px}.chart-section h3{font-size:16px;margin-bottom:16px}.status-chart{gap:10px}.status-label{font-size:13px;flex-wrap:wrap;gap:4px}.status-progress{height:24px}.hourly-chart{gap:3px;overflow-x:auto;padding:10px 0}.hour-bar{min-width:20px}.hour-value{font-size:10px}.hour-label{font-size:9px}.top-item{grid-template-columns:36px 1fr;padding:12px;gap:10px}.top-rank{width:36px;height:36px;font-size:14px}.top-name{font-size:14px}.top-stats{font-size:12px}.top-substats{font-size:11px}.svg-chart-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.analytics-container{padding:8px;gap:12px}.analytics-header{padding:12px}.analytics-header h2{font-size:16px}.period-selector{flex-direction:column;align-items:stretch;gap:8px}.period-selector label{text-align:center}.period-selector select{width:100%}.stat-card{padding:12px;gap:10px}.stat-icon{font-size:28px}.stat-value{font-size:20px}.stat-label{font-size:11px}.stat-sublabel{font-size:10px}.chart-section{padding:12px}.chart-section h3{font-size:15px;margin-bottom:12px}.status-label{font-size:12px}.status-progress{height:20px}.hourly-chart{gap:2px}.hour-bar{min-width:16px}.hour-value{font-size:9px}.hour-label{font-size:8px}.top-item{grid-template-columns:32px 1fr;padding:10px;gap:8px}.top-rank{width:32px;height:32px;font-size:13px}.top-name{font-size:13px}.top-stats{font-size:11px}.top-substats{font-size:10px}.top-bar{height:6px;margin-top:6px}}.dashboard-tabs{display:flex;gap:8px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px}.tab-btn{flex:1;padding:14px 24px;background:transparent;border:none;border-radius:8px;color:#fffc;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-btn:hover{background:#ffffff26;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 4px 12px #ff6b3566}@media (max-width: 768px){.dashboard-tabs{padding:6px;gap:6px}.tab-btn{padding:12px 16px;font-size:13px}}@media (max-width: 480px){.dashboard-tabs{padding:4px;gap:4px}.tab-btn{padding:10px 12px;font-size:12px}}.dashboard{min-height:100vh;background:transparent}.dashboard.loading{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666}.dashboard-header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);color:#333;padding:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 24px #1f26871a;position:sticky;top:0;z-index:100}.dashboard-header h1{font-size:2rem;margin-bottom:5px;color:#1a1a1a;font-weight:700}.dashboard-header p{color:#666;font-weight:500}.logout-btn{padding:12px 28px;background:linear-gradient(135deg,#667eea,#764ba2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 12px #667eea4d}.logout-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.dashboard-content{max-width:1200px;margin:0 auto;padding:30px}.dashboard-actions{margin-bottom:30px}.primary-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;text-decoration:none;display:inline-block}.create-form{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);padding:30px;border-radius:20px;box-shadow:0 8px 32px #1f268726;margin-bottom:30px}.create-form h3{margin-bottom:20px;color:#333}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:15px}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.company-card{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);padding:25px;border-radius:20px;box-shadow:0 8px 32px #1f268726;transition:all .3s ease}.company-card:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 12px 40px #1f268733}.company-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.company-header h3{color:#333;font-size:1.3rem;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.company-info{margin:15px 0;font-size:.9rem;color:#666}.company-info p{margin:8px 0}.company-info code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.85rem}.company-actions{display:flex;gap:10px;margin-top:15px}.view-btn,.delete-btn{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;font-family:inherit}.view-btn{background:#e8f5e9;color:#2e7d32}.view-btn:hover{background:#c8e6c9}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px}.stat-label{color:#666;font-size:.9rem}.company-url{background:#fff;padding:25px;border-radius:15px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.company-url h3{margin-bottom:15px;color:#333}.url-link{display:inline-block;padding:12px 20px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .3s ease}.url-link:hover{background:#e0e0e0;border-color:var(--primary-color)}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.tabs button{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease;font-family:inherit}.tabs button:hover{color:var(--primary-color)}.tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{background:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 8px #0000001a}.info-box{text-align:center;padding:40px}.info-box h3{color:#333;margin-bottom:15px}.info-box p{color:#666;margin-bottom:20px}@media (max-width: 768px){.dashboard-header{flex-direction:column;text-align:center;gap:15px;padding:20px 15px}.dashboard-header h1{font-size:1.5rem}.dashboard-header div[style*="display: flex"]{flex-direction:column!important;width:100%;gap:10px!important}.dashboard-content{padding:15px}.companies-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-value{font-size:1.8rem}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;gap:5px;padding-bottom:5px}.tabs button{font-size:.85rem;padding:8px 15px}.company-url{padding:15px}.url-link{font-size:.85rem;padding:10px 15px;word-break:break-all}.logout-btn{width:100%}.dashboard-actions{margin-bottom:20px}.primary-btn{width:100%;padding:12px 20px}.create-form,.company-card,.info-box{padding:20px 15px}}.image-uploader{margin-bottom:20px}.uploader-label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:.9rem}.upload-toggle{display:flex;gap:10px;margin-bottom:15px}.toggle-btn{flex:1;padding:10px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.toggle-btn:hover{border-color:var(--primary-color)}.toggle-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-color:var(--primary-color)}.emoji-input{display:flex;align-items:center;gap:15px}.emoji-input input{flex:1;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.emoji-input input:focus{outline:none;border-color:var(--primary-color)}.emoji-preview{font-size:3rem;min-width:60px;text-align:center}.image-input{width:100%}.image-preview{position:relative;display:inline-block;max-width:300px}.image-preview img{width:100%;max-width:300px;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.remove-image-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:#fffffff2;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;font-family:inherit}.remove-image-btn:hover{background:#ffcdd2;transform:rotate(90deg)}.upload-area{text-align:center;padding:40px 20px;border:2px dashed #e0e0e0;border-radius:12px;background:#f8f9fa}.upload-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-hint{margin-top:10px;color:#666;font-size:.85rem}@media (max-width: 768px){.upload-toggle{gap:8px}.toggle-btn{padding:8px;font-size:.9rem}.emoji-input{flex-direction:column;gap:10px}.emoji-preview{font-size:2.5rem}.image-preview img{max-width:100%}.upload-area{padding:30px 15px}.upload-btn{padding:10px 20px;font-size:.95rem}}.pagination-container{display:flex;flex-direction:column;gap:16px;padding:20px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.pagination-info{display:flex;justify-content:center;align-items:center}.pagination-text{color:#fffc;font-size:14px;font-weight:500}.pagination-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.pagination-items-per-page{display:flex;align-items:center;gap:8px}.pagination-items-per-page label{color:#fffc;font-size:14px;font-weight:500;white-space:nowrap}.pagination-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:8px 12px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.pagination-select:hover{background:#ffffff26;border-color:#ffffff4d}.pagination-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.pagination-select option{background:#1a1a1a;color:#fff}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(.disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.pagination-btn:active:not(.disabled){transform:translateY(0)}.pagination-btn.active{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;color:#fff;box-shadow:0 4px 12px #ff6b354d}.pagination-btn.active:hover{background:linear-gradient(135deg,#ff5722,#ff9800);transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.pagination-btn.disabled{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed;opacity:.5}.pagination-btn.disabled:hover{transform:none;background:#ffffff0d;border-color:#ffffff1a}.pagination-btn-nav{min-width:40px;padding:0 8px}.pagination-btn-nav svg{width:16px;height:16px}.pagination-btn-page{min-width:40px;font-weight:600}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:#ffffff80;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.pagination-container{padding:16px 0;gap:12px}.pagination-controls{flex-direction:column;gap:16px;align-items:stretch}.pagination-items-per-page{justify-content:center}.pagination-pages{justify-content:center;flex-wrap:wrap;gap:2px}.pagination-btn{min-width:36px;height:36px;font-size:13px}.pagination-btn-nav{min-width:36px;padding:0 6px}.pagination-btn-nav svg{width:14px;height:14px}.pagination-text{font-size:13px;text-align:center}.pagination-items-per-page label{font-size:13px}.pagination-select{padding:6px 10px;font-size:13px}}@media (max-width: 480px){.pagination-pages{gap:1px}.pagination-btn{min-width:32px;height:32px;font-size:12px;padding:0 8px}.pagination-btn-nav{min-width:32px;padding:0 4px}.pagination-btn-nav svg{width:12px;height:12px}.pagination-ellipsis{min-width:32px;height:32px;font-size:12px}}@media (prefers-color-scheme: dark){.pagination-container{border-top-color:#ffffff1a}.pagination-text,.pagination-items-per-page label,.pagination-btn{color:#ffffffb3}.pagination-ellipsis{color:#fff6}}@keyframes paginationFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination-container{animation:paginationFadeIn .3s ease-out}.pagination-btn:focus-visible{outline:2px solid #FF6B35;outline-offset:2px}.pagination-select:focus-visible{outline:2px solid #FF6B35;outline-offset:2px}.menu-manager{padding:20px 0}.menu-manager.loading{text-align:center;padding:60px;color:#666}.manager-section{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 8px 32px #1f268726}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-header h3{margin:0;color:#333;font-size:1.4rem}.add-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.add-btn:disabled{opacity:.5;cursor:not-allowed}.item-form{background:#f8f9fab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:20px;border-radius:16px;margin-bottom:25px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.form-row.checkboxes{display:flex;gap:20px;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.primary-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.items-list{display:flex;flex-direction:column;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .2s ease}.list-item:hover{background:#e9ecef}.item-icon{font-size:2rem}.item-image-small{width:50px;height:50px;object-fit:cover;border-radius:8px}.item-info strong{display:block;color:#333;font-size:1.1rem}.item-info small{display:block;color:#666;font-size:.85rem;margin-top:4px}.role-badge{display:inline-block;padding:4px 10px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.8rem;font-weight:600;margin-top:5px}.item-actions{display:flex;gap:8px}.edit-btn,.delete-btn,.qr-btn-small{padding:8px 12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.edit-btn{background:#e3f2fd;color:#1976d2}.edit-btn:hover{background:#bbdefb}.delete-btn{background:#ffebee;color:#c62828}.delete-btn:hover{background:#ffcdd2}.qr-btn-small{background:#e8f5e9;color:#2e7d32}.qr-btn-small:hover{background:#c8e6c9}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.menu-item-card,.table-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);padding:20px;border-radius:16px;box-shadow:0 4px 16px #1f26871a;transition:all .3s ease}.menu-item-card:hover,.table-card:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 8px 24px #1f268726}.item-header,.table-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.item-header h4,.table-header h4{margin:0;color:#333;font-size:1.2rem}.item-price{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.item-category{color:#666;font-size:.9rem;margin:5px 0}.item-description{color:#666;font-size:.95rem;line-height:1.5;margin:10px 0}.item-meta{display:flex;gap:15px;margin:10px 0;font-size:.85rem;color:#666}.item-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.badge{padding:4px 10px;background:#fff3e0;color:#e65100;border-radius:12px;font-size:.8rem;font-weight:600}.table-type{padding:4px 10px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.8rem;font-weight:600}.table-capacity,.table-description{color:#666;font-size:.9rem;margin:8px 0}.table-url{background:#fff;padding:10px;border-radius:8px;margin:15px 0}.table-url small{display:block;color:#666;font-size:.75rem;margin-bottom:5px}.table-url code{display:block;font-size:.8rem;color:#333;word-break:break-all}.table-actions{display:flex;gap:8px;margin-top:15px}.download-btn{background:#28a745;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px}.download-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.empty-message{text-align:center;color:#999;padding:40px;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:30px;max-width:500px;width:100%;position:relative;text-align:center;box-shadow:0 16px 48px #1f268733}.modal-content h3{margin-bottom:20px;color:#333}.qr-code-wrapper{display:inline-block;padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:20px 0}.qr-url{color:#666;font-size:.9rem;word-break:break-all;margin:10px 0}.qr-hint{color:#999;font-size:.85rem;font-style:italic}.icon-select{width:100%;padding:12px 40px 12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:1.2rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.icon-select:hover{border-color:var(--primary-color, #4a90e2)}.icon-select:focus{outline:none;border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a}.icon-select option{padding:10px;font-size:1.1rem}.icon-preview{margin-top:15px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.selected-icon{font-size:4rem;line-height:1;animation:iconPop .3s ease}@keyframes iconPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.preview-label{font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.or-divider{display:flex;align-items:center;text-align:center;margin:25px 0;color:#999;font-size:.9rem;font-weight:600}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:2px solid #e0e0e0}.or-divider:not(:empty):before{margin-right:15px}.or-divider:not(:empty):after{margin-left:15px}.or-divider span{padding:0 10px;background:#fff;position:relative;z-index:1}@media (max-width: 768px){.manager-section{padding:15px}.section-header{flex-direction:column;gap:15px;align-items:stretch}.section-header h3{font-size:1.2rem}.add-btn{width:100%;padding:10px 15px;font-size:.95rem}.item-form{padding:15px}.form-row{grid-template-columns:1fr;gap:10px}.form-row.checkboxes{flex-direction:column;align-items:flex-start;gap:12px}.checkbox-label{font-size:.9rem}.items-grid{grid-template-columns:1fr;gap:15px}.menu-item-card,.table-card{padding:15px}.item-header h4{font-size:1.1rem}.item-price{font-size:1.2rem}.list-item{flex-direction:column;align-items:stretch;gap:10px}.item-info{width:100%}.item-actions{width:100%;justify-content:flex-end}.table-actions{gap:6px}.table-actions button{padding:6px 8px;font-size:.9rem}.download-btn{min-width:36px;padding:6px 10px}.primary-btn{width:100%}.filter-buttons{flex-direction:column}.filter-buttons button{width:100%}.icon-select{font-size:1rem}.selected-icon{font-size:3rem}.icon-preview{padding:15px}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-section{padding:20px}.color-grid{grid-template-columns:1fr;gap:12px}.color-input-group{flex-direction:column;gap:8px}.color-input-group input[type=color]{width:100%;height:50px}.header-actions{flex-direction:column;gap:10px}.theme-preview,.preview-card{padding:20px}.preview-header h5{font-size:1.3rem}.preview-item{padding:8px 12px}.input-group{flex-direction:column;gap:8px}.social-input-group{grid-template-columns:1fr;gap:8px}.image-item{flex-direction:column;text-align:center}.image-item img{width:100px;height:100px}.social-item{flex-direction:column;text-align:center;gap:5px}.social-item span{min-width:auto}.preview-images{justify-content:center}.preview-images img{width:60px;height:60px}}.recipe-section{background:#f8f9fa;padding:20px;border-radius:12px;margin:25px 0;border:2px dashed #d0d0d0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-bottom:30px}.settings-section{background:#f8f9fab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:25px;border-radius:16px}.settings-section h4{margin:0 0 20px;color:#333;font-size:1.2rem;display:flex;align-items:center;gap:8px}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.color-input-group{display:flex;gap:10px;align-items:center}.color-input-group input[type=color]{width:50px;height:40px;border:none;border-radius:8px;cursor:pointer;background:none}.color-input-group input[type=text]{flex:1;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem}.color-input-group input[type=text]:focus{outline:none;border-color:var(--primary-color, #4a90e2)}.currency-preview{margin-top:15px;padding:15px;background:#ffffff80;border-radius:10px;display:flex;align-items:center;gap:10px}.price-preview{font-size:1.5rem;font-weight:700;color:var(--primary-color, #4a90e2)}.theme-preview{margin-top:30px;padding:25px;background:#f8f9fab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px}.theme-preview h4{margin:0 0 20px;color:#333;font-size:1.2rem;display:flex;align-items:center;gap:8px}.preview-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 12px #0000001a;border:2px solid var(--primary-color, #4a90e2)}.preview-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary-color, #4a90e2)}.preview-header h5{margin:0 0 8px;color:var(--primary-color, #4a90e2);font-size:1.5rem;font-weight:700}.preview-header p{margin:0;color:#666;font-size:1rem}.preview-content{display:flex;flex-direction:column;gap:12px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa80;border-radius:8px;border-left:4px solid var(--secondary-color, #F7931E)}.preview-price{font-weight:700;color:var(--primary-color, #4a90e2);font-size:1.1rem}.header-actions{display:flex;gap:12px;align-items:center}.reset-btn{padding:10px 20px;background:#ffc1071a;color:#856404;border:2px solid rgba(255,193,7,.3);border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.reset-btn:hover:not(:disabled){background:#ffc10733;border-color:#ffc10780;transform:translateY(-1px)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;gap:10px;align-items:center}.input-group input{flex:1}.social-input-group{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:center}.images-list,.social-links-list{margin-top:15px;padding:15px;background:#f8f9fa80;border-radius:10px}.images-list h5,.social-links-list h5{margin:0 0 10px;color:#333;font-size:1rem}.image-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.image-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.social-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.social-item span{min-width:120px;font-weight:600}.social-item a{flex:1;color:#4a90e2;text-decoration:none;font-size:.9rem;word-break:break-all}.social-item a:hover{text-decoration:underline}.remove-btn{background:#ff4757;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:background .2s ease}.remove-btn:hover{background:#ff3742}.preview-images{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.preview-images img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0}.preview-contact{margin:15px 0;padding:15px;background:#f8f9fa80;border-radius:8px}.preview-contact p{margin:5px 0;color:#666;font-size:.9rem}.preview-menu-link{margin-top:20px;text-align:center}.preview-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.preview-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.recipe-section h4{margin:0 0 20px;color:#333;font-size:1.1rem}.ingredient-add{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:20px}.ingredient-select,.quantity-input{padding:10px 12px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:inherit}.ingredient-select:focus,.quantity-input:focus{outline:none;border-color:var(--primary-color, #4a90e2)}.add-ingredient-btn{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;white-space:nowrap}.add-ingredient-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.add-ingredient-btn:disabled{opacity:.5;cursor:not-allowed}.ingredients-list{background:#fff;padding:15px;border-radius:10px;margin-top:15px}.ingredients-list h5{margin:0 0 12px;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.ingredient-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;transition:all .2s}.ingredient-item:hover{background:#e9ecef}.ingredient-name{flex:1;font-weight:600;color:#333}.ingredient-quantity{margin:0 15px;color:#666;font-weight:500}.remove-ingredient-btn{width:28px;height:28px;border-radius:50%;border:none;background:#ff5722;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-ingredient-btn:hover{background:#f44336;transform:scale(1.1)}.no-ingredients{text-align:center;color:#999;font-size:.9rem;padding:20px;margin:15px 0 0;background:#fff;border-radius:10px;font-style:italic}@media (max-width: 768px){.ingredient-add{grid-template-columns:1fr;gap:10px}.add-ingredient-btn{width:100%}}@media (max-width: 480px){.icon-select{font-size:.95rem;padding:10px 12px}.selected-icon{font-size:2.5rem}.or-divider{font-size:.8rem;margin:20px 0}.recipe-section{padding:15px}.ingredient-item{flex-wrap:wrap;gap:8px}.ingredient-name{flex-basis:100%}}.waiter-actions{margin-bottom:25px;display:flex;gap:15px;flex-wrap:wrap}.scan-qr-btn,.manual-order-btn{padding:16px 32px;color:#fff;border:none;border-radius:15px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:10px;flex:1;min-width:200px;justify-content:center}.scan-qr-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 15px #4caf504d}.scan-qr-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.manual-order-btn{background:linear-gradient(135deg,#2196f3,#42a5f5);box-shadow:0 4px 15px #2196f34d}.manual-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.scan-qr-btn:active,.manual-order-btn:active{transform:translateY(0)}.waiter-dashboard .orders-grid,.chef-dashboard .orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.order-card{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:20px;box-shadow:0 8px 32px #1f268726;transition:all .3s ease}.order-card:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 12px 40px #1f268733}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.order-header h3{margin:0;font-size:1.3rem;color:#333}.status-badge{padding:6px 14px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.order-items{margin:15px 0}.order-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0}.order-item:last-child{border-bottom:none}.item-qty{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:12px;font-weight:700;font-size:.85rem;min-width:35px;text-align:center}.item-name{flex:1;color:#333;font-weight:500}.item-price{color:#666;font-weight:600}.order-total{display:flex;justify-content:space-between;padding:15px 0;border-top:2px solid #f0f0f0;font-size:1.2rem;color:var(--primary-color)}.order-time{color:#999;font-size:.9rem;margin:10px 0}.order-actions{display:flex;gap:10px;margin-top:15px}.action-btn,.reorder-btn{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;color:#fff}.action-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.reorder-btn{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.reorder-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b04d}.action-btn.chef-action{background:linear-gradient(135deg,#4caf50,#66bb6a)}.action-btn.chef-action:hover{box-shadow:0 4px 12px #4caf504d}.order-chef-info{background:#f8f9fa;padding:10px;border-radius:8px;margin:10px 0;font-size:.9rem;color:#666}@media (max-width: 768px){.waiter-actions{margin-bottom:15px;flex-direction:column;gap:10px}.scan-qr-btn,.manual-order-btn{width:100%;padding:14px 24px;font-size:1rem;justify-content:center;min-width:auto}.waiter-dashboard .orders-grid,.chef-dashboard .orders-grid{grid-template-columns:1fr;gap:15px}.order-card{padding:15px}.order-header h3{font-size:1.1rem}.status-badge{font-size:.75rem;padding:4px 10px}.order-item{padding:6px 0;font-size:.9rem}.item-qty{min-width:30px;font-size:.8rem}.order-total{font-size:1.1rem;padding:12px 0}.order-actions{flex-direction:column;gap:8px}.action-btn,.reorder-btn{padding:10px;font-size:.95rem}.order-chef-info{font-size:.85rem;padding:8px}}.inventory-manager{padding:20px}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.inventory-header h2{margin:0;font-size:1.6rem;color:#333}.add-item-btn{padding:12px 24px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.add-item-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.inventory-card{background:#fff;padding:20px;border-radius:15px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.inventory-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.inventory-card.low-stock{border-left:4px solid #ff5722;background:#fff3e0}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.item-header h3{margin:0;font-size:1.2rem;color:#333}.item-category{font-size:1.3rem}.item-balance{margin:15px 0}.balance-info{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem}.balance-info .label{color:#666}.balance-info .value{font-weight:600;color:#333}.add-stock-btn{width:100%;padding:12px;background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;margin-top:10px}.add-stock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:20px;max-width:500px;width:90%;box-shadow:0 10px 50px #0000004d}.modal h3{margin:0 0 20px;color:#333;font-size:1.4rem}.modal form{display:flex;flex-direction:column;gap:15px}.modal input,.modal select{padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s}.modal input:focus,.modal select:focus{outline:none;border-color:var(--primary-color, #4a90e2)}.total-cost{padding:12px;background:#e8f5e9;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:700;color:#2e7d32}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s}.modal-actions button[type=button]{background:#e0e0e0;color:#666}.modal-actions button[type=button]:hover{background:#d0d0d0}.modal-actions button[type=submit]{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.modal-actions button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.loading{text-align:center;padding:60px;color:#999;font-size:1.2rem}@media (max-width: 768px){.inventory-grid{grid-template-columns:1fr}.modal{padding:20px;max-width:90%}}.qr-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.qr-scanner-content{background:#fff;border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.qr-scanner-content h2{text-align:center;margin-bottom:10px;color:#333}.scanner-hint{text-align:center;color:#666;margin-bottom:20px;font-size:.9rem}#qr-reader{margin:20px 0}.manual-input-section{margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.or-divider{text-align:center;color:#999;margin-bottom:15px;font-size:.9rem}.manual-input-section textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-family:monospace;font-size:.85rem;resize:vertical;margin-bottom:15px}.manual-input-section textarea:focus{outline:none;border-color:var(--primary-color)}.submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.close-btn{position:absolute;top:15px;right:15px;width:35px;height:35px;border:none;background:#f5f5f5;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}@media (max-width: 768px){.qr-scanner-overlay{padding:10px}.qr-scanner-content{padding:20px 15px;max-height:95vh}.qr-scanner-content h2{font-size:1.3rem}.scanner-hint{font-size:.85rem}.manual-input-section{margin-top:20px;padding-top:15px}.manual-input-section textarea{font-size:.8rem;padding:10px}.submit-btn{padding:10px;font-size:1rem}}@media (max-width: 480px){#qr-reader{width:100%!important}.qr-scanner-content{padding:15px 10px}}.tables-view{padding:20px 0}.tables-view.loading{text-align:center;padding:60px;color:#666}.tables-section{margin-bottom:40px}.tables-section.urgent{background:linear-gradient(135deg,#ff98000d,#ffc1070d);padding:20px;border-radius:15px;border:2px solid #ff9800}.section-title{font-size:1.4rem;color:#333;margin-bottom:20px;font-weight:700}.urgent-title{color:#ff9800;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.table-card{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);padding:20px;border-radius:20px;box-shadow:0 8px 32px #1f268726;transition:all .3s ease;position:relative}.table-card:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.table-card.calling{border:3px solid #ff9800;box-shadow:0 0 20px #ff98004d;animation:glow 2s ease-in-out infinite}.table-card.occupied{border-left:4px solid #ff5722}@keyframes glow{0%,to{box-shadow:0 0 20px #ff98004d}50%{box-shadow:0 0 30px #ff980099}}.call-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px #ff980066;display:flex;align-items:center;gap:5px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.call-badge .call-icon{font-size:1.2rem;animation:ring 1s ease-in-out infinite}.table-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.table-info h4{margin:0;font-size:1.3rem;color:#333}.table-type{font-size:1.5rem}.table-capacity{color:#666;font-size:.9rem;margin:10px 0}.table-status{padding:8px 12px;border-radius:10px;font-weight:600;font-size:.9rem;text-align:center;margin:10px 0}.table-status.free{background:#e8f5e9;color:#2e7d32}.table-status.occupied{background:#ffebee;color:#c62828}.table-waiter{color:#1976d2;font-size:.85rem;font-weight:600;margin-top:8px;padding:6px 10px;background:#e3f2fd;border-radius:8px;text-align:center}.call-time{color:#ff9800;font-size:.85rem;font-weight:600;margin:10px 0}.accept-call-btn{width:100%;padding:12px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:15px}.accept-call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4caf5066}.accept-call-btn:active{transform:translateY(0)}@media (max-width: 768px){.tables-view{padding:10px 0}.tables-section{margin-bottom:25px}.tables-section.urgent{padding:15px}.section-title{font-size:1.2rem;margin-bottom:15px}.tables-grid{grid-template-columns:repeat(2,1fr);gap:10px}.table-card{padding:15px}.table-info h4{font-size:1.1rem}.table-type{font-size:1.2rem}.call-badge{font-size:.75rem;padding:6px 12px;top:-8px;right:-8px}.accept-call-btn{padding:10px;font-size:.9rem}}@media (max-width: 480px){.tables-grid{grid-template-columns:1fr}}.notifications-container{position:fixed;top:20px;right:20px;z-index:5000;display:flex;flex-direction:column;gap:15px;max-width:400px;pointer-events:none}.notification-toast{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 40px #0000004d;display:flex;gap:15px;align-items:start;animation:slideIn .3s ease;border:3px solid #ff9800;pointer-events:all}.notification-toast.ready{border-color:#4caf50}.notification-toast.ready .notification-icon{animation:none;transform:scale(1.2)}.notification-toast.ready .notification-content h4{color:#4caf50}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{font-size:2.5rem;animation:ring 1s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-20deg)}20%{transform:rotate(20deg)}}.notification-content{flex:1}.notification-content h4{margin:0 0 5px;color:#ff9800;font-size:1.1rem}.notification-content p{margin:5px 0;color:#666;font-size:.9rem}.notification-content small{color:#999;font-size:.8rem}.notification-actions{display:flex;flex-direction:column;gap:8px}.accept-btn,.dismiss-btn{padding:8px 16px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.9rem}.accept-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 2px 8px #4caf504d}.accept-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4caf5066}.dismiss-btn{background:#f5f5f5;color:#666}.dismiss-btn:hover{background:#e0e0e0}@media (max-width: 768px){.notifications-container{top:10px;right:10px;left:10px;max-width:none;gap:10px}.notification-toast{padding:15px;gap:10px}.notification-icon{font-size:1.8rem}.notification-content h4{font-size:1rem}.notification-content p{font-size:.85rem}.notification-actions{flex-direction:row;gap:8px}.accept-btn,.dismiss-btn{padding:6px 12px;font-size:.85rem}}@media (max-width: 480px){.notifications-container{top:5px;right:5px;left:5px}.notification-toast{flex-direction:column;padding:12px}.notification-actions{width:100%}.accept-btn,.dismiss-btn{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.manual-order-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 50px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:25px 30px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.6rem;color:#333}.close-btn{background:none;border:none;font-size:1.8rem;color:#999;cursor:pointer;transition:color .2s;padding:5px 10px;line-height:1}.close-btn:hover{color:#333}.modal-body{padding:25px 30px;overflow-y:auto;flex:1}.table-selection{margin-bottom:25px}.table-selection label{display:block;font-weight:600;color:#333;margin-bottom:10px;font-size:1rem}.table-select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;transition:border-color .2s;background:#fff}.table-select:focus{outline:none;border-color:var(--primary-color, #4a90e2)}.table-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.preselected-notice{margin-top:10px;padding:10px;background:#e3f2fd;border-radius:8px;color:#1976d2;font-size:.9rem;font-weight:600;text-align:center}.categories-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.category-tab{padding:12px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.95rem;display:flex;align-items:center;gap:8px;font-weight:500;color:#666}.category-tab:hover{background:#e8e8e8}.category-tab.active{background:var(--primary-color, #4a90e2);color:#fff;border-color:var(--primary-color, #4a90e2)}.category-icon{font-size:1.3rem}.category-img{width:24px;height:24px;object-fit:cover;border-radius:50%}.menu-items-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px}.menu-items-list::-webkit-scrollbar{width:8px}.menu-items-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.menu-items-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.menu-items-list::-webkit-scrollbar-thumb:hover{background:#aaa}.no-items{text-align:center;color:#999;padding:40px;font-size:1rem}.menu-item-row{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fafafa;border-radius:12px;transition:background .2s}.menu-item-row:hover{background:#f0f0f0}.item-info{display:flex;align-items:center;gap:15px;flex:1}.item-img{width:60px;height:60px;object-fit:cover;border-radius:10px}.item-details{flex:1}.item-details h4{margin:0 0 5px;font-size:1.1rem;color:#333}.item-description{margin:0 0 5px;font-size:.85rem;color:#666}.item-price{font-weight:700;color:var(--primary-color, #4a90e2);font-size:1rem}.item-actions{display:flex;align-items:center;gap:10px}.add-btn{padding:8px 20px;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.qty-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--primary-color, #4a90e2);background:#fff;color:var(--primary-color, #4a90e2);font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:700}.qty-btn:hover{background:var(--primary-color, #4a90e2);color:#fff}.qty{font-size:1.1rem;font-weight:700;color:#333;min-width:30px;text-align:center}.modal-footer{padding:20px 30px;border-top:2px solid #f0f0f0;background:#fafafa;border-radius:0 0 20px 20px}.order-summary{margin-bottom:15px}.summary-line{display:flex;justify-content:space-between;padding:8px 0;font-size:1rem;color:#666}.summary-line.total{padding-top:12px;border-top:2px solid #e0e0e0;font-size:1.2rem;color:#333}.summary-line.total strong{color:var(--primary-color, #4a90e2)}.footer-actions{display:flex;gap:15px}.footer-actions button{flex:1;padding:14px;border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#e0e0e0;color:#666}.cancel-btn:hover{background:#d0d0d0}.submit-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:60px;color:#999;font-size:1rem}@media (max-width: 768px){.modal-overlay{padding:10px}.manual-order-modal{max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:1.3rem}.modal-body{padding:20px}.categories-tabs{gap:8px}.category-tab{padding:10px 15px;font-size:.85rem}.menu-items-list{max-height:300px}.menu-item-row{flex-direction:column;align-items:flex-start;gap:15px}.item-info{width:100%}.item-actions{width:100%;justify-content:flex-end}.modal-footer{padding:15px 20px}.footer-actions{flex-direction:column;gap:10px}}@media (max-width: 480px){.modal-header h2{font-size:1.1rem}.item-img{width:50px;height:50px}.item-details h4{font-size:1rem}.item-description{font-size:.8rem}}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f268726}.glass-white{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}.glass-dark{background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.glass-card{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 8px 32px #1f268726;transition:all .3s ease}.glass-card:hover{background:#fffffff2;box-shadow:0 12px 40px #1f268733;transform:translateY(-2px)}.glass-modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 16px 48px #1f268733}.glass-button{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.glass-button:hover{background:#ffffff4d;box-shadow:0 4px 16px #1f268733}.glass-header{background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 24px #1f26871a}.glass-sidebar{background:#ffffffb3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 24px #1f26871a}.glass-overlay{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-input{background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);transition:all .3s ease}.glass-input:focus{background:#fffc;border-color:#4a90e280;box-shadow:0 4px 16px #4a90e233}.glass-background{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.glass-background-light{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.glass-background-blue{background:linear-gradient(135deg,#4facfe,#00f2fe);min-height:100vh}.glass-background-orange{background:linear-gradient(135deg,#fa709a,#fee140);min-height:100vh}@keyframes glassShimmer{0%{background-position:-200% center}to{background-position:200% center}}.glass-shimmer{background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200% 100%;animation:glassShimmer 3s ease-in-out infinite}:root{--primary-color: #FF6B35;--secondary-color: #F7931E;--background-color: #f8f9fa;--text-color: #333;--card-background: #ffffff;--success-color: #4CAF50;--danger-color: #f44336;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: rgba(31, 38, 135, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;color:var(--text-color);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb{background:#4a90e24d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:2px solid rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:#4a90e280}@media (max-width: 768px){*{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select{font-size:16px}}