@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_d65c78{font-family:Inter,Inter Fallback;font-style:normal}.home{font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#d0e4f7);margin:0;padding:0}.navbar .user-avatar{height:40px;width:40px;border-radius:50%;margin-right:20px}.navButton,.signinButton{background-color:#4285f4;color:#fff;border:none;padding:10px 15px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s}.navButton:hover,.signinButton:hover{background-color:#357ae8;transform:scale(1.05)}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;padding:100px 20px 20px}.hero{position:relative;display:inline-block;width:100%;max-width:800px}.pantryImage{width:100%;height:auto;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:fadeIn 2s ease-in}.title{font-size:2.8rem;color:#333;margin-bottom:15px;font-weight:700}.subtitle{font-size:1.6rem;color:#555;margin-bottom:20px}.description{font-size:1.2rem;color:#666;margin-bottom:30px;line-height:1.8}.features{display:flex;flex-direction:column;align-items:center;margin:20px 0}.feature{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:15px;width:80%;transition:transform .3s}.feature:hover{transform:scale(1.02)}.featureTitle{font-size:1.4rem;color:#333;margin-bottom:10px;font-weight:700}.featureDescription{font-size:1.1rem;color:#555}.signinButton{background-color:#4285f4;color:#fff;border:none;padding:10px 15px;font-size:1.2rem;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;margin-right:20px!important}.signinButton:hover{background-color:#357ae8;transform:scale(1.05)}@media only screen and (max-width:768px){.navbar .nav-links{margin-right:20px}.notifications-button .badge{margin-top:295px!important}}@media only screen and (max-width:1024px){.notifications-button .badge{margin-top:220px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}.typing-animation{overflow:hidden;border-right:.15em solid #000;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite}.fade-in-animation{opacity:0;animation:fadeIn 2s ease-in forwards;animation-delay:3.5s}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);transition:opacity .3s ease,visibility .3s ease}.modal.open{display:block;opacity:1;visibility:visible}.modal-content{background-color:#fff;margin:5% auto;padding:15px;box-shadow:0 8px 20px rgba(0,0,0,.3);width:90%;max-width:400px;transition:transform .3s ease;transform:scale(.95)}.modal.open .modal-content{transform:scale(1)}.modal-content h2{margin:0 0 15px;font-size:20px;color:#333}.form-group{margin-bottom:10px}label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#555}input[type=number],input[type=text],select,textarea{width:100%;padding:10px;margin:5px 0;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px}input[type=number]::placeholder,input[type=text]::placeholder{color:#888}.close-btn,.submit-btn{background-color:#007bff;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease,transform .3s ease;margin:5px}.close-btn:hover,.submit-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.close-btn{background-color:#dc3545}.close-btn:hover{background-color:#c82333}p{margin:10px 0;font-style:italic;color:#666}.date-picker-container{position:relative;width:100%}.date-picker-container input{width:100%;padding:10px;margin:5px 0;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px}.form-group button{background-color:#007bff;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease,transform .3s ease;margin:5px}.form-group button:hover{background-color:#0056b3;transform:translateY(-2px)}.form-group button[type=button]{background-color:#dc3545}.form-group button[type=button]:hover{background-color:#c82333}.image-capture-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff;max-width:400px;margin:20px auto}.image-capture-container button{background-color:#007bff;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin:10px;transition:background-color .3s ease,transform .3s ease}.image-capture-container button:hover{background-color:#0056b3;transform:translateY(-2px)}.image-capture-container .clear-btn{background-color:#dc3545}.image-capture-container .clear-btn:hover{background-color:#c82333}.captured-image{margin-top:20px;max-width:100%;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.webcam-container{display:flex;flex-direction:column;align-items:center}.webcam-container webcam{width:100%;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.close-btn{background-color:#6c757d}.close-btn:hover{background-color:#5a6268}.notifications-button{background:none;border:none;cursor:pointer}.notification-count,.notifications-button,.notifications-content{display:flex;align-items:center}.notification-count{margin-left:-5px;background-color:red;color:#fff;border-radius:50%;width:20px;height:20px;justify-content:center;font-size:12px;position:absolute;top:0;right:-1px}.notifications-dropdown{position:absolute;top:60px;right:0;width:300px;max-height:400px;overflow-y:auto;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:8px;z-index:1000}.notification-item{padding:10px;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#f9f9f9}.notification-text{font-size:14px;color:#333}.notification-time{font-size:12px;color:#888;text-align:right}.pantry-container{flex-direction:column;padding:20px;margin:auto}.header,.pantry-container{display:flex;position:relative}.header{justify-content:space-between;align-items:center;margin-bottom:20px}.add-button,.notifications-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;font-size:16px;position:relative}.add-button:hover,.notifications-button:hover{background-color:#0056b3}.notifications-button .badge{position:absolute;top:0;right:0;background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;transform:translate(50%,-50%)}.filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;flex:1}.filter-group label{margin-bottom:5px}.filter-group input,.filter-group select{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.filter-group input[type=date]{width:auto}.inventory-list{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#f9f9f9;border-radius:10px}.inventory-item{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.item-info{flex:1}.item-name{font-size:1.5em;margin-bottom:10px;color:#333}.item-detail{margin:5px 0}.item-detail strong{color:#555}.item-actions{display:flex;gap:10px;margin-top:15px}.edit-btn,.remove-btn{padding:8px 16px;font-size:.9em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.edit-btn{background-color:#4caf50;color:#fff}.edit-btn:hover{background-color:#45a049}.remove-btn{background-color:#f44336;color:#fff}.remove-btn:hover{background-color:#d32f2f}.no-items{text-align:center;font-size:1.2em;color:#777;padding:20px}.item-photo-container{display:flex;align-items:center;justify-content:center;padding-left:10px}.item-photo{max-width:200px;max-height:200px;border-radius:5px}.notifications-panel{position:absolute;top:60px;right:20px;width:300px;max-height:400px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow-y:auto;z-index:1000}.notifications-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f5f5;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0}.notifications-panel .panel-header h3{margin:0;font-size:16px}.close-notifications{background:none;border:none;cursor:pointer;color:#888;font-size:18px}.close-notifications:hover{color:#555}.notifications-panel ul{list-style:none;margin:0;padding:0}.notifications-panel ul li{padding:10px;border-bottom:1px solid #ddd}.notifications-panel ul li:last-child{border-bottom:none}.notifications-panel ul li span{display:block}.notifications-panel ul li span:last-child{font-size:14px;color:#666}.recipe-cards{display:flex;flex-direction:column;gap:1rem;align-items:center}.recipe-card{border:1px solid #ddd;padding:1rem;border-radius:8px}.recipe-step{border:1px solid #eee;padding:.5rem;margin:.5rem 0;border-radius:4px;background-color:#f9f9f9}.generate-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;position:relative}.generate-button:hover{background-color:#0056b3}.generate-button:disabled{background-color:#ccc;cursor:not-allowed}.logo{height:40px;cursor:pointer;margin-right:20px}.nav-links a{color:#000;text-decoration:none;font-size:16px;font-weight:700}.nav-links a:hover{color:#3e3d3d;font-weight:bolder}.signoutButton{color:#fff!important;background-color:red;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}.signoutButton:hover{background-color:#c00}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:80%;max-width:500px;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.profile-container{display:flex;flex-direction:column;align-items:center}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #ddd;margin-bottom:1rem}.profile-name{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.profile-email{font-size:1.2rem;color:#666;margin-bottom:.5rem}.profile-uid{font-size:1rem;color:#999}.exportButton{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.exportButton:hover{background-color:#357abd}.inventory-analysis{text-align:center;margin:20px}.summary{margin-bottom:20px}.charts-container{display:flex;flex-direction:column;align-items:center;gap:20px}.chart-item{width:80%;max-width:600px;margin:0 auto}.chart-item h3{margin-bottom:10px}@media (max-width:768px){.chart-item{width:95%}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;width:96%;z-index:1000}.navbar .logo{height:60px;width:60px;cursor:pointer}.navbar .hamburger{display:none;flex-direction:column;cursor:pointer;position:absolute;top:10px;right:20px}.navbar .hamburger div{width:25px;height:3px;background-color:#000;margin:3px 0;transition:.3s}.navbar .hamburger.active div:first-child{transform:rotate(-45deg) translate(-5px,6px)}.navbar .hamburger.active div:nth-child(2){opacity:0}.navbar .hamburger.active div:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-links,.navbar .nav-links{display:flex;align-items:center}.nav-links{gap:25px}@media (max-width:768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px;width:92%}.navbar .hamburger{display:flex;position:absolute;top:30px;right:20px}.navbar .nav-links{display:none;flex-direction:column;width:100%}.navbar .nav-links.show{display:flex}}