:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#4d4744;background-image:url(/assets/backgroundImage-DvYAHxty.png);background-size:cover;background-repeat:no-repeat;background-position:center}h1{font-size:3.2em;line-height:1.1}body{margin:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100%}#root{max-width:1280px;margin:0 auto;padding:2rem}.logo-container{display:flex;justify-content:center;align-items:center;width:100%;height:auto}.logo{height:10em;padding:1.5em;will-change:filter;transition:filter .3s;filter:invert(1) brightness(2);max-width:100%;height:auto}.icon1{height:30%;width:30%;will-change:filter;transition:filter .3s;filter:invert(1) brightness(2);height:auto}.icon2{height:30%;width:30%;will-change:filter;transition:filter .3s;filter:invert(0) brightness(0);transition:background-color .3s ease;height:auto}.icon3{height:10%;width:10%;will-change:filter;transition:filter .3s;filter:invert(0) brightness(0);transition:background-color .3s ease;height:auto}.card{padding:2em}.read-the-docs{color:#888}.container-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.container-column{display:flex;flex-direction:column;justify-content:center;align-items:center}.container-column1{display:flex;flex-direction:column;width:93%;gap:10px}.container-column2{display:flex;justify-content:center;align-items:center;flex-direction:column;width:30%;gap:2em}.container-column3{display:flex;justify-content:center;align-items:center;flex-direction:column;width:20%;gap:1.5em}.decorate-main-page2{background-color:#ffffff1a;border-radius:16px;padding:20px;box-shadow:0 8px 12px #00000080;margin:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.container-row-icon{display:flex;flex-direction:row;align-items:center;width:50%;gap:40px}.decorate-row2{background-color:#000;padding:15px;border-radius:8px;margin:10px 0;width:100%}.container-row3{color:#fff;display:flex;justify-content:center;align-items:center;gap:40px;margin:20px 0}.decorate-row4{background-color:#2c2620;color:#fff;padding:15px;box-shadow:0 8px 12px #00000080;border-radius:16px;margin:10px 0;width:92%}.decorate-row5{display:flex;justify-content:center;align-items:center;width:100%;gap:10px}.container-row6{color:#000;display:flex;justify-content:flex-end;align-items:center;gap:40px;margin:20px;width:100%}.container-row7{color:#fff;display:flex;justify-content:flex-start;align-items:center;gap:40px;margin:0 20px;width:50%}.container-row8{color:#fff;display:flex;justify-content:flex-end;align-items:center;gap:40px;margin:20px;width:50%}.decorate-row9{background-color:#716b65;color:#fff;padding:15px;border-radius:8px;margin:10px 0;width:100%}.track-meals-text{font-weight:700;font-size:2em;color:#000;text-align:left}.login-logout-button:hover{background-color:#4e4e4e;box-shadow:0 8px 12px #ffffff80}.signup-button{padding:5px 15px;background-color:#5b5b5b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.signup-button:hover{background-color:#222;box-shadow:0 8px 12px #ffffff80}.brown1-button{background-color:#83766d;color:#fff;border:none;padding:50px;box-shadow:0 8px 12px #00000080;border-radius:20px;cursor:pointer;font-size:16px;transition:.3s ease}.brown1-button:hover{background-color:#4d4744;box-shadow:0 8px 12px #ffffff80;transform:scale(1.1);transition:.3s ease-in-out}.brown2-button{background-color:#665448;color:#fff;border:none;padding:50px;box-shadow:0 8px 12px #00000080;border-radius:20px;cursor:pointer;font-size:16px;transition:.3s ease}.brown2-button:hover{background-color:#4d4744;box-shadow:0 8px 12px #ffffff80;transform:scale(1.1);transition:.3s ease-in-out}.brown3-button{background-color:#523f35;color:#fff;border:none;padding:50px;box-shadow:0 8px 12px #00000080;border-radius:20px;cursor:pointer;font-size:16px;transition:.3s ease}.brown3-button:hover{background-color:#4d4744;box-shadow:0 8px 12px #ffffff80;transform:scale(1.1);transition:.3s ease-in-out}.white-button{background-color:#fff;color:#000;border:none;padding:20px;box-shadow:0 8px 12px #00000080;border-radius:14px;cursor:pointer;font-size:16px;transition:.3s ease}.white-button:hover{background-color:#c8c3c0;filter:invert(1);transform:scale(1.1);transition:.3s ease-in-out}.title{text-align:center;color:#fff;font-size:1em;font-weight:700;margin-top:20px;width:100%}.textsearch_barcode_container{text-align:Center;margin-top:20px}.table_NI{margin:0 auto;border-collapse:collapse}.table_th_td{border:2px solid gray;padding:10px}.foodname{color:#febca5}.buttonstyling{padding:10px 20px;margin-left:20px;border-radius:10px}.top-navbar{position:fixed;top:0;left:0;width:100%;background:linear-gradient(#000c,#fff0);padding:10px;display:flex;justify-content:space-between;align-items:center;z-index:1000}.size-of-input{width:"100%"}.decorate-main-page1{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;margin:20px}.container-row1{display:flex;gap:20px;justify-content:center;align-items:center;margin:20px 0}.decorate-row2{background-color:#000;color:#fff;padding:15px;border-radius:8px;margin:10px 0;width:100%}.container-row3{color:#fff;display:flex;gap:40px;justify-content:center;align-items:center;margin:20px 0}.track-meals-text{font-weight:700;font-size:18px;color:#000;text-align:left}.black-button{background-color:#000;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.black-button:hover{background-color:#333}.purple-button{background-color:#72128d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.purple-button:hover{background-color:#9400d3}.green-button{background-color:#2dea2d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.green-button:hover{background-color:#006400}.login-logout-button{padding:5px 15px;background-color:#929292;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.login-logout-button:hover{background-color:#4e4e4e}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.container-row{display:flex;justify-content:center;align-items:center;padding:10px}.logo-container,.logo{max-width:100%;height:auto}.title{text-align:center;width:100%}h1,h2,h3,h4,p,label{color:#fff;margin:10px 0}h4{color:azure}.nutritional-info{padding:20px;width:100%;max-width:800px;margin:0 auto}.input-field{padding:10px;font-size:16px;margin-right:10px;width:100%;max-width:300px;border:1px solid #ccc}.submit-button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;margin-top:10px}.manual-input{margin-top:20px}.input-group{margin-bottom:10px}.input-group label{display:block;margin-bottom:5px}.select-field{padding:5px;border:1px solid #ccc;margin-left:10px;width:100%;max-width:200px}.history-section{margin-top:20px}.history-item{border:1px solid #ccc;margin:10px 0;padding:10px}@media screen and (max-width: 768px){.container-row{flex-direction:column}.input-field,.submit-button,.select-field{width:100%;max-width:none;margin:10px 0}.manual-input input,.manual-input select{width:100%;margin:5px 0}label{margin-left:0}}@media screen and (max-width: 480px){.nutritional-info{padding:10px}h1{font-size:24px}h2,h3{font-size:20px}.input-field,.submit-button{font-size:14px}}.History{margin-top:20px}.upload-container{margin-bottom:20px}.upload-label{display:block;margin-bottom:5px;font-weight:700}.product-info-container{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px}.meal-type-label{font-size:.8rem}input[type=text],input[type=number],select{width:60%;padding:10px 15px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}.submit-button{color:#000;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.product-history-item{padding:15px;margin-bottom:10px;border:1px solid #eee;border-radius:5px}.add-item-form-container{text-align:left;margin-left:20%}.sukh-container{width:100%;max-width:400px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.sukh-container h2{text-align:center;color:#444;margin-bottom:20px}.sukh-container form{display:flex;flex-direction:column}.sukh-container input{margin-bottom:15px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.sukh-container input:focus{outline:none;border-color:#00f;box-shadow:0 0 4px #28a74533}.sukh-container button{padding:10px 15px;font-size:16px;background-color:#38342f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.sukh-container button:hover{background-color:#38342f}.sukh-container p{text-align:center;font-size:14px;color:#666}.sukh-container p button{background:none;border:none;color:#00f;cursor:pointer;text-decoration:underline;font-size:14px;padding:0}.sukh-container p[style]{text-align:left}.container{width:100%;max-width:400px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.container h2{text-align:center;color:#333;margin-bottom:20px}.container form{display:flex;flex-direction:column}.container input{margin-bottom:15px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s,box-shadow .3s}.container input:focus{outline:none;border-color:#00f;box-shadow:0 0 4px #007bff33}.container button{padding:10px 15px;font-size:16px;background-color:#38342f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.container button:hover{background-color:#38342f}.container p[style]{color:red;margin:-10px 0 10px}.container div p{text-align:center;font-size:14px;color:#666}.container div p button{background:none;border:none;color:#00f;cursor:pointer;text-decoration:underline;font-size:14px;padding:0}.container div p button:hover{color:#006400}