:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: light){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}body{font-family:Poppins,sans-serif;height:auto}.red{color:#dc3545}.bold{font-weight:700}.landing-page-container{height:75vh;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-top:100px}.right-section img{width:500px;height:500px;pointer-events:none}.left-section,.right-section{height:50vh;width:700px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.left-section{margin-left:100px}.tag-line{font-weight:900;font-size:60px}.description{color:#606060}.register-section,.login-section{background-image:url(https://wallpaperaccess.com/full/262476.jpg);height:auto;background-position:center;background-size:cover;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-section{height:auto}.register-section:after,.login-section:after{background-size:cover;content:"";background-position:center;position:absolute;top:0;right:0;left:0;bottom:0;background-color:#00000080;height:auto;z-index:-1}.register-logo-section,.login-logo-section{display:flex;flex-direction:row;justify-content:center;align-items:center;height:20vh;cursor:pointer}.register-form-section,.login-form-section{background-color:#fff;border-radius:10px;height:auto;width:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;line-height:40px;gap:10px;margin-bottom:20px}.register-title,.login-title{margin-top:30px;font-weight:500;text-align:left}.register-username,.register-email,.register-password,.register-phone,.register-address,.login-username,.login-email,.login-password{border:2px solid #dc3545;border-radius:5px;padding-top:3px;padding-bottom:3px;padding-left:10px;font-size:18px;width:80%}input[type=submit]{font-size:18px;width:80%;border:none;border-radius:5px;background-color:#dc3545;color:#fff}.copyright-text{font-size:12px;color:silver}.login-form,.register-form{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;gap:20px}.google-login-section{width:80%;border-top:1px solid gray;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:20px;box-sizing:border-box}.home-section{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:auto}.dashboard-section{width:25vh;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.brand-name-logo{margin-top:30px}.brand-name-logo span{font-size:20px}.brand-name-logo,.menu-name-logo,.category-name-logo,.account-name-logo,.logout-name-logo,.logs-name-logo,.dashboard-name-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;padding:20px 5px;border:none;transition:.1s;color:#dc3545;width:100%}.menu-name-logo img,.category-name-logo img,.account-name-logo img,.logout-name-logo img,.logs-name-logo img,.dashboard-name-logo img{width:30px;height:30px}.menu-name-logo:hover,.category-name-logo:hover,.account-name-logo:hover,.logout-name-logo:hover,.logs-name-logo:hover,.dashboard-name-logo:hover{background-color:#dc3545;opacity:.7;cursor:pointer;color:#fff}.main-section{display:block;width:100%;height:auto}.main-title,.category-title,.logs-title,.dashboard-title,.add-food-title,.add-category-title{background-color:#000000e6;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.title-info-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:20px;margin-left:30px}.title-info-right{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;margin-right:20px}.title-name{color:#fff;font-weight:700;font-size:36px}.title-date{color:#606060;font-size:20px;margin-bottom:20px}.search-menu-container{width:50vh}.search-menu-bar{border:none;border-color:transparent;outline:none;background-color:#fff;background-image:url(../icons/search.svg);background-position:12px 18px;background-repeat:no-repeat;padding-left:40px;height:50px;border-radius:10px}.card{background-color:#000;border:none;color:#dc3545}.card img{height:200px;object-fit:cover;object-position:center}.card-link{color:#fff;text-decoration:none}.list-group-item{color:#dc3545;font-weight:900;background-color:#000}.list-group li:nth-child(1){color:#fff;border:none}.card-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.food-list{height:100vh;background-image:url(https://images2.alphacoders.com/780/780232.png);background-position:center;background-size:cover;isolation:isolate;position:relative}.category-list{height:100vh;background-image:url(https://www.wallpaperup.com/uploads/wallpapers/2016/03/21/914432/6acbe20e284c372e12598d3b06213115.jpg);background-position:center;background-size:cover;isolation:isolate;position:relative}.category-list table,.logs-list table{width:100%;border-collapse:collapse;overflow-y:scroll;height:100vh;display:block}.category-list table{color:#fff}.category-list th{width:100vh}.category-list th,.logs-list th{height:50px;font-size:24px}.category-list td,.logs-list td{height:30px;font-size:18px}.category-list th,.category-list td,.logs-list th,.logs-list td{text-align:center;padding:15px;border-bottom:2px solid black}.category-list tr:hover,.logs-list tr:hover{background-color:maroon}.dashboard-image{object-fit:cover;object-position:center;height:200px}.dashboard-list{height:100vh;background-image:url(https://wallpapercrafter.com/desktop/159222-anime-girls-anime-blue-hair-miniskirt-food-restaurant-bilibili.jpg);background-position:center;background-size:cover;position:relative;isolation:isolate}.food-list:after,.category-list:after,.add-category-form:after,.add-food-form:after,.logs-list:after,.dashboard-list:after{background-size:cover;content:"";background-position:center;position:absolute;top:0;right:0;left:0;bottom:0;background-color:#00000080;height:auto;z-index:-1}.add-category-form,.add-food-form,.logs-list{height:100vh;background-image:url(https://wallpapercrafter.com/desktop/161922-anime-girls-anime-food-anime-girls-eating-dark-hair-redhead-brunette.jpg);background-position:center;background-size:cover;position:relative;isolation:isolate;color:#fff}.add-category-form,.add-food-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.add-category-form form,.add-food-form form{width:50%;display:flex;flex-direction:column;justify-content:center}.add-category-form form label,.add-food-form form label{font-size:20px}.add-category-form input:focus,.add-food-form input:focus{text-decoration:none;border:2px solid #dc3545;box-sizing:border-box}.modal-content{background-color:#dc3545;color:#000}.modal-body{background-color:#fff}.icon-edit{cursor:pointer}.food-list img{width:100px;height:auto}.food-list table{width:100%;border-collapse:collapse;height:100vh;color:#fff;overflow-y:scroll;display:block}.food-list th{height:50px;font-size:24px}.food-list td{height:30px;font-size:18px}.food-list th,.food-list td{text-align:center;padding:15px;border-bottom:2px solid black}.food-list tr:hover{background-color:maroon}