body{margin:0;font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333}.page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#ffcc70,#f96);padding:1rem}.menu-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem 1rem}.menu-card{color:#0f0f0f;width:250px;background:#fff;border:1px solid #ccc;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.menu-image{width:250px;height:125px;object-fit:fill}.menu-info{padding:0;text-align:center}.menu-info h3{color:#000;padding:0%}.menu-info p{color:#000}.menu-details{padding:1rem;background-color:#f9f9f9;border-top:1px solid #eee}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#eaeaea}.auth-form{background:#fff;padding:2rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem;width:300px}.auth-form input,.auth-form select{padding:.5rem;border:1px solid #ccc;border-radius:4px}.auth-form button{padding:.75rem;background-color:#111;color:#fff;border:none;border-radius:4px;cursor:pointer}.form-error{color:red;font-size:.9rem}.checkout-page{padding:2rem;max-width:600px;margin:auto;background:#fff;border-radius:8px}.checkout-form{display:flex;flex-direction:column;gap:1rem}.checkout-form label{display:flex;flex-direction:column}.availability-available{color:#28a745;font-weight:700}.availability-unavailable{color:#dc3545;font-weight:700}.options-list{list-style:none;padding:0;margin-top:.5rem}.options-list li{background-color:#f9f9f9;padding:.3rem .6rem;border-radius:3px;margin-bottom:.2rem;font-size:.95em;color:#333}.options-selection{margin-top:1rem;margin-bottom:.5rem;padding:.75rem;background-color:#f5f5f5;border-radius:8px;border:1px solid #eee}.options-selection h4{margin-top:0;margin-bottom:.75rem;color:#333;font-size:1.1em}.choice-option{display:flex;align-items:center;margin-bottom:.5rem}.choice-option input[type=radio]{margin-right:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;outline:none;cursor:pointer;position:relative;transition:border-color .2s ease-in-out}.choice-option input[type=radio]:checked{border-color:#007bff}.choice-option input[type=radio]:checked:before{content:"";display:block;width:10px;height:10px;background:#007bff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.choice-option label{cursor:pointer;color:#555;font-size:.9em}.cart-has-items{background-color:red;color:#fff;animation:shake .5s infinite}.cart-empty{background-color:green;color:#fff}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.cart-button{padding:.5rem 1rem;margin-left:1rem;border:none;border-radius:6px;font-weight:700;cursor:pointer}body.dark-mode .availability-available{color:#a2d2ff}body.dark-mode .availability-unavailable{color:#ff6b6b}body.dark-mode .options-list li{background-color:#3a3a3a;color:#e0e0e0}body.sunset-mode{background:linear-gradient(top left to bottom right,#f6d365,#fda085)}.dark-mode body,body.dark-mode{background-color:#121212;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.dark-mode .page-title{color:#f9f9f9}.dark-mode .menu-card{background-color:#2a2a2a;color:#fff}.dark-mode .menu-info h3,.dark-mode .menu-info p{color:#e0e0e0}.dark-mode .menu-details{background-color:#333;border-top:1px solid #444}.dark-mode .auth-container{background:#1e1e1e}.dark-mode .auth-form{background:#2c2c2c;color:#eee}.dark-mode .auth-form input,.dark-mode .auth-form select{background:#444;border:1px solid #666;color:#fff}.dark-mode .auth-form button{background-color:#ff8c00;color:#000}.dark-mode .submit-button:hover{background-color:#ffa733}body.dark-mode .options-selection{background-color:#2e2e2e;border-color:#444}body.dark-mode .options-selection h4{color:#e0e0e0}body.dark-mode .choice-option input[type=radio]{border-color:#666}body.dark-mode .choice-option input[type=radio]:checked{border-color:#6c5ce7}body.dark-mode .choice-option input[type=radio]:checked:before{background:#6c5ce7}body.dark-mode .choice-option label{color:#ccc}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}body.dark-mode .submit-button:disabled{background-color:#555}body{background-color:#121212;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;border-bottom:1px solid #2c2c2c;color:#f5f5f5}.admin-button-logout{background-color:#ee7b24;color:#fff;font-weight:700;padding:.65rem 1.2rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease,transform .2s ease}.admin-button-logout:hover{background-color:#b91c1c;transform:scale(1.03)}.admin-button-back{padding:.75rem 1.25rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease;margin-left:1rem}.admin-button-back:hover{background-color:#5a6268}body.dark-mode .admin-button-back{background-color:#555;color:#e0e0e0}body.dark-mode .admin-button-back:hover{background-color:#666}.admin-dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;padding:1.25rem}@media (min-width: 768px){.admin-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-dashboard-grid{grid-template-columns:repeat(3,1fr)}}.admin-dashboard-card{background-color:#1e1e1e;padding:1.75rem;border-radius:.75rem;box-shadow:0 4px 10px #00000059;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;border:1px solid #2c2c2c;text-align:left}.admin-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 16px #00000073}.admin-dashboard-card h2{font-size:1.65rem;font-weight:600;margin-bottom:.5rem}.admin-dashboard-card p{color:#a1a1aa;font-size:1.05rem;line-height:1.6}.admin-dashboard-card.orders h2{color:#3b82f6}.admin-dashboard-card.completed-orders h2{color:#22c55e}.admin-dashboard-card.money-earned h2{color:#a855f7}.admin-dashboard-card.manage-products h2{color:#eab308}.admin-dashboard-card.manage-users h2{color:#14b8a6}.success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.success-modal{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #0003;text-align:center;font-size:1.2rem;color:#333;min-width:250px;max-width:80%}.success-modal p{margin:0;font-weight:700}body.dark-mode .success-modal{background-color:#2a2a2a;color:#e0e0e0}.admin-page{padding:2rem 1rem}.page-title{text-align:center;font-size:2rem;padding:1rem;color:#0f0f0f}.product-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem 0}.menu-card{color:#0f0f0f;width:250px;background:#fff;border:1px solid #ccc;border-radius:10px;overflow:hidden;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;display:flex;flex-direction:column;align-items:center;padding-bottom:1rem;min-height:250px;position:relative}.menu-card:hover{transform:scale(1.03)}.menu-image{width:250px;height:125px;object-fit:fill;margin-bottom:.5rem}.menu-info{padding:0 1rem;text-align:center;width:100%}.menu-info h3{color:#000;margin:0}.menu-info p{color:#000;margin-top:.2rem}.menu-details{padding:1rem;background-color:#f9f9f9;border-top:1px solid #eee;width:100%;box-sizing:border-box;text-align:left}.menu-details p{margin-bottom:.5rem;font-weight:700;color:#333}.menu-details input,.menu-details textarea,.add-product-form input,.add-product-form textarea{width:100%;padding:.5rem;margin-bottom:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:Arial,sans-serif}.menu-details textarea{resize:vertical;min-height:60px}.admin-actions{display:flex;justify-content:space-between;margin-top:1rem}.submit-button{padding:.75rem 1.25rem;background-color:#111;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease,color .2s ease}.submit-button:hover{background-color:#333}.delete-button{padding:.75rem 1.25rem;background-color:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.delete-button:hover{background-color:#ef4444}.add-product-form{max-width:350px;margin:2rem auto;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;background:#fff;display:flex;flex-direction:column;gap:.75rem}.form-title{text-align:center;margin-bottom:1rem;color:#0f0f0f}.add-product-form input,.add-product-form textarea{border:1px solid #ccc;border-radius:4px}.add-product-form .submit-button{width:100%}.sizes-input-group{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.sizes-input-group input{flex-grow:1;min-width:80px}.add-size-button{padding:.5rem .75rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.add-size-button:hover{background-color:#218838}.sizes-list{list-style:none;padding:0;margin-top:.5rem}.sizes-list li{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;padding:.5rem;border-radius:4px;margin-bottom:.3rem;color:#333}.sizes-list .size-list-input{flex-grow:1;margin-right:.5rem;padding:.3rem;border:1px solid #ddd;border-radius:4px;background-color:transparent;color:inherit}.sizes-list .size-list-input.price-input{width:60px;flex-grow:0}.remove-size-button{background:none;border:none;color:#dc3545;font-weight:700;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .3rem}.remove-size-button:hover{color:#c82333}body.sunset-mode{background:linear-gradient(to bottom right,#f6d365,#fda085)}.dark-mode body,body.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode .page-title,body.dark-mode .page-title{color:#f9f9f9}.dark-mode .menu-card,body.dark-mode .menu-card,.dark-mode .add-product-form,body.dark-mode .add-product-form{background-color:#2a2a2a;color:#fff;border-color:#444}.dark-mode .menu-info h3,body.dark-mode .menu-info h3,.dark-mode .menu-info p,body.dark-mode .menu-info p{color:#e0e0e0}.dark-mode .menu-details,body.dark-mode .menu-details{background-color:#333;border-top:1px solid #444}.dark-mode .menu-details p,body.dark-mode .menu-details p{color:#e0e0e0}.dark-mode .menu-details input,.dark-mode .menu-details textarea,.dark-mode .add-product-form input,.dark-mode .add-product-form textarea,body.dark-mode .menu-details input,body.dark-mode .menu-details textarea,body.dark-mode .add-product-form input,body.dark-mode .add-product-form textarea{background:#444;border:1px solid #666;color:#fff}.dark-mode .submit-button,body.dark-mode .submit-button{background-color:#ff8c00;color:#000}.dark-mode .submit-button:hover,body.dark-mode .submit-button:hover{background-color:#ffa733}.dark-mode .delete-button,body.dark-mode .delete-button{background-color:#c00;color:#fff}.dark-mode .delete-button:hover,body.dark-mode .delete-button:hover{background-color:#e60000}.dark-mode .form-title,body.dark-mode .form-title{color:#f9f9f9}body.dark-mode .sizes-input-group input{background-color:#444;border-color:#666;color:#fff}body.dark-mode .add-size-button{background-color:#6c5ce7}body.dark-mode .add-size-button:hover{background-color:#8a7ce8}body.dark-mode .sizes-list li{background-color:#3a3a3a;color:#e0e0e0}body.dark-mode .sizes-list .size-list-input{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}body.dark-mode .remove-size-button{color:#ff6b6b}body.dark-mode .remove-size-button:hover{color:#ff8c8c}