@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";nav[data-v-0314cf85]{width:100%;background-color:var(--primary);position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:402px;z-index:1000}ul[data-v-0314cf85]{list-style:none;display:flex;justify-content:space-evenly;align-items:center;padding:20px 0 30px}.nav-li[data-v-0314cf85]{display:flex;flex-direction:column;text-decoration:none;color:inherit;align-items:center}.nav-li img[data-v-0314cf85]{width:35px;height:auto}.nav-li span[data-v-0314cf85]{font-size:12px;margin-top:6px;opacity:.8}.nav-li[data-v-0314cf85]{opacity:.7;transition:opacity .3s ease}.nav-li.router-link-active[data-v-0314cf85],.nav-li[data-v-0314cf85]:hover{opacity:1}button[data-v-dec025ef]{width:60px;height:60px;border-radius:50%;background-color:var(--secondary);color:#fff;font-size:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:4px}button[data-v-dec025ef]:active{transform:scale(.95)}.add-btn-link[data-v-dec025ef]{text-decoration:none}.mobile-container[data-v-b9a2a387]{max-width:317px;margin:0 auto;background-color:var(--background);min-height:100vh;padding:20px 42.5px 120px}.add-btn[data-v-b9a2a387]{position:fixed;bottom:125px;left:50%;transform:translate(88px);z-index:1000}.search-container[data-v-8c7e1525]{width:100%}.search-bar[data-v-8c7e1525]{display:flex;align-items:center;gap:12px;background-color:#d9d4c8;border-radius:30px;padding:12px 16px}.search-icon[data-v-8c7e1525]{width:20px;height:20px;opacity:.5;flex-shrink:0}.search-input[data-v-8c7e1525]{flex:1;border:none;background:transparent;font-size:16px;color:var(--secondary);outline:none}.search-input[data-v-8c7e1525]::placeholder{color:var(--secondary);opacity:.5}.mic-icon[data-v-8c7e1525]{width:20px;height:20px;opacity:.5;flex-shrink:0}section[data-v-4ed59871]{background-color:var(--cards);border-radius:10px;display:flex;flex-direction:column;width:82px;padding:20px 6px;justify-content:center;align-items:center}.card-highlight[data-v-4ed59871]{font-size:24px}.card-detail[data-v-4ed59871]{font-size:12px;opacity:.7}.information-cards[data-v-7cb896e1]{display:flex;justify-content:space-between}.greeting[data-v-5682f205]{opacity:.8}section[data-v-05f40d6a]{display:flex;flex-direction:row;align-items:center;width:100%;background-color:var(--cards);border-radius:10px;padding:10px;box-sizing:border-box;border:2px solid transparent;cursor:pointer}img[data-v-05f40d6a]{width:66px;height:66px;object-fit:cover;border-radius:10px}.subtitle[data-v-05f40d6a]{font-size:14px;opacity:.7}.footer p[data-v-05f40d6a]{font-size:12px}.faded-text[data-v-05f40d6a]{opacity:.7}.info[data-v-05f40d6a]{display:flex;flex-direction:column;gap:4px;padding-left:8px}.footer[data-v-05f40d6a]{display:flex;align-items:center;gap:12px}.expired[data-v-05f40d6a]{border-color:var(--expired)}.expiring[data-v-05f40d6a]{border-color:var(--expiring)}.expired .expiry-tag[data-v-05f40d6a]{background-color:var(--expired)}.expiring .expiry-tag[data-v-05f40d6a]{background-color:var(--expiring)}.expiry-tag[data-v-05f40d6a]{margin-left:auto;margin-bottom:auto;color:#fff;padding:4px 8px;border-radius:10px;font-size:14px}.section-header[data-v-6802d686]{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:8px}.chevron[data-v-6802d686]{transition:transform .3s ease;color:#666}.chevron.rotated[data-v-6802d686]{transform:rotate(180deg)}.section-content[data-v-6802d686]{display:flex;flex-direction:column;gap:6px}h3[data-v-8385d6da]{padding-bottom:8px}.section-content[data-v-8385d6da]{display:flex;flex-direction:column;gap:6px}main[data-v-087773f2]{display:flex;flex-direction:column;gap:18px}.category-card[data-v-d4b748dc]{display:flex;box-sizing:border-box;width:100%;background-color:var(--cards);border-radius:10px;padding:12px 10px;gap:15px;cursor:pointer}.emoji[data-v-d4b748dc]{font-size:35px}.footer img[data-v-d4b748dc]{width:15px;height:auto}.footer[data-v-d4b748dc]{display:flex;align-items:center;gap:6px}.faded-text[data-v-d4b748dc]{opacity:.7}.information[data-v-d4b748dc]{display:flex;flex-direction:column;justify-content:center;gap:3px}.chevron[data-v-d4b748dc]{margin-left:auto;width:20px;height:auto;opacity:.7}.category-list-header[data-v-08025af3]{display:flex;justify-content:space-between;align-items:center}.category-list-header img[data-v-08025af3]{width:25px;height:auto;cursor:pointer}.category-list[data-v-08025af3]{display:flex;flex-direction:column;gap:4px}main[data-v-23487065]{display:flex;flex-direction:column;gap:18px}.view-toggle[data-v-8227c45b]{position:relative;display:inline-flex;width:fit-content;background:var(--primary);border-radius:6px;padding:4px;gap:4px}.toggle-indicator[data-v-8227c45b]{position:absolute;top:4px;left:4px;width:34px;height:30px;background:#fff;border-radius:6px;transition:transform .3s;pointer-events:none}.toggle-indicator.list-view[data-v-8227c45b]{transform:translate(38px)}.toggle-btn[data-v-8227c45b]{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:30px;border:none;border-radius:6px;background:transparent;cursor:pointer}.toggle-btn img[data-v-8227c45b]{width:18px;height:18px}.grid-card[data-v-d12b0604]{display:flex;max-width:156px;background-color:var(--cards);justify-content:center;flex-direction:column;align-items:center;box-sizing:border-box;padding:12px 0;border-radius:10px;gap:2px;cursor:pointer;border:2px solid transparent;position:relative}.grid-card img[data-v-d12b0604]{width:135px;height:86px;object-fit:cover;border-radius:10px}.grid-card p[data-v-d12b0604]{width:100%;text-align:left;padding-left:20px}.subtitle[data-v-d12b0604]{opacity:.7;font-size:14px}.tiny-text[data-v-d12b0604]{font-size:12px}.tiny-text span[data-v-d12b0604]{opacity:.7}.expired[data-v-d12b0604]{border-color:var(--expired)}.expiring[data-v-d12b0604]{border-color:var(--expiring)}.expired .expiry-tag[data-v-d12b0604]{background-color:var(--expired)}.expiring .expiry-tag[data-v-d12b0604]{background-color:var(--expiring)}.expiry-tag[data-v-d12b0604]{position:absolute;top:8px;right:8px;color:#fff;padding:4px 8px;border-radius:10px;font-size:12px}.grid-container[data-v-6bee38a4]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.list-card[data-v-65e36091]{display:flex;width:100%;background-color:var(--cards);box-sizing:border-box;padding:12px;border-radius:10px;cursor:pointer;border:2px solid transparent;position:relative}.list-card img[data-v-65e36091]{width:66px;height:66px;object-fit:cover;border-radius:10px}.list-card p[data-v-65e36091]{width:100%;text-align:left;padding-left:12px}.subtitle[data-v-65e36091]{opacity:.7;font-size:14px}.tiny-text[data-v-65e36091]{font-size:12px}.tiny-text span[data-v-65e36091]{opacity:.7}.information[data-v-65e36091]{display:flex;flex-direction:column;justify-content:center;gap:4px}.expired[data-v-65e36091]{border-color:var(--expired)}.expiring[data-v-65e36091]{border-color:var(--expiring)}.expired .expiry-tag[data-v-65e36091]{background-color:var(--expired)}.expiring .expiry-tag[data-v-65e36091]{background-color:var(--expiring)}.expiry-tag[data-v-65e36091]{margin-left:auto;margin-bottom:auto;color:#fff;padding:4px 8px;border-radius:10px;font-size:14px}.list-container[data-v-a638e5f3]{display:flex;flex-direction:column;gap:5px}main[data-v-4522500a]{display:flex;flex-direction:column;gap:8px}.top-section[data-v-4522500a]{display:flex;flex-direction:column;gap:18px}.tab-header[data-v-88dfe0bf]{display:flex;justify-content:center;border-bottom:2px solid #615b54;margin-bottom:12px}.tab-btn[data-v-88dfe0bf]{background:none;border:none;cursor:pointer;padding:4px 0;font-size:24px;color:var(--secondary);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s;width:100%}.tab-btn.active[data-v-88dfe0bf]{font-weight:500;border-bottom:3px solid var(--secondary)}.tab-btn[data-v-88dfe0bf]:hover{color:#1d160f}section[data-v-7e3f873d]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:180px;background-color:var(--cards);border-radius:10px;gap:8px;cursor:pointer;position:relative;overflow:hidden}section img[data-v-7e3f873d]{opacity:.5}section p[data-v-7e3f873d]{font-size:20px;opacity:.7}.has-image[data-v-7e3f873d]{padding:0}.preview-image[data-v-7e3f873d]{width:100%;height:100%;object-fit:cover;opacity:1!important}.remove-btn[data-v-7e3f873d]{position:absolute;bottom:10px;right:10px;background-color:#000000b3;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px}.remove-btn[data-v-7e3f873d]:hover{background-color:#000000d9}.container[data-v-003039e5]{background-color:var(--cards);border-radius:10px;width:100%;box-sizing:border-box;padding:5px 0}label[data-v-003039e5]{margin-bottom:8px;display:block}input[data-v-003039e5]{border:none;border-radius:10px;padding:12px 16px;outline:none;width:100%;box-sizing:border-box}.dropdown-wrapper[data-v-272a5dee]{position:relative;width:100%}.container[data-v-272a5dee]{display:flex;justify-content:space-between;align-items:center;background-color:var(--cards);border-radius:10px;width:100%;box-sizing:border-box;padding:5px 20px 5px 0;cursor:pointer}label[data-v-272a5dee]{margin-bottom:8px;display:block}p[data-v-272a5dee]{padding:11.5px 16px;opacity:.7;font-size:14px}img[data-v-272a5dee]{width:20px;height:20px;opacity:.7;transform:rotate(90deg);transition:transform .3s}img.open[data-v-272a5dee]{transform:rotate(-90deg)}.dropdown-menu[data-v-272a5dee]{position:absolute;top:100%;left:0;right:0;background-color:var(--cards);border-radius:10px;margin-top:4px;padding:0;list-style:none;z-index:10;overflow:hidden}.dropdown-menu li[data-v-272a5dee]{padding:12px 16px;font-size:14px;opacity:.8;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05)}.dropdown-menu li[data-v-272a5dee]:last-child{border-bottom:none}.dropdown-menu li[data-v-272a5dee]:hover{background-color:#0000000d;opacity:1}button[data-v-88f01cbb]{background-color:var(--secondary);border-radius:10px;width:100%;color:#fff;border:none;padding:15.5px 0;font-size:16px;cursor:pointer;margin-top:35px}button[data-v-88f01cbb]:active{transform:scale(.95)}.container[data-v-4fde8a68]{background-color:var(--cards);border-radius:10px;width:100%;box-sizing:border-box;padding:5px 0}label[data-v-4fde8a68]{margin-bottom:8px;display:block}input[data-v-4fde8a68]{border:none;border-radius:10px;padding:9px 16px;outline:none;width:100%;background:transparent;box-sizing:border-box;color:#646161}input[data-v-4fde8a68]::-webkit-calendar-picker-indicator{width:20px;height:20px;cursor:pointer;opacity:.7}main[data-v-ebdfb8bb]{display:flex;flex-direction:column;gap:12px}.scanner-frame[data-v-0bfaa8bd]{position:relative;width:100%;padding:60px 40px;box-sizing:border-box;background-color:var(--cards);display:flex;justify-content:center;align-items:center;margin-top:70px}.barcode-img[data-v-0bfaa8bd]{max-width:100%;height:auto;opacity:.7}.corner[data-v-0bfaa8bd]{position:absolute;width:25px;height:25px;border-color:var(--secondary);border-style:solid;border-width:0}.top-left[data-v-0bfaa8bd]{top:0;left:0;border-top-width:3px;border-left-width:3px}.top-right[data-v-0bfaa8bd]{top:0;right:0;border-top-width:3px;border-right-width:3px}.bottom-left[data-v-0bfaa8bd]{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.bottom-right[data-v-0bfaa8bd]{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}button[data-v-270b5ce6]{background-color:var(--secondary);border-radius:10px;width:100%;color:#fff;border:none;padding:15.5px 0;font-size:16px;cursor:pointer;margin-top:80px}button[data-v-270b5ce6]:active{transform:scale(.95)}.storage-list-header[data-v-cc01879a]{display:flex;justify-content:space-between;align-items:center}.storage-list-header img[data-v-cc01879a]{width:25px;height:auto;cursor:pointer}.storage-list[data-v-cc01879a]{display:flex;flex-direction:column;gap:4px}main[data-v-5329331c]{display:flex;flex-direction:column;gap:18px}main[data-v-adda0fe5]{display:flex;flex-direction:column;gap:8px}.top-section[data-v-adda0fe5]{display:flex;flex-direction:column;gap:18px}button[data-v-f4624185]{background-color:var(--secondary);border-radius:10px;width:100%;color:#fff;border:none;padding:15.5px 0;font-size:16px;cursor:pointer;margin-top:35px}button[data-v-f4624185]:active{transform:scale(.95)}main[data-v-1e22e4c9]{display:flex;flex-direction:column;gap:18px}main img[data-v-1e22e4c9]{width:100%;height:180px;object-fit:cover;border-radius:10px}:root{--primary: #ffc13c;--secondary: #3E3221;--background: #EFEADD;--cards: #ffffff;--expired: #D8392B;--expiring: #D48A13}*{margin:0;font-family:Nunito,sans-serif}h2{font-size:24px;color:var(--secondary);font-weight:400}h3{font-size:18px;color:var(--secondary);font-weight:400}p{font-size:16px;color:var(--secondary)}label{color:var(--secondary)}