.menu-item{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border-left:4px solid #d0d0d0}.menu-item:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.item-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.menu-item h3{font-size:16px;color:#1a1f3a;flex:1;margin:0}.menu-item .price{font-size:18px;font-weight:700;color:#d4680a;white-space:nowrap}.description{color:#666;font-size:14px;margin-bottom:10px;line-height:1.5}.ingredients{color:#888;font-size:13px;margin:8px 0;padding:8px 0;border-top:1px solid #eee}.ingredients strong{color:#333}.allergens strong{color:#333}.home{background-color:#e8e8e8;margin:0;padding:0;display:flex;flex-direction:column;font-size:0;overflow-x:clip}.header{background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%);color:#fff;padding:15px 20px;margin:0;border:none;line-height:1.2;font-size:16px}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center}.logo-section{display:flex;align-items:center;gap:15px}.logo-img{height:50px;width:auto;object-fit:contain}.header h1{font-size:24px;font-weight:700;margin:0}.hero-section{position:relative;height:450px;overflow:hidden;max-width:1200px;width:100%;margin:0 auto;padding:0;display:block;flex-shrink:0}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.hero-overlay h2{font-size:32px;margin-bottom:10px;font-weight:700}.hero-overlay p{font-size:16px;opacity:.9}.container{max-width:1200px;width:100%;margin:0 auto;padding:20px;background-color:#fff;display:block;line-height:1.6;box-sizing:border-box;font-size:16px}.categories-nav{position:sticky;top:0;z-index:100;background-color:#fff;margin-bottom:30px;margin-left:-20px;margin-right:-20px;padding:10px 20px 0;box-shadow:0 2px 8px #0000000f}.categories-nav.has-scroll-left:before{content:"‹";position:absolute;left:0;top:0;bottom:0;width:56px;background:linear-gradient(to left,transparent,#ffffff 70%);display:flex;align-items:center;justify-content:flex-start;padding-left:10px;font-size:22px;color:#1a1f3a;pointer-events:none;z-index:1}.categories-nav.has-scroll-right:after{content:"›";position:absolute;right:0;top:0;bottom:0;width:56px;background:linear-gradient(to right,transparent,#ffffff 70%);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:22px;color:#1a1f3a;pointer-events:none;z-index:1}.categories-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;-ms-overflow-style:none}.categories-scroll::-webkit-scrollbar{display:none}.category-btn{padding:12px 24px;background-color:#f5f5f5;color:#1a1f3a;border:2px solid transparent;border-radius:25px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.category-btn:hover{background-color:#c0392b;color:#fff;border-color:#c0392b}.menu-sections{display:flex;flex-direction:column;gap:40px}.category-section{scroll-margin-top:80px}.category-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #d0d0d0}.category-header h2{font-size:28px;color:#1a1f3a;margin:0 0 8px;font-weight:700}.category-header p{color:#666;margin:0;font-size:14px;font-style:italic}.menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.no-items{text-align:center;color:#999;padding:40px;font-size:16px;grid-column:1 / -1}@media (max-width: 768px){.hero-section{height:auto}.hero-img{height:auto;object-fit:fill}.header{padding:12px 15px}.header h1{font-size:20px}.logo-img{height:40px}.hero-section{margin:0}.hero-overlay h2{font-size:20px}.hero-overlay p{font-size:13px}.category-btn{padding:10px 16px;font-size:13px}.category-header h2{font-size:22px}.menu-items{grid-template-columns:1fr}.container{padding:15px}}.footer{background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%);color:#ffffffd9;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:24px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{height:36px;width:auto;object-fit:contain;opacity:.9}.footer-copy{font-size:14px;font-weight:500}.footer-right{font-size:13px;opacity:.75}.footer-link{color:#fff;font-weight:600;text-decoration:none;transition:opacity .2s ease}.footer-link:hover{opacity:1}.subcategory-section{margin-top:28px}.subcategory-header{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.subcategory-header h3{font-size:20px;color:#2d1b4e;margin:0 0 4px;font-weight:600}.subcategory-header p{color:#888;margin:0;font-size:13px;font-style:italic}.allergens-section{margin-top:56px;padding-top:32px;padding-bottom:48px;border-top:2px solid #e8e8e8}.allergens-title{font-size:20px;color:#1a1f3a;margin:0 0 20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.allergens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 24px}.allergen-item{display:flex;align-items:flex-start;gap:10px}.allergen-num{flex-shrink:0;width:26px;height:26px;background-color:#1a1f3a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:1px}.allergen-info{display:flex;flex-direction:column}.allergen-name{font-size:13px;font-weight:700;color:#1a1f3a;line-height:1.4}.allergen-detail{font-size:12px;color:#888;line-height:1.4}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%)}.login-box{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:30px;color:#333;font-size:24px;display:flex;justify-content:center;align-items:center;gap:15px}.login-logo{height:40px;width:auto;object-fit:contain}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#d0d0d0;box-shadow:0 0 0 3px #d0d0d01a}.login-box button[type=submit]{width:100%;padding:12px;background-color:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.login-box button[type=submit]:hover{background-color:#c0392b}.error-message{background-color:#fee;color:#c00;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #c00}.auth-toggle{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #eee}.auth-toggle p{margin:0;font-size:14px;color:#666}.toggle-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:0;margin-left:5px;text-decoration:underline;transition:color .3s}.toggle-btn:hover{color:#5568d3;text-decoration:none}@media (max-width: 480px){.login-box{margin:20px;padding:30px 20px}}form{display:flex;flex-direction:column;gap:0}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d0d0d0;box-shadow:0 0 0 3px #d0d0d01a}.form-group input[type=number]{max-width:150px}.form-actions button{padding:12px 24px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1}.admin-container{min-height:100vh;background-color:#f5f5f5}.alert{max-width:1200px;margin:20px auto;padding:16px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 2px 8px #0000001a}.alert-error{background-color:#fee;color:#c00;border-left:4px solid #c00}.alert-success{background-color:#efe;color:#060;border-left:4px solid #060}.alert-close{background:none;border:none;font-size:24px;cursor:pointer;color:inherit;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.alert-close:hover{opacity:.7}.admin-header{background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.admin-header h1{font-size:28px;margin:0}.tabs{display:flex;gap:0;background-color:#fff;border-bottom:2px solid #e8e8e8;width:100%;box-shadow:0 2px 4px #0000000d}.tabs-inner{display:flex;max-width:1200px;margin:0 auto;width:100%;padding:0 20px}.tab{padding:16px 28px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;color:#666;font-size:15px;font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease}.tab:hover{color:#1a1f3a}.tab.active{color:#1a1f3a;border-bottom-color:#1a1f3a;font-weight:700}.tab-content{max-width:1200px;margin:0 auto;padding:30px 20px}.form-container{background:white;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.form-container h2{margin-bottom:20px;color:#333;font-size:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{flex:1}.list{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.list h2{margin-bottom:20px;color:#333;font-size:20px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-header h2{margin-bottom:0}.list-header-actions{display:flex;align-items:center;gap:10px}.category-filter-select{padding:9px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;background:white;color:#333;cursor:pointer;outline:none;transition:border-color .2s ease}.category-filter-select:focus{border-color:#2d1b4e}.item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.order-badge{display:inline-block;background-color:#f0edf8;color:#2d1b4e;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin:0!important}.btn-add{padding:10px 20px;background:linear-gradient(135deg,#1a1f3a 0%,#2d1b4e 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.btn-add:hover{opacity:.85}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;background:white;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content .form-container{margin-bottom:0;box-shadow:none;border-radius:14px}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:#666;z-index:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background-color:#f0f0f0;color:#333}.list ul{list-style:none}.list-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;gap:20px}.list-item-sub{padding-left:40px;background-color:#fafafa}.list-item-sub h3{color:#555;font-size:15px!important}.list-item:last-child{border-bottom:none}.list-item h3{margin:0 0 8px;color:#333;font-size:16px}.list-item p{margin:4px 0;color:#666;font-size:14px}.category-badge{display:inline-block;background-color:#e8f0f8;color:#667eea;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.price{font-size:18px;font-weight:700;color:#1a1f3a;margin:8px 0 0}.ingredients{font-style:italic;color:#999}.allergens{color:#888;font-size:13px;margin:8px 0 0;padding:8px 0;border-top:1px solid #eee;font-weight:400}.actions{display:flex;gap:10px;flex-shrink:0}.actions button{padding:8px 14px;font-size:13px}@media (max-width: 768px){.admin-header{flex-direction:column;gap:15px;text-align:center}.tabs{flex-wrap:wrap}.list-header{flex-direction:column;align-items:flex-start;gap:12px}.list-header h2{width:100%}.list-header-actions{width:100%;flex-wrap:wrap}.list-header-actions .btn-add{width:100%;text-align:center}.list-item{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0}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-color:#e8e8e8;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#666}button{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s ease}button:hover{opacity:.9;transform:translateY(-2px)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#e74c3c;color:#fff}.btn-primary:hover{background-color:#c0392b}.btn-secondary{background-color:#ddd;color:#333}.btn-secondary:hover{background-color:#ccc}.btn-edit{background-color:#1a1f3a;color:#fff;padding:8px 12px;font-size:13px}.btn-edit:hover{background-color:#2d1b4e}.btn-delete{background-color:#e74c3c;color:#fff;padding:8px 12px;font-size:13px}.btn-delete:hover{background-color:#c0392b}.btn-logout{background-color:transparent;color:#fff;padding:8px 18px;border:2px solid rgba(255,255,255,.6);border-radius:8px}.btn-logout:hover{background-color:#ffffff26;border-color:#fff}