.menu-page{min-height:100vh;padding:40px 20px}.menu-container{max-width:1400px;margin:0 auto}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}.menu-title{font-size:32px;font-weight:400;color:#464255;margin:0;font-weight:800}.menu-subtitle{font-size:18px;color:#898121;margin:8px 0 0;text-transform:uppercase;letter-spacing:1px}.category-filter{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 28px;border-radius:50px;box-shadow:0 4px 20px #00000014;font-weight:600;color:#333}.pizza-icon{font-size:24px}.dropdown-arrow{font-size:12px;color:#999}.pizza-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:6rem 4rem;justify-items:center;width:100%;padding-top:30px}@media(max-width:768px){.pizza-grid{grid-template-columns:1fr;gap:4rem}.menu-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.menu-title{font-size:40px}}.category-dropdown-container{position:relative;display:inline-block;margin:2rem 0}.category-dropdown-selected{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-radius:50px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-weight:600;transition:all .3s ease;min-width:180px}.category-dropdown-selected:hover{box-shadow:0 6px 20px #ff660026}.category-dropdown-selected .dropdown-arrow{margin-left:auto;font-size:.8rem}.category-dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:16px;margin-top:8px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:100;animation:slideDown .3s ease}.category-dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease}.category-dropdown-item:hover{background:#fff4ed}.category-dropdown-item.active{background:#f60;color:#fff;font-weight:700}.category-dropdown-item .category-icon{font-size:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-arrow-icon{width:20px;height:20px;margin-left:auto;transition:transform .3s ease;pointer-events:none}.modal-container{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background-color:#fff;border-radius:24px;width:100%;max-width:55rem;margin:0 20px;max-height:100vh;overflow:auto;box-shadow:0 25px 50px #00000040}.dish-form{padding:40px}.modal-title{font-size:24px;font-weight:800;color:#b17457;border-bottom:2px solid #f7fafc;padding-bottom:15px}.col-span-full{grid-column:1 / -1}.picture-section{padding:20px;border-radius:16px;border:1px dashed #e2e8f0}.section-label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.file-upload{width:100%;padding:14px;border-radius:16px;cursor:pointer;background:#fff;font-size:15px}.file-upload::-webkit-file-upload-button{background:#b17457;color:#fff;border:none;padding:10px 20px;border-radius:9999px;cursor:pointer;font-weight:600}.url-input{width:90%;border:2px solid #e5e5e5;border-radius:16px;padding:15px 20px;font-size:15px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview-section{margin-top:24px}.preview-image{width:100%;max-height:260px;object-fit:contain;border-radius:20px;padding:8px;background:#fff}.dish-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.dish-form-label{display:flex;flex-direction:column;gap:16px}.dish-form-label{font-size:15px;font-weight:600;margin-bottom:16px}.dish-form-input{width:100%;border:2px solid #e2e8f0;padding:12px 16px;border-radius:12px;font-size:14px;transition:all .2s ease-in-out}.description-area{width:100%;resize:none}.dish-form-input:focus{background:#fff;border-color:#b17457;box-shadow:0 0 0 4px #b174571a}.col-span-1{grid-column:span 1}.variants-section{margin-top:32px}.variants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-variant-btn{color:#b17457;border:none;padding:10px 20px;border-radius:9999px;cursor:pointer;font-weight:600;background:none}.variant-row{display:flex;align-items:end;gap:16px;margin-bottom:16px}.add-dish-btn{padding:10px 20px;background-color:#b17457;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s}.add-dish-btn:hover{background-color:#9f6045}.menu-loading{display:flex;justify-content:center;align-items:center;padding:40px}.menu-error{text-align:center;padding:40px;color:#dc2626;font-size:20px}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;gap:20px}.menu-title{font-size:36px;color:#b17457;font-weight:700;margin:0 0 40px}.recipes-header{display:flex;justify-content:space-between;margin-bottom:12px}.recipes-header-label{margin:0}.recipe-input-container{flex:1}.recipe-quantity-input{flex:0 0 160px}.recipe-action-cell{padding:16px 10px;font-size:15px;white-space:nowrap}.recipe-hint{color:#999;font-size:14px;margin-top:8px}.variant-input{flex:1}.remove-variant-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:24px;padding:8px 12px}.dish-action-buttons{display:flex;gap:16px;margin-top:48px}.dish-cancel-btn,.dish-submit-btn{flex:1;padding:18px;font-size:17px;font-weight:600;border-radius:16px;cursor:pointer;transition:all .2s}.dish-cancel-btn{border:2px solid #e5e5e5}.dish-cancel-btn:hover{border-color:#ef4444;color:#ef4444}.dish-submit-btn{background:#b17457;color:#fff;border:none}.dish-submit-btn:hover:not(:disabled){background:#9a5f48}.dish-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.modal{border-radius:20px;max-height:98vh;margin:8px}.modal-form{padding:24px 20px}.modal-title{font-size:24px;margin-bottom:24px}.upload-grid{grid-template-columns:1fr;gap:20px}.file-upload{width:100%;padding:14px;border:2px dashed #B17457;border-radius:16px;cursor:pointer;background:#fff;font-size:15px}.url-input{width:100%;border:2px solid #e5e5e5;border-radius:16px;padding:16px 20px;font-size:15px}.preview-section{margin-top:24px}.preview-label{font-size:15px;font-weight:600;margin-bottom:8px;color:#333}.preview-image{width:100%;max-height:260px;object-fit:contain;border:3px solid #f5e8d3;border-radius:20px;padding:8px;background:#fff}.dish-form-grid{grid-template-columns:1fr;gap:20px}.variant-row{flex-direction:column;align-items:stretch;gap:12px}.remove-variant-btn{align-self:flex-end}.action-buttons{flex-direction:row}}.variant-container{border:1px solid #edf2f7;background:#fff;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s}.recipe-row{display:flex;align-items:end;gap:16px;margin-bottom:16px}.recipes-header{margin-bottom:12px}
