.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--blue-color)}.login-form{background-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;padding:1.5rem;border-radius:.5rem;width:20rem;color:#fff}.login-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.login-input{width:100%;margin-bottom:.75rem;padding:.5rem;border:1px solid var(--yellow-color);border-radius:.25rem;font-size:1rem}.login-button{width:60%;padding:.5rem;background-color:var(--red-color);color:#fff;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease;display:block;margin:0 auto}.login-button:hover{background-color:var(--yellow-color)}.login-button:click{background-color:var(--green-color)}.toggle-mode{margin-top:1rem;text-align:center}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700}@media (max-width: 480px){.login-form{padding:1rem;max-width:100%}.login-title{font-size:1.25rem}.login-input,.login-button{font-size:.95rem}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-container{padding:1.5rem;background-color:#f9f9f9;min-height:100vh;box-sizing:border-box}.dashboard-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color)}.user-details{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.welcome-title{font-size:1.25rem;color:var(--primary-color)}.logout-button{padding:.5rem 1rem;background-color:var(--red-color);color:#fff;border:1px solid var(--green-color);border-radius:12px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.logout-button:hover{background-color:#c4372b;border:none}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric-card{background-color:#fff;box-shadow:0 4px 12px #00000014;padding:1rem;border-radius:.5rem;font-size:1rem;color:var(--primary-color)}@media (max-width: 600px){.metrics-grid{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem;text-align:center}.welcome-title{text-align:center;width:100%;margin-bottom:.5rem}.logout-button{width:100%;padding:.75rem;font-size:1rem}.user-details{flex-direction:column;align-items:stretch}.metric-card{font-size:.95rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;background-color:#f9f9f9}.add-food-form{padding:1.5rem;max-width:500px;margin:2rem auto;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000014}.form-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;text-align:center}.form-input,.form-textarea{display:block;width:100%;padding:.6rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem;box-sizing:border-box}.form-file{display:block;margin-bottom:1rem}.submit-button{display:block;width:100%;background-color:var(--green-color);color:#fff;padding:.75rem;border:none;border-radius:.3rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#0c7b43}@media (max-width: 600px){.add-food-form{margin:1rem;padding:1rem}.form-title{font-size:1.25rem}.form-input,.form-textarea{font-size:.95rem}.submit-button{font-size:1rem}}:root{--primary-color: #2e1a47;--blue-color: #4285f4;--red-color: #db4437;--yellow-color: #f4b400;--green-color: #0f9d58}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;margin:0}.edit-food-loading{padding:1.5rem;text-align:center;color:var(--primary-color)}.edit-food-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;max-width:500px;margin:2rem auto;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000014}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color);text-align:center}.form-input,.form-textarea{width:100%;padding:.6rem;margin-bottom:1rem;font-size:1rem;border:1px solid #ccc;border-radius:.25rem;box-sizing:border-box}.form-textarea{min-height:100px;resize:vertical}.update-button{width:80%;padding:.75rem;background-color:var(--yellow-color);color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:.3rem;cursor:pointer;transition:background-color .3s ease}.update-button:hover{background-color:#c49000}.delete-button{width:40%;background-color:var(--red-color);color:#fff;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;margin-top:10px}.delete-button:hover{background-color:#c62828}@media (max-width: 600px){.edit-food-form{margin:1rem;padding:1rem}.form-title{font-size:1.25rem}.form-input,.form-textarea{font-size:.95rem}.update-button{font-size:1rem}}