.top-nav{z-index:100;border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fff;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #00000014}.top-nav__inner{max-width:1200px;padding:0 var(--spacing-lg,16px);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.top-nav__logo{cursor:pointer;color:var(--accent-color,#345053);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.top-nav__desktop-links{align-items:center;gap:var(--spacing-xl,20px);display:flex}.top-nav__desktop-links .nav-item{align-items:center;gap:var(--spacing-xs,4px);color:var(--text-secondary,#666);padding:var(--spacing-sm,8px)var(--spacing-md,12px);border-radius:var(--border-radius-sm,8px);white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.top-nav__desktop-links .nav-item:hover{color:var(--accent-color,#345053);background-color:var(--background-item,#f5f7f8)}.top-nav__desktop-links .nav-item--active{color:var(--accent-color,#345053);font-weight:600}.top-nav__desktop-actions{align-items:center;gap:var(--spacing-md,12px);display:flex}.top-nav__mobile-icons{align-items:center;gap:var(--spacing-xs,4px);display:none}.top-nav__mobile-icon.nav-item{color:var(--text-secondary,#666);border-radius:var(--border-radius-sm,8px);justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:color .2s,background-color .2s;display:flex;position:relative}.top-nav__mobile-icon.nav-item .nav-item__label{display:none}.top-nav__mobile-icon.nav-item .nav-item__icon{font-size:18px}.top-nav__mobile-icon.nav-item:hover{color:var(--accent-color,#345053);background-color:var(--background-item,#f5f7f8)}.top-nav__mobile-icon.nav-item--active{color:var(--accent-color,#345053)}.nav-item__icon{justify-content:center;align-items:center;display:flex}.nav-item__badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:0}.top-nav__hamburger{cursor:pointer;border-radius:var(--border-radius-sm,8px);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .2s;display:flex}.top-nav__hamburger:hover{background-color:var(--background-item,#f5f7f8)}.hamburger-icon{flex-direction:column;justify-content:center;gap:4px;width:20px;height:20px;display:flex}.hamburger-icon span{background-color:var(--text-primary,#1a1a1a);border-radius:1px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-icon--open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-icon--open span:nth-child(2){opacity:0}.hamburger-icon--open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media screen and (max-width:768px){.top-nav__desktop-links,.top-nav__desktop-actions{display:none}.top-nav__mobile-icons{display:flex}}
.hamburger-backdrop{z-index:99;background:#0006;animation:.2s hamburger-fade-in;position:fixed;inset:56px 0 0}@keyframes hamburger-fade-in{0%{opacity:0}to{opacity:1}}.hamburger-menu{background:#fff;flex-direction:column;width:280px;max-width:85vw;max-height:calc(100vh - 56px);animation:.25s hamburger-slide-in;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-2px 0 8px #00000026}@keyframes hamburger-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.hamburger-menu__list{padding:var(--spacing-sm,8px)0;margin:0;list-style:none}.hamburger-menu__item{margin:0}.hamburger-menu__link{align-items:center;gap:var(--spacing-md,12px);padding:var(--spacing-md,12px)var(--spacing-xl,20px);color:var(--text-primary,#1a1a1a);min-height:44px;font-size:16px;font-weight:400;text-decoration:none;transition:background-color .2s;display:flex}.hamburger-menu__link:hover{background-color:var(--background-item,#f5f7f8)}.hamburger-menu__link--active{color:var(--accent-color,#345053);background-color:var(--background-item,#f5f7f8);font-weight:600}.hamburger-menu__icon{width:24px;color:var(--text-secondary,#666);justify-content:center;align-items:center;font-size:18px;display:flex}.hamburger-menu__link--active .hamburger-menu__icon{color:var(--accent-color,#345053)}.hamburger-menu__badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;line-height:18px}.hamburger-menu__footer{border-top:1px solid var(--border-color,#e5e7eb);padding:var(--spacing-lg,16px)var(--spacing-xl,20px)}
.hero-search{gap:var(--spacing-sm,8px);width:100%;max-width:560px;display:flex}.hero-search__input-wrapper{border:2px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-md,12px);padding:0 var(--spacing-md,12px);background:#fff;flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.hero-search__input-wrapper:focus-within{border-color:var(--accent-color,#345053);box-shadow:0 0 0 3px #3450531f}.hero-search__icon{color:var(--text-muted,#888);margin-right:var(--spacing-sm,8px);flex-shrink:0}.hero-search__input{color:var(--text-primary,#1a1a1a);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.hero-search__input::placeholder{color:var(--text-muted,#888)}.hero-search__buttons{gap:var(--spacing-xs,4px);display:flex}.hero-search__btn{border-radius:var(--border-radius-md,12px);cursor:pointer;border:none;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,opacity .2s;display:flex}.hero-search__btn--search{background-color:var(--accent-color,#345053);color:#fff}.hero-search__btn--search:hover:not(:disabled){background-color:var(--accent-color-hover,#263c3e)}.hero-search__btn--search:disabled{opacity:.5;cursor:default}.hero-search__btn--barcode{background-color:var(--background-item,#f5f7f8);color:var(--text-secondary,#666);border:1px solid var(--border-color,#e5e7eb)}.hero-search__btn--barcode:hover{background-color:var(--border-color,#e5e7eb)}@media screen and (max-width:480px){.hero-search{flex-direction:column}.hero-search__buttons{justify-content:flex-end}}.hero-search__clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hero-search__clear:hover{color:var(--text-primary);background:var(--bg-hover,#0000000d)}
.status-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-fresh{background:var(--success-bg);color:var(--success-border)}.badge-soon{background:var(--warning-bg);color:var(--warning-border)}.badge-expired{background:var(--error-bg);color:var(--error-border-strong)}
.item-card-wrapper{border-radius:12px;margin-bottom:8px;position:relative;overflow:hidden}.item-card-wrapper:last-child{margin-bottom:0}.item-card-delete-bg{color:#fff;background:#ef4444;border-radius:0 12px 12px 0;justify-content:center;align-items:center;width:100px;font-size:18px;display:flex;position:absolute;top:0;bottom:0;right:0}.item-card-delete-bg.active{background:#dc2626}.item-card-delete-bg .icon.icon{width:20px;height:20px;padding-right:0;font-size:18px}.item-card-barcode-bg,.item-card-flipback-bg{color:#fff;background:#345053;border-radius:12px;align-items:center;display:flex;position:absolute;top:0;bottom:0}.item-card-barcode-bg.active,.item-card-flipback-bg.active{background:#263c3e}.item-card-barcode-bg{border-radius:12px 0 0 12px;justify-content:flex-start;width:100px;padding-left:20px;font-size:18px;left:0}.item-card-barcode-bg svg{width:20px;height:20px}.item-card-flipback-bg{justify-content:flex-end;padding-right:20px;font-size:20px;left:0;right:0}.item-card{z-index:1;touch-action:pan-y;background:#fff;border:1px solid #eee;border-left:3px solid #e5e7eb;border-radius:12px;padding:8px 12px;transition:box-shadow .15s,border-color .15s;position:relative}.item-card:hover{box-shadow:0 2px 12px #00000012}.item-card[data-status=fresh]{border-left-color:#22c55e}.item-card[data-status=expires_soon]{border-left-color:#eab308}.item-card[data-status=expired]{border-left-color:#ef4444}.item-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.item-card-top:last-child{margin-bottom:0}.item-card-name{color:#1a1a1a;word-break:break-word;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.25}.item-card-quantity{color:#fff;background:#345053;border-radius:20px;flex-shrink:0;padding:2px 10px;font-size:12px;font-weight:600}.item-card-meta{color:#888;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.item-card-category,.item-card-expiration{align-items:center;gap:4px;display:flex}.item-card-estimated{opacity:.8;font-style:italic}.item-card-estimated-badge{color:var(--color-warning,#b8860b);margin-left:2px;font-size:.75em;font-weight:500}.item-card-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.item-card-storage-icon{margin-right:6px;font-size:16px}.item-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.item-card-tag{border:1px solid;border-radius:12px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.item-card-notes{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:12px;font-style:italic;overflow:hidden}.item-card--barcode-face{touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;min-height:100px;display:flex}.item-card-barcode-face{justify-content:center;align-items:center;width:100%;padding:16px 8px 8px;display:flex}.item-card-barcode-face svg{max-width:100%;height:auto}.item-card-barcode-fallback{letter-spacing:2px;color:#345053;padding:16px 8px;font-family:monospace;font-size:18px}.item-card-barcode-flip-back{color:#345053;cursor:pointer;opacity:.7;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:100%;padding:8px 16px 12px;font-size:13px;font-weight:500;transition:opacity .15s;overflow:hidden}.item-card-barcode-flip-back:hover{opacity:1}.item-card-kebab{color:var(--text-secondary);cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:0 4px;font-size:20px;font-weight:700;line-height:1}.item-card-kebab:hover{color:var(--text-primary)}.item-card-kebab-dialog{box-shadow:none;background:0 0;border:none;padding:0}.item-card-kebab-menu{background:var(--background-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:10px;min-width:180px;padding:4px 0;overflow:hidden;box-shadow:0 4px 16px #00000026}.item-card-kebab-backdrop{z-index:-1;position:fixed;inset:0}.item-card-kebab-option{color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .1s;display:flex}.item-card-kebab-option:hover{background:var(--background-item)}.item-card-kebab-option--danger{color:#dc2626}.item-card-kebab-option--danger:hover{background:#fef2f2}.item-card-kebab-option .icon{flex-shrink:0;width:16px;height:16px;padding:0}.item-card-warning-icon,.item-card-error-icon{cursor:pointer;background:0 0;border:none;margin:0 0 8px;padding:0;font-size:16px;line-height:1;display:inline-block}.item-card-error-icon{margin-left:6px}.item-card-warning-bubble,.item-card-error-bubble{border-radius:16px;width:300px;max-width:calc(100vw - 32px);padding:0;box-shadow:0 4px 16px #0000001a}.item-card-warning-bubble{background:#fffbeb;border:1px solid #fde68a}.item-card-error-bubble{background:#fef2f2;border:1px solid #fecaca}.item-card-warning-bubble .dialog-content,.item-card-error-bubble .dialog-content{padding:0}.item-card-alert-backdrop{z-index:-1;position:fixed;inset:0}.item-card-alert-tail{width:12px;height:12px;position:absolute;top:-6px;left:16px;transform:rotate(45deg)}.item-card-warning-bubble .item-card-alert-tail{background:#fffbeb;border-top:1px solid #fde68a;border-left:1px solid #fde68a}.item-card-error-bubble .item-card-alert-tail{background:#fef2f2;border-top:1px solid #fecaca;border-left:1px solid #fecaca}.item-card-alert-content{padding:14px 16px;position:relative}.item-card-warning-bubble .item-card-alert-content p{color:#92400e;margin:0 0 10px;font-size:13px;line-height:1.5}.item-card-error-bubble .item-card-alert-content p{color:#991b1b;margin:0;font-size:13px;line-height:1.5}.item-card-alert-dismiss{color:#d97706;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;transition:opacity .15s}.item-card-alert-dismiss:hover{opacity:1}.item-card-alert-popover{padding:4px 0}.item-card-alert-popover p{color:#92400e;margin:0 0 8px;font-size:14px;line-height:1.4}.item-card-alert-popover--error p{color:#991b1b}.item-card-alert-link{color:#345053;margin-bottom:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.item-card-alert-link:hover{text-decoration:underline}.item-card-alert-popover .item-card-alert-dismiss{margin-top:4px}.item-card-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-card-badge{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.item-card-tag.item-card-tag--clickable{cursor:pointer;-webkit-text-fill-color:currentColor;background-image:none;min-width:0;min-height:0;margin:0;font-family:inherit}.tag-pill-icon{align-items:center;margin-right:3px;display:inline-flex}.tag-pill-icon .icon{width:9px;height:9px;padding-right:0}
.barcode-display{align-items:center;gap:8px;display:flex}.barcode-display__toggle{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px}.barcode-display__toggle:hover{background:#f3f4f6}.barcode-display__barcode{margin-top:4px}.barcode-display--compact{margin-top:6px}.barcode-display__upc-text{color:#4b5563;font-size:12px}
.auth-sign-in-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.auth-sign-in-btn:hover{background:#f3f4f6}.auth-sign-in-btn--icon{color:#111827;background:0 0;border:none;width:36px;height:36px;padding:0;font-size:18px}.auth-sign-in-btn--icon:hover{background:#f3f4f6}.user-menu{align-items:center;gap:8px;padding:4px 0;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.auth-sign-out-btn{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:4px 10px;font-size:12px}.auth-sign-out-btn:hover{background:#f3f4f6}.auth-error{color:#ef4444;margin-bottom:8px;font-size:12px;display:block}.auth-container{align-items:center;display:flex}.auth-container--text{flex-direction:column;align-items:flex-start}.auth-container--icon{flex-direction:row}
.dialog{pointer-events:all;z-index:200;background:#fff;border-radius:5px;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.dialog-header{background-color:var(--light-blue);border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:center;padding:5px 5px 0 10px;display:flex}.dialog-header div{padding-bottom:5px;padding-right:10px;font-weight:500}.dialog-content{padding:0 5px 5px}.btn.close-btn{border:none;border-radius:50px;width:28px;padding:0}button,.btn{text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;margin:3px;padding:4px 8px;font-size:14px;font-weight:400;line-height:1.42857;display:inline-block}button:hover,.btn:hover{background-color:#e6e6e6;border-color:#adadad}button.primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}button.primary:hover{color:#fff;background-color:#286090;border-color:#204d74}@media screen and (max-width:768px){.dialog{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto}button,.btn{min-width:44px;min-height:44px;padding:8px 12px}.btn.close-btn{width:36px;min-width:36px;min-height:36px}}
.add-item-form{box-sizing:border-box;background:#f5f7f8;border:2px dashed #e5e7eb;border-radius:8px;max-width:100%;padding:12px;overflow:hidden}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.form-row:last-of-type{margin-bottom:0}.form-group{flex:calc(50% - 5px);min-width:100px}.form-group-full{flex:100%}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.form-group input,.form-group .textinput-wrapper input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group .textinput-wrapper input:focus{border-color:#345053;outline:none;box-shadow:0 0 0 3px #3450531a}.form-group-date{flex:none;width:fit-content;min-width:0}.form-date-input{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:auto;padding:10px 8px;font-family:inherit;font-size:14px}.form-date-input:focus{border-color:#345053;outline:none;box-shadow:0 0 0 3px #3450531a}.btn-add{color:#fff;cursor:pointer;background:#345053;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add:hover{background:#263c3e}.btn-add:focus{outline-offset:2px;outline:2px solid #345053}.btn-add:active{transform:translateY(1px)}.btn-add:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.btn-add:disabled:hover{background:#9ca3af}.form-hint{color:var(--neutral-border);margin-top:4px;font-size:10px}.form-select-input{border:1px solid var(--border-color);background:var(--background-card);box-sizing:border-box;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:16px}.form-select-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3450531a}@media (max-width:480px){.form-group{flex:100%}.form-group-small{flex:calc(50% - 5px)}}
.item-details-form{flex-direction:column;gap:16px;width:100%;display:flex}.item-details-row{gap:12px;width:100%;display:flex}.item-details-label{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.item-details-form input,.item-details-form .item-details-input{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;margin:0;padding:10px 12px;font-family:inherit;font-size:16px}.item-details-form input:focus,.item-details-form .item-details-input:focus{border-color:#345053;box-shadow:0 0 0 3px #3450531a}.item-details-form input[type=text],.item-details-form input[type=number],.item-details-form input[type=date]{width:100%;margin-bottom:0;margin-right:0}.item-details-field-grow{flex:1;min-width:0}.item-details-field-qty{flex:0 0 64px;min-width:0}.item-details-field-qty .item-details-input{text-align:center}.item-details-field-fixed{flex:0 0 140px;min-width:0}.item-details-field-fixed .item-details-input,.item-details-field-qty .item-details-input[type=date]{cursor:pointer}.item-details-hint{color:#9ca3af;margin-top:4px;font-size:10px}.item-details-storage-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;display:grid}.item-details-storage-btn{color:#6b7280;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 4px;font-size:12px;font-weight:600;transition:all .15s;overflow:hidden}.item-details-storage-btn:hover{border-color:#d1d5db}.item-details-storage-btn.active{color:#fff;background:#345053;border-color:#345053;box-shadow:0 2px 8px #00000026}.item-details-thawed{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.item-details-form .item-details-thawed input[type=checkbox]{accent-color:#345053;flex-shrink:0;width:16px;height:16px;margin:0}.item-details-thawed span{color:#374151;font-size:14px;line-height:1}.item-details-actions{gap:12px;width:100%;padding-top:4px;display:flex}.item-details-btn-cancel{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:background .15s}.item-details-btn-cancel:hover{background:#f9fafb}.item-details-btn-submit{color:#fff;cursor:pointer;background:#345053;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:opacity .15s;box-shadow:0 1px 3px #0000001a}.item-details-btn-submit:hover{opacity:.9}.item-details-btn-submit:disabled{opacity:.5;cursor:not-allowed}.item-details-scan-row{align-items:center;gap:8px;display:flex}.item-details-scan-row .item-details-input{flex:1}.item-details-scan-btn{cursor:pointer;background:#345053;border:none;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;height:44px;padding:0;font-size:20px;display:flex}