@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Lato:wght@400;700&display=swap";.register{background-color:#e4ddd4;border-radius:6px;border:none;box-shadow:0 2px 8px #0009;padding:1.5rem;margin:5rem auto;width:80%;max-width:30rem;color:#2c2306}.register .control{margin:.8rem;display:flex;flex-direction:column}.register .mode{display:flex;align-items:center;justify-content:space-between}.register .mode p{cursor:pointer;color:#ffab04}@media (max-width: 600px){.register{width:90%;margin:2rem auto;padding:1rem}.register .control{margin:.5rem 0}.register .mode{flex-direction:column;gap:.5rem}}.filters{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.filters select{padding:.5rem 1rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;cursor:pointer}.meal-description{max-width:1200px;min-height:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:4rem;margin:5rem auto;color:#fff}.meal-description .meal-image{width:100%;display:flex;justify-content:center}.meal-description .meal-image img{width:100%;max-width:550px;border-radius:1.5rem;box-shadow:0 6px 16px #00000040;object-fit:cover;transition:transform .3s ease}.meal-description .meal-image img:hover{transform:scale(1.02)}.meal-description .meal-details{display:flex;flex-direction:column;gap:1.5rem}.meal-description .meal-details h2{font-size:2.2rem;color:#fff;font-weight:700}.meal-description .meal-price{font-size:1.5rem;color:#ffab04;font-weight:600}.meal-description .meal-description-text{font-size:1.1rem;line-height:1.6;color:#fff}.meal-description button{width:fit-content;padding:.75rem 1.5rem;font-size:1.1rem}@media (max-width: 900px){.meal-description{grid-template-columns:1fr;text-align:center;gap:2rem}.meal-description .meal-image img{max-width:400px;margin:0 auto}.meal-description .meal-details{align-items:center}.meal-description .meal-details h2{font-size:1.8rem}.meal-description .meal-price{font-size:1.3rem}.meal-description .meal-description-text{font-size:1rem}}@media (max-width: 576px){.meal-description{grid-template-columns:1fr;text-align:center;gap:1rem;margin:1rem auto}.meal-description .meal-image img{max-width:200px;margin:0 auto}.meal-description .meal-details{align-items:center;gap:.5rem}.meal-description .meal-details h2{font-size:1.5rem}.meal-description .meal-price,.meal-description .meal-description-text{font-size:1rem}}.profile-container{display:flex;justify-content:center;align-items:center;padding:60px 20px}.profile-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px 60px;max-width:500px;width:100%;text-align:center;transition:transform .3s ease}.profile-card:hover{transform:translateY(-3px)}.profile-img{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid #3b82f6;display:flex;align-items:center;justify-content:center}.profile-img img{width:100%;height:100%;object-fit:cover}.profile-card h1{font-size:1.8rem;margin-bottom:25px;color:#111827;font-weight:600}.profile-details{display:flex;flex-direction:column;gap:16px}.profile-details-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.profile-details-row .title{color:#6b7280;font-weight:500;font-size:.95rem}.profile-details-row .value{color:#111827;font-weight:600;font-size:.95rem}.edit-profile-form h1{font-size:1.6rem;font-weight:600;margin-bottom:25px;color:#1e293b}.edit-profile-img{position:relative;width:120px;height:120px;margin:0 auto 25px;overflow:hidden;border:3px solid #ffab04;border-radius:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.edit-profile-img img{width:100%;height:100%;object-fit:cover}.edit-profile-img .editIcon{position:absolute;bottom:5px;right:5px;background-color:#ffab04;color:#fff;padding:6px;border-radius:50%;transition:background-color .25s ease}.edit-profile-img .editIcon:hover{background-color:#1d4ed8}.control{display:flex;flex-direction:column;text-align:left;margin-bottom:18px}.control label{font-weight:500;margin-bottom:6px;font-size:.95rem;color:#374151}.control input{padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.control input:focus{border-color:#ffab04;box-shadow:0 0 0 2px #2563eb26}.admin{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;min-height:100vh}.admin .header{background-color:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 2px 6px #ffc404;margin-bottom:20px}.admin .header h1{margin:0;font-size:1.8rem;color:#333}.admin .navigation{background-color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 2px 6px #ffc404;margin-bottom:20px}.admin .navigation nav{display:flex;gap:15px}.admin .navigation button{padding:8px 16px;border:none;border-radius:6px;background-color:#e0e0e0;color:#333;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.admin .navigation button:hover{background-color:#d0d0d0}.admin .navigation button.active{background-color:#007bff;color:#fff}.admin>div:last-child{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d}@media (max-width: 768px){.admin .navigation nav{flex-direction:column}.admin .navigation button{width:100%}}.overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px}.overview_stats{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:space-between;transition:transform .2s,box-shadow .2s}.overview_stats:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.overview_stats div{width:100%;display:flex;justify-content:space-between}.overview_stats div div{display:flex;flex-direction:column}.overview_stats p:first-child{font-size:14px;color:#777;margin:0}.overview_stats p:last-child{font-size:24px;font-weight:700;margin:5px 0 0;color:#333}.total_users{border-left:5px solid cyan}.total_orders{border-left:5px solid orange}.pending_orders{border-left:5px solid #fa0a0a}.total_revenue{border-left:5px solid green}.overview_stats svg{width:30px;height:30px;color:#007bff}.overview_stats.total_users svg{color:#17a2b8}.overview_stats.total_orders svg{color:#ffc107}.overview_stats.pending_orders svg{color:red}.overview_stats.total_revenue svg{color:green}@media (max-width: 600px){.overview{grid-template-columns:1fr}}.recent_orders{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #ffc404}.recent_orders .heading{margin-bottom:15px}.recent_orders h2{font-size:1.5rem;color:#333}.order_table table{width:100%;border-collapse:collapse}.order_table th,.order_table td{padding:10px 15px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:.95rem;color:#555}.order_table th{background-color:#f7f7f7;font-weight:600}.order_table tbody tr:hover{background-color:#f5f5f5}.status-icon{width:16px;height:16px;vertical-align:middle;margin-right:6px;color:#333}td span{display:flex;align-items:center}td span.pending .status-icon{color:orange}td span.processing .status-icon{color:#007bff}td span.shipped .status-icon{color:#17a2b8}td span.delivered .status-icon{color:green}td span.cancelled .status-icon{color:red}.order{padding:20px;font-family:Arial,sans-serif;background-color:#f9f9f9;box-shadow:0 2px 6px #ffc404}.order_filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order_filter div{display:flex;align-items:center;gap:8px}.order_filter input{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.order_filter select{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff}.order_table{overflow-x:auto}.order_table table{width:100%;border-collapse:collapse;background-color:#fff}.order_table th,.order_table td{padding:12px 15px;border:1px solid #ddd;text-align:left;font-size:14px;color:#000}.order_table th{background-color:#f1f1f1}.order_table tr:nth-child(2n){background-color:#f9f9f9}.status-icon{margin-right:5px;vertical-align:middle;color:#555}.order_table button{padding:6px 12px;border:none;border-radius:4px;background-color:#07f;color:#fff;cursor:pointer;font-size:14px}.order_table button:hover{background-color:#005fcc}.order_table td div{margin-bottom:4px}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.section h4{margin-bottom:.5rem;font-weight:600}.info-box{background-color:#f7f7f7;padding:1rem;border-radius:6px}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.status-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.status-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;border:2px solid #ccc;border-radius:6px;font-weight:500;cursor:pointer;background-color:#fff}.status-btn.active{border-color:#3b82f6;background-color:#dbebff;color:#1d4ed8}.status-btn:disabled{opacity:.5;cursor:not-allowed}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #ddd;display:flex;justify-content:flex-end}.users-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #ffc404;overflow-x:auto}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 15px;border:1px solid #ddd;text-align:left;font-size:14px;color:#000}.users-table th{background-color:#f4f4f4;text-transform:uppercase;font-weight:600;color:#555}.users-table tr:nth-child(2n){background-color:#f9f9f9}.users-table tr:hover{background-color:#f1f1f1}.status-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.actions{display:flex;gap:6px}.action-btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.action-btn.activate{background-color:#d1fae5;color:#065f46}.action-btn.activate:hover{background-color:#a7f3d0}.action-btn.deactivate{background-color:#fee2e2;color:#991b1b}.action-btn.deactivate:hover{background-color:#fecaca}.action-btn.delete-btn{background-color:#f3f3f3;color:#555;display:flex;align-items:center;justify-content:center}.action-btn.delete-btn:hover{background-color:#e0e0e0}.action-btn svg{width:16px;height:16px}*{box-sizing:border-box}body{font-family:Raleway,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#29251c,#2c2306);color:#d9e2f1;min-height:100vh}a{text-decoration:none;color:#fff}#main-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 10%}#main-header #title{display:flex;gap:1rem;align-items:center}#main-header #title img{width:4rem;height:4rem;object-fit:contain;border-radius:50%;border:2px solid #ffc404}#main-header nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}#main-header .user{padding:0}#main-header .user img{width:2rem;height:2rem;border-radius:50%;border:2px solid #ffc404}#main-header button{font-size:1.5rem;font-family:Lato,sans-serif}h1{font-family:Lato,sans-serif;font-weight:700;font-size:2rem;margin:0;color:#ffc404;letter-spacing:.2rem;text-transform:uppercase}.search-bar{width:100%;max-width:500px;margin:2rem auto;display:flex;justify-content:center}.search-bar input{width:100%;padding:.8rem 1.2rem;border-radius:2rem;border:2px solid #ffc404;outline:none;font-size:1rem;transition:all .3s ease}.search-bar input:focus{border-color:#ffc404;box-shadow:0 0 10px #ff4c6033}#meals{width:90%;max-width:70rem;list-style:none;margin:2rem auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.meal-item{background-color:#1d1a16;border-radius:1rem;overflow:hidden;text-align:center;box-shadow:0 1px 6px #0000004d}.meal-item article{height:100%;display:flex;flex-direction:column;justify-content:space-between}.meal-item img{width:100%;height:20rem;object-fit:cover}.meal-item h3{font-size:1.5rem;font-weight:700;margin:.75rem 0}.meal-item-description{margin:1rem}.meal-item-price{display:inline-block;background-color:#312c1d;color:#ffc404;font-size:.9rem;font-weight:700;padding:.5rem 2rem;margin:0;border-radius:4px}.meal-item-actions{margin-bottom:1.5rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:3rem 0;flex-wrap:wrap}.cart h2{margin:1rem 0}.cart ul{list-style:none;margin:.5rem 0;padding:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-actions .text-button{color:#1d1a16}.modal-actions .text-button:hover,.modal-actions .text-button:active{color:#312c1d}.cart-total{display:flex;justify-content:flex-end;margin:2rem 0;font-size:1.15rem;font-weight:700;color:#46443c}.cart-item{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.cart-item p{margin:0}.cart-item-actions{display:flex;gap:1rem;align-items:center}.cart-item-actions button{cursor:pointer;font-size:1rem;width:1.5rem;height:1.5rem;border-radius:50%;border:none;background-color:#312c1d;color:#ffc404;display:flex;justify-content:center;align-items:center}.cart-item-actions button:hover,.cart-item-actions button:active{background-color:#1d1a16;color:#ffab04}.control{margin:.5rem 0;display:flex;flex-direction:column}.control label{font-weight:700;margin-bottom:.5rem}.control input{width:100%;max-width:20rem;font:inherit;padding:.5rem;border-radius:4px;border:1px solid #ccc}.control-row{display:flex;justify-content:flex-start;gap:1rem}.button{font:inherit;cursor:pointer;background-color:#ffc404;border:1px solid #ffc404;color:#1f1a09;padding:.5rem 1.5rem;border-radius:4px}.button:hover,.button:active{background-color:#ffab04;border-color:#ffab04;color:#1f1a09}.text-button{font:inherit;cursor:pointer;background-color:transparent;border:none;color:#ffc404}.text-button:hover,.text-button:active{color:#ffab04}.modal{background-color:#e4ddd4;border-radius:6px;border:none;box-shadow:0 2px 8px #0009;padding:1rem;width:80%;max-width:40rem;animation:fade-slide-up .3s ease-out forwards}.modal::backdrop{background-color:#0000008c}.center{text-align:center}.error{width:90%;max-width:25rem;margin:2rem auto;padding:1rem;background-color:#f9b8b8;color:#6d0b0b;border-radius:6px}.error h2,.error p{margin:0}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}#main-header{position:fixed;top:0;left:0;width:100%;background-color:#1d1a16f2;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;box-shadow:0 2px 6px #0000004d}body{padding-top:100px}#main-header #title{display:flex;align-items:center;gap:1rem}#main-header button{font-size:1.2rem;padding:.4rem 1rem}@media (max-width: 600px){#main-header{flex-direction:row;justify-content:space-between;padding:1rem 5%}#main-header #title{gap:.5rem;align-items:center}#main-header #title h1{font-size:1rem}#main-header #title img{width:3rem;height:3rem}#main-header nav{display:flex;gap:.5rem}#main-header button{font-size:1rem;padding:.4rem 1rem}#meals{width:95%;padding:.5rem;grid-template-columns:repeat(2,1fr);gap:.75rem}.meal-item img{height:12rem;object-fit:cover}.meal-item h3{font-size:1rem}.meal-item-description{display:none}.meal-item-price{font-size:.8rem;padding:.3rem 1rem}.cart-total{font-size:1rem}.control input{max-width:100%}.modal{width:95%;padding:.8rem}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions .text-button{text-align:center}}@media (max-width: 600px){#main-header{flex-direction:row;justify-content:space-between}#main-header #title{gap:.5rem}#main-header #title h1{font-size:1rem}#main-header #title img{width:3rem;height:3rem}}