:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#333;background-color:#fff}#root{max-width:1280px;margin:0 auto;width:100%}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #eee}header h1{font-size:1.5rem}header nav a{margin-left:1.5rem;text-decoration:none;color:#333;font-weight:500}header nav a:hover{color:#30ac4d}.hero{text-align:center;padding:4rem 2rem 3rem;background-color:#f9fefb}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero p{font-size:1.1rem;color:#555;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.hero .cta-button{background-color:#30ac4d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.hero .cta-button:hover{background-color:#25913e}.hero-image{display:block;width:100%;max-width:900px;margin:2rem auto;border-radius:4px}.section{padding:3rem 2rem;text-align:center}.section h2{font-size:2rem;margin-bottom:1rem}.section p{color:#555;max-width:800px;margin:.75rem auto 2rem}.features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature{flex:1 1 250px;max-width:300px;text-align:center;margin:1rem 0}.feature img{width:60px;margin-bottom:1rem}.feature h3{font-size:1.2rem;margin-bottom:.5rem}.feature p{font-size:.95rem;color:#666}.light-section{background-color:#f8fefa;padding:3rem 2rem}.bullets{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}.bullet{width:220px;text-align:left}.bullet h4{font-weight:600;margin-bottom:.4rem}.testimonials{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-top:3rem}.testimonial{background-color:#f3f3f3;border-radius:6px;padding:1.5rem;text-align:left;position:relative}.testimonial img{width:50px;height:50px;border-radius:50%;float:left;margin-right:1rem;object-fit:cover}.testimonial .name{font-weight:600;margin-top:.4rem}.testimonial .role{font-size:.85rem;color:#666}.testimonial .content{clear:both;margin-top:.5rem;font-size:.9rem;color:#555}footer{text-align:center;padding:1rem 0;background-color:#f3f3f3;margin-top:2rem;color:#666;font-size:.9rem}.loading{text-align:center;margin-top:2rem;font-size:1.5rem;font-weight:700;color:#555}.view-inventory__controls{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;gap:.5rem}.view-inventory__label{font-weight:700;color:#2e7d32;font-size:1rem}.view-inventory__dropdown{padding:.5rem;border:1px solid #2e7d32;border-radius:8px;font-size:1rem;color:#333;background-color:#f9f9f9;outline:none;transition:all .3s ease;cursor:pointer}.view-inventory__table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:1.5rem;font-size:1rem}.view-inventory__header-row{background-color:#4caf50;color:#fff;border-radius:10px 10px 0 0}.view-inventory__row{background-color:#fff;transition:background-color .3s ease}.view-inventory__header-cell:first-child{border-top-left-radius:10px}.view-inventory__header-cell:last-child{border-top-right-radius:10px}.view-inventory__row:last-child .view-inventory__cell:first-child{border-bottom-left-radius:10px}.view-inventory__row:last-child .view-inventory__cell:last-child{border-bottom-right-radius:10px}.view-inventory{border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.view-inventory__dropdown:hover{background-color:#e8f5e9;border-color:#1b5e20}.view-inventory__dropdown:focus{box-shadow:0 0 4px #4caf50;border-color:#4caf50}.view-inventory__dropdown option{padding:.5rem;font-size:1rem}.view-inventory__title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#2e7d32}.view-inventory__cell.expired{color:#d32f2f;font-weight:700}.view-inventory__cell.expiry-soon{color:#f9a825}.view-inventory__cell.expiry-week{color:#2e7d32}.view-inventory__cell.item{display:flex;align-items:center;gap:.5rem}.view-inventory__icon{width:20px;height:20px}.view-inventory{max-width:800px;margin:0 auto;padding:1rem;font-family:Arial,sans-serif}.view-inventory__title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.view-inventory__error{color:#d9534f;text-align:center;margin-bottom:1.5rem;padding:.5rem;border:1px solid #f5c6cb;border-radius:5px;background-color:#f8d7da}.view-inventory__controls{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.view-inventory__label{margin-right:.5rem;font-weight:700;color:#555}.view-inventory__dropdown{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:#333}.view-inventory__table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:1rem}.view-inventory__header-row{background-color:#4caf50;color:#fff}.view-inventory__header-cell{padding:.75rem;text-align:left;border-bottom:2px solid #ddd}.view-inventory__row:nth-child(2n){background-color:#f9f9f9}.view-inventory__row:hover{background-color:#f1f1f1}.view-inventory__cell{padding:.75rem;text-align:left;border-bottom:1px solid #ddd;color:#555}@media screen and (max-width: 600px){.view-inventory__table{font-size:.9rem}.view-inventory__controls{flex-direction:column;gap:.5rem}.view-inventory__label{margin-right:0}}.nav-links{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.faq{margin-top:2rem;padding:2rem;text-align:left;background-color:#f9f9f9;border-radius:8px}.faq-item h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#4caf50}.home{display:flex;flex-direction:column;min-height:100vh;width:100%;font-family:Arial,sans-serif}.home-images{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:2rem}.home-image{width:90%;max-width:1200px;height:auto;margin:0}.nav-link{color:#fff;background-color:#4caf50;text-decoration:none;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s,transform .2s}.nav-link:hover{background-color:#45a049;transform:translateY(-2px)}.features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.feature{text-align:center;width:1000px}.feature__image{width:100%;height:auto;border-radius:10px;margin-bottom:1rem;box-shadow:0 4px 6px #0000001a}.feature h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.feature p{font-size:1rem;color:#555}.faq{margin-top:2rem;padding:2rem;text-align:left;background-color:#f9f9f9;border-radius:8px;width:90%;max-width:1200px;margin-left:auto;margin-right:auto}.faq h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#333}.faq-item{margin-bottom:1.5rem;border-bottom:1px solid #ddd;padding-bottom:1rem}.faq-item h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#4caf50;cursor:pointer;transition:color .3s ease}.faq-item h3:hover{color:#25913e}.faq-item p{font-size:1rem;color:#555;line-height:1.5;margin:0}.upload-receipt{padding:2rem;text-align:center;font-family:Arial,sans-serif}.upload-receipt__title{font-size:2rem;margin-bottom:1rem}.upload-receipt__subtitle{font-size:1.2rem;margin-bottom:2rem}.upload-receipt__file-input{margin-bottom:1rem}.upload-receipt__error{color:red;margin-top:1rem}.upload-receipt__success{color:green;margin-top:1rem}.upload-receipt__preview{margin:2rem 0}.upload-receipt__preview img{max-width:100%;height:auto;border:1px solid #ddd;border-radius:4px}.upload-receipt__submit-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#30ac4d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.upload-receipt__button{padding:.75rem 1.5rem;background-color:#30ac4d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;margin:0 .5rem;transition:background-color .3s,transform .2s}.upload-receipt__button:hover{background-color:#25913e;transform:translateY(-2px)}.upload-receipt__buttons{display:flex;justify-content:center;align-items:center;margin-top:1rem}.upload-receipt__button-container{display:flex;justify-content:center;align-items:center;height:100px}.upload-receipt__submit-button:hover{background-color:#25913e}.upload-receipt__next-link{display:block;margin-top:1.5rem;text-decoration:none;color:#30ac4d}.upload-receipt__next-link,.upload-receipt__next-button{color:#fff;background-color:#25913e}.sign-in{padding:2rem;text-align:center;font-family:Arial,sans-serif}@media (max-width: 600px){.sign-in-card{padding:1rem}.button-container{flex-direction:column;gap:1rem}}.sign-in-card{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{background:linear-gradient(135deg,#e3f2fd,#90caf9)}.sign-in-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:400px;margin:auto;text-align:center}h1{font-family:Roboto,sans-serif;font-size:2rem;color:#2e7d32;margin-bottom:1rem}body{background:linear-gradient(to bottom right,#f7fafc,#e2e8f0);font-family:Arial,sans-serif;margin:0;padding:0}.sign-in__title{font-size:2rem;margin-bottom:2rem}.sign-in__logout-button,.sign-in__continue-link{margin-top:2rem;display:inline-block;padding:.75rem 1.5rem;background-color:#30ac4d;color:#fff;text-decoration:none;border-radius:4px}.sign-in__continue-link:hover{background-color:#25913e}.sign-in__buttons{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-top:1rem}.sign-in__google{margin-bottom:1rem;width:100%;min-width:200px;display:flex;justify-content:center}.sign-in__button{padding:1rem 2rem;background-color:#30ac4d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;text-align:center;transition:background-color .3s,transform .2s;flex:1;max-width:200px}.sign-in__button:hover{background-color:#25913e;transform:translateY(-2px)}.sign-in{text-align:center;padding:2rem;margin:0 auto;max-width:400px}.confirmation-page{padding:2rem;font-family:Arial,sans-serif;background-color:#f9fefb}.confirmation-page__title{text-align:center;font-size:2rem;margin-bottom:1.5rem}.confirmation-page__list{list-style:none;padding:0}.confirmation-page__list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #ddd;margin-bottom:.5rem;border-radius:4px}.confirmation-page__edit-button,.confirmation-page__remove-button{background-color:#30ac4d;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.confirmation-page__edit-button:hover,.confirmation-page__remove-button:hover{background-color:#25913e}.confirmation-page__add-item{margin-top:2rem;background:#f3f3f3;padding:1rem;border-radius:4px}.confirmation-page__add-item input{margin:.5rem;padding:.5rem;border:1px solid #ddd;border-radius:4px;width:calc(33% - 1rem)}.confirmation-page__add-item button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#30ac4d;color:#fff;border:none;border-radius:4px;cursor:pointer}.confirmation-page__add-item button:hover{background-color:#25913e}.user-recipes{padding:2rem;font-family:Arial,sans-serif}.user-recipes__title{text-align:center;font-size:2rem;margin-bottom:2rem}.user-recipes__list{list-style:none;padding:0;margin:0 auto;max-width:800px}.user-recipes__list-item{background:#f9fefb;border:1px solid #ddd;margin-bottom:1rem;border-radius:6px;padding:1rem;transition:box-shadow .2s}.user-recipes__list-item:hover{box-shadow:0 4px 10px #0000001a}.user-recipes__header{display:flex;justify-content:space-between;cursor:pointer}.user-recipes__details{margin-top:1rem}.user-recipes__details ul,.user-recipes__details ol{margin:.5rem 0;padding-left:1.5rem}