html,body{height:100%;margin:0;padding:0;background-image:url(https://img.freepik.com/free-photo/burger-french-fries-plate-with-copy-space_23-2148235009.jpg?w=740&t=st=1718128904~exp=1718129504~hmac=527e618c8c22a6c1c419929de15931c70fbcc4aac627fc18b9d5400cdbe5fc46);background-size:cover;background-position:center}.form{width:100%;display:flex;flex-direction:column;row-gap:15px;align-items:flex-start}.inp{width:100%;height:45px;border-radius:5px;text-indent:20px;outline:none;border:1px solid gray}.btn{padding:10px 50px;border-radius:5px;background-color:#167ce0;color:#fff;text-transform:uppercase;font-weight:700;border:1px solid #167ce0;cursor:pointer}.btn:hover{background-color:#5395d7}a{color:#167ce0;text-decoration:none}.not-found{width:100%;text-align:center}.success{background-color:#90ee90;color:green;width:100%;padding:10px;border-radius:5px;opacity:1}.error{background-color:#ffb6c1;color:red;width:100%;padding:10px;border-radius:5px;opacity:1}.invisible-msg{width:100%;padding:10px;border-radius:5px;opacity:0}.search{width:100%;padding:10px 0}.track-container{align-items:flex-start;flex-direction:column}.search-inp{width:100%;height:45px;text-indent:10px;outline:none;border-radius:5px;border:1px solid gray;font-size:18px}.search-results{width:100%;background-color:gray;margin-top:10px;position:absolute}.food{width:100%;padding:30px 0;display:flex;flex-wrap:wrap;row-gap:10px}.food-img{width:100%;height:auto;border-radius:5px}.food-image{width:100%}.nutrient{width:50%;padding:10px 0}.track-control{display:flex;width:100%;column-gap:2%}.track-control>.inp{width:68%}.track-control>.btn{width:30%;padding:10px 0}.diet-container{align-items:flex-start;row-gap:20px;flex-direction:column}.item{width:100%;padding:20px;background-color:#2f2f2f}body{background-image:url(https://img.freepik.com/free-photo/burger-french-fries-plate-with-copy-space_23-2148235009.jpg?w=740&t=st=1718128904~exp=1718129504~hmac=527e618c8c22a6c1c419929de15931c70fbcc4aac627fc18b9d5400cdbe5fc46);background-size:cover;background-position:center}.food{padding:20px;border:1px solid #ddd;border-radius:10px;background-color:#fff;max-width:400px;margin:20px auto;box-shadow:0 0 10px #0000001a}body{background-color:#161616}.food-container{margin:auto}.food-img{text-align:center;margin-bottom:20px}.food-image{max-width:100%;height:auto;border-radius:10px}.food h3{margin-bottom:20px;font-size:24px;color:#333;text-align:center}.nutrient{display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;border-bottom:1px solid #eee}.n-title{font-weight:700;color:#555}.n-value{color:#333}.track-control{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.inp{width:60%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.btn{padding:10px 20px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;font-size:16px}.btn:hover{background-color:#0056b3}.btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn.disabled{background-color:#adb5bd;cursor:not-allowed}.btn.success{background-color:#4caf50;color:#fff;cursor:not-allowed}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#b9cbdc;padding:10px 20px;box-shadow:0 2px 4px #0000001a;width:100vw;margin-bottom:20px}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-links{display:flex}.navbar-link{font-size:1.2rem;text-decoration:none;color:#333}.act{margin-right:10px}.abc{margin-right:20px}.navbar-link:hover{color:#007bff}.navbar-logout .logout-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;font-size:1rem;cursor:pointer}.navbar-logout .logout-btn:hover{background-color:#c82333}.navbar-brand{display:flex;align-items:center;font-size:24px;font-weight:700}.navbar-logo{width:90px;height:60px;border-radius:7%;margin-right:10px;object-fit:cover}@media screen and (max-width:400px){.abc{margin-right:10px}}@media screen and (max-width:350px){.abc,.act,.navbar-logo{margin-right:5px}}.search-results{max-height:200px;overflow-y:auto;border:1px solid #ccc;background:#fff;position:absolute;z-index:1}.item{padding:10px;cursor:pointer;display:flex;justify-content:space-between}.item:hover{background-color:#0a5e43}.container{position:relative;height:100vh;width:100%;background-color:#161616;color:#fff;padding-left:30px;padding-right:30px;display:flex;align-items:center}.search{position:relative}.search-inp{width:100%;padding:10px;box-sizing:border-box}.item-name{flex:1;margin-right:10px}.item-protein{flex:1}.track-container.back{height:100vh;background-size:cover;background-position:center}body{overflow-x:hidden}.head{background-color:#00f;margin-bottom:20px}.head:hover{background-color:#0ff}.container{height:100vh;width:100%;background-color:#161616;color:#fff;display:flex;align-items:center}input[type=date]{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin-bottom:16px}.item-details{margin-right:50px}.back{background-position:center;background-size:cover}.delete-icon{margin-left:10px}*{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;padding:0;box-sizing:border-box}