@font-face{font-family:Inter;src:url(/Inter18pt-Regular.woff2)format("woff2"),url(/Inter18pt-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/Inter18pt-Bold.woff2)format("woff2"),url(/Inter18pt-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/Inter18pt-SemiBold.woff2)format("woff2"),url(/Inter18pt-SemiBold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;transition:all .2s}:root{--main-color:#07f;--accent-color:#fff;--main-color-text:#fff;--accent-color-text:#fff;--gray-color:#fff3;--expired-color:#ff4b5c;--soon-expire-color:#ffd166;--glass-bg:#ffffff26;--glass-border:#ffffff4d;--btn-shadow:0 4px 15px #0077ff4d}:root.dark{--main-color:#39f;--accent-color:#0a192f;--main-color-text:#050a10;--accent-color-text:#e6f1ff;--gray-color:#ffffff1a;--expired-color:#f36;--soon-expire-color:#ffc800;--glass-bg:#0a192fbf;--glass-border:#39f3;--btn-shadow:0 0 20px #39f6}#root{background:#490289 url(/bg.avif) 50%/cover no-repeat;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}header{justify-content:space-between;align-items:center;height:10vh;padding:1vh;display:flex}.header-right{gap:.5rem;display:flex}.logo{background:url(/logo.svg) 0 0/contain no-repeat;width:100%;height:100%;display:inline-block}.dashboard__sub-wrapper{gap:6.5vh;padding:4.5vh;display:grid}.content-block,.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid var(--glass-border)}.content-block{height:fit-content;color:var(--accent-color-text);border-radius:1rem;padding:2.5vh}.form{flex-direction:column;gap:1rem;display:flex}.input{border:none;border-bottom:1.5px solid var(--glass-border);width:100%;color:var(--accent-color-text);background:0 0;border-radius:0;padding:12px 0;font-size:1rem}.input:focus{border-bottom-color:var(--main-color);outline:0}.input::placeholder{color:var(--accent-color-text);opacity:.5}.error-text{color:var(--expired-color);font-size:.85rem}.main-color-btn,.add-item-btn{background:var(--main-color);color:var(--main-color-text);cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:10px}.add-item-btn{justify-content:center;align-items:center;width:3.75vh;height:3.75vh;font-size:3.75vh;display:flex}.accent-color-btn{color:#fff;border:1px solid var(--gray-color);cursor:pointer;background:#ffffff1a;border-radius:2vh;padding:8px 15px}button{font-family:Inter,sans-serif}.switch-btn{cursor:pointer;color:var(--accent-color-text);background:0 0;border:1px solid #0000;padding:6px 8px;font-size:5vh}.modal-btn{cursor:pointer;border:1px solid #0000;border-radius:3vh;padding:8px 15px}.food-list-wrapper{max-width:700px}.food-list-header{justify-content:space-between;align-items:center;height:3.75vh;margin-bottom:1rem;display:flex}.food-list{flex-direction:column;gap:1vh;height:100%;padding:1vh;list-style:none;display:flex}.food-card{border:1px solid var(--gray-color);text-transform:capitalize;background:#ffffff0d;border-radius:5px;grid-template-columns:3fr 3fr 1fr;gap:.5vh;padding:1vh;display:grid}.delete-btn{filter:brightness(0)invert();cursor:pointer;background:url(/delete.svg) 50%/contain no-repeat;border:none;width:1.5rem;height:1.5rem}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-width:1px;border-radius:16px;width:90%;max-width:400px;padding:20px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.login-page-container{flex:1;justify-content:center;align-items:center;display:flex}.login-page-card{border-radius:20px;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:400px;padding:25px 30px 40px;display:flex;box-shadow:0 20px 40px #00000040}.login-page-header{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.login-page-header img{width:auto;height:35px}.login-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2}.login-page-card .form{gap:14px;width:100%}.login-lang-btn{color:var(--accent-color-text);cursor:pointer;background:0 0;border:none;padding:0 10px;font-size:1rem;font-weight:600}.auth-btn-block{text-align:center;padding:12px;text-decoration:none;display:block}.auth-submit-btn{width:100%;padding:12px}.auth-footer{width:100%;color:var(--accent-color-text);text-align:center;margin:0;font-size:.95rem}.auth-footer-link,.login-page-card .auth-footer a{color:var(--main-color);font-weight:600;text-decoration:none}.auth-form-container{width:100%;margin-top:10px}.auth-btn-block{text-align:center;padding:12px;display:block}@media screen and (width<=359px){#root{background-image:none}.content-block,.modal-content{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;margin:.625rem;padding:1rem}.dashboard__sub-wrapper{flex-direction:column;padding:10px;display:flex}.food-list-wrapper{flex:100%;max-width:100%;margin:0 0 20px}.food-card{border:none;border-bottom:1px solid var(--gray-color);background:0 0;border-radius:0;padding:12px 0}.login-page-container{width:100%;height:100vh;min-height:100vh;overflow:hidden}.login-page-container .login-page-card{gap:4vh;height:100vh;padding:24px}.login-page-container .login-page-card .header-right{display:none}.login-page-container .login-page-card .input::placeholder{opacity:.4}.login-page-container .login-page-card .main-color-btn{margin-top:1vh}}