@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap);:root{--primary-color:#d2691e;--primary-dark:#b8501a;--primary-light:#e8976b;--primary-hover:#c75a17;--primary-active:#ad4d15;--primary-focus:#06c;--secondary-color:#2d8659;--secondary-dark:#1e5a3a;--secondary-light:#4f9c6e;--danger-color:#c53030;--danger-light:#e53e3e;--expired-color:#8b0000;--warning-color:#b8860b;--warning-dark:#a0750a;--success-color:#2d8659;--fresh-green:#2d8659;--caution-yellow:#b8860b;--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-warm:#fff8f0;--bg-cool:#f0f9f9;--bg-success:#f0f9f4;--bg-warning:#fef3e2;--bg-danger:#fef2f2;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#6b7280;--text-inverse:#fff;--border-color:#d1d5db;--border-light:#e5e7eb;--border-focus:#06c;--border-error:#c53030;--shadow-sm:0 2px 4px 0 #d2691e14;--shadow-md:0 6px 12px -2px #d2691e1f;--shadow-lg:0 16px 24px -4px #d2691e29;--shadow-warm:0 4px 8px 0 #d2691e26;--radius:0.75rem;--radius-sm:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--max-width:768px;--spacing-unit:8px;--gradient-primary:linear-gradient(135deg,#d2691e,#e8976b);--gradient-secondary:linear-gradient(135deg,#2d8659,#4f9c6e);--gradient-warm:linear-gradient(135deg,#fff8f0,#ffeee0)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#fff8f0;background:var(--bg-warm);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.6}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}.container{margin:0 auto;max-width:768px;max-width:var(--max-width);padding:0 1rem;width:100%}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:1.5rem}h1,h2{color:#1a1a1a;color:var(--text-primary);font-family:Poppins,Inter,sans-serif}h2{font-size:1.875rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:1rem}h3{color:#1a1a1a;color:var(--text-primary);font-family:Poppins,Inter,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin-bottom:.75rem}h4{font-size:1.25rem;letter-spacing:-.01em}h4,h5{color:#1a1a1a;color:var(--text-primary);font-family:Inter,sans-serif;font-weight:600;margin-bottom:.5rem}h5{font-size:1.125rem}h6{color:#4a4a4a;color:var(--text-secondary);font-size:1rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.btn,h6{font-family:Inter,sans-serif;font-weight:600}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius);box-shadow:0 2px 4px 0 #d2691e14;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;letter-spacing:.025em;line-height:1.2;min-height:48px;overflow:hidden;padding:12px 24px;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*3);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#d2691e,#e8976b);background:var(--gradient-primary);box-shadow:0 4px 8px 0 #d2691e26;box-shadow:var(--shadow-warm);color:#fff}.btn-primary:hover{box-shadow:0 8px 16px -4px #d2691e59;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);box-shadow:0 2px 4px 0 #d2691e14;box-shadow:var(--shadow-sm);color:#1a1a1a;color:var(--text-primary)}.btn-secondary:hover{background:#f7f7f7;background:var(--bg-secondary);border-color:#d2691e;border-color:var(--primary-color);box-shadow:0 6px 12px -2px #d2691e1f;box-shadow:var(--shadow-md);color:#d2691e;color:var(--primary-color);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#2d8659,#4f9c6e);background:var(--gradient-secondary);box-shadow:0 4px 8px 0 #2d865940;color:#fff}.btn-success:hover{box-shadow:0 8px 16px -4px #2d865959;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#c53030,#e53e3e);background:linear-gradient(135deg,var(--danger-color) 0,var(--danger-light) 100%);box-shadow:0 4px 8px 0 #c5303040;color:#fff}.btn-danger:hover{box-shadow:0 8px 16px -4px #c5303059;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#b8860b,#a0750a);background:linear-gradient(135deg,var(--warning-color) 0,var(--warning-dark) 100%);box-shadow:0 4px 8px 0 #b8860b40;color:#1a1a1a;color:var(--text-primary)}.btn-warning:hover{box-shadow:0 8px 16px -4px #b8860b59;transform:translateY(-1px)}.btn-small{border-radius:.5rem;border-radius:var(--radius-sm);font-size:.8125rem;min-height:36px;padding:8px 16px;padding:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*2)}.btn-large{border-radius:1rem;border-radius:var(--radius-lg);font-size:1rem;min-height:56px;padding:16px 32px;padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*4)}.btn:disabled{box-shadow:0 2px 4px 0 #d2691e14!important;box-shadow:var(--shadow-sm)!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn:disabled:hover{transform:none}.form-group{margin-bottom:1.5rem}label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}input,select,textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);font-size:1rem;min-height:44px;padding:12px;padding:calc(var(--spacing-unit)*1.5);transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#d2691e;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.error-message{color:#c53030;color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.card{background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 16px 24px -4px #d2691e29;box-shadow:var(--shadow-lg);margin-bottom:24px;margin-bottom:calc(var(--spacing-unit)*3);overflow:hidden;padding:32px;padding:calc(var(--spacing-unit)*4);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(135deg,#d2691e,#e8976b);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 16px 24px -4px #d2691e29;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-compact{border-radius:.75rem;border-radius:var(--radius);margin-bottom:1rem;padding:16px;padding:calc(var(--spacing-unit)*2)}.card-warm{background:#fff8f0;background:var(--bg-warm);border:1px solid #ff6b351a}.card-cool{background:#f0f9f9;background:var(--bg-cool);border:1px solid #06d6a01a}.card-elevated{box-shadow:0 16px 24px -4px #d2691e29;box-shadow:var(--shadow-lg)}.list{display:flex;flex-direction:column;gap:16px;gap:calc(var(--spacing-unit)*2);list-style:none}.list-item{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#fff;background:var(--bg-primary);border:2px solid #d1d5db;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 16px 24px -4px #d2691e29;box-shadow:var(--shadow-lg);cursor:pointer;margin-bottom:16px;margin-bottom:calc(var(--spacing-unit)*2);outline:none;overflow:hidden;padding:24px;padding:calc(var(--spacing-unit)*3);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.list-item:before{background:linear-gradient(135deg,#d2691e,#e8976b);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:4px}.list-item:hover{-webkit-tap-highlight-color:transparent;background:#fff;background:var(--bg-primary);border-color:#d2691e;border-color:var(--primary-color);box-shadow:0 12px 24px -4px #d2691e40;transform:translateY(-1px)}.list-item:hover:before{opacity:1}.list-item:active{background:#f7f7f7;background:var(--bg-secondary);box-shadow:0 6px 12px -2px #d2691e1f;box-shadow:var(--shadow-md);transform:translateY(1px)}.list-item:focus{-webkit-tap-highlight-color:transparent;background:#fff;background:var(--bg-primary);outline:2px solid #d2691e;outline:2px solid var(--primary-color);outline-offset:2px}.list-item:focus:not(:focus-visible){outline:none}.list-item h3{color:#1a1a1a;color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:8px;margin-bottom:calc(var(--spacing-unit)*1)}.list-item .text-small{font-size:.875rem;font-weight:500}.list-item .text-muted{color:#4a4a4a;color:var(--text-secondary);font-weight:400}.list-item-fresh{background:linear-gradient(135deg,#f0f9f9,#fff);background:linear-gradient(135deg,var(--bg-cool) 0,var(--bg-primary) 100%);border-left:4px solid #2d8659;border-left:4px solid var(--fresh-green)}.list-item-warning{background:linear-gradient(135deg,#fffbeb,#fff);background:linear-gradient(135deg,#fffbeb 0,var(--bg-primary) 100%);border-left:4px solid #b8860b;border-left:4px solid var(--warning-color)}.list-item-danger{animation:pulse-subtle 3s infinite;background:linear-gradient(135deg,#fef2f2,#fff);background:linear-gradient(135deg,#fef2f2 0,var(--bg-primary) 100%);border-left:4px solid var(--expired-red)}@keyframes pulse-subtle{0%,to{box-shadow:0 2px 4px 0 #d2691e14;box-shadow:var(--shadow-sm)}50%{box-shadow:0 6px 12px -2px #c5303033}}.spinner{animation:spin 1s linear infinite;border:3px solid #d1d5db;border-top:3px solid #d2691e;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:32px auto;margin:calc(var(--spacing-unit)*4) auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{color:#4a4a4a;color:var(--text-secondary);padding:48px 16px;padding:calc(var(--spacing-unit)*6) calc(var(--spacing-unit)*2);text-align:center}.empty-state-icon{font-size:3rem;opacity:.5}.empty-state-icon,.search-bar{margin-bottom:1rem}.search-input-container{align-items:center;display:flex;gap:8px;gap:calc(var(--spacing-unit)*1)}.search-input-wrapper{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);display:flex;flex:1 1;overflow:hidden;position:relative}.search-icon{color:#4a4a4a;color:var(--text-secondary);font-size:1rem;padding:12px;padding:calc(var(--spacing-unit)*1.5)}.search-input{background:#0000;border:none;flex:1 1;font-size:1rem;outline:none;padding:12px 0;padding:calc(var(--spacing-unit)*1.5) 0}.clear-search-btn,.search-input::placeholder{color:#4a4a4a;color:var(--text-secondary)}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:2rem;justify-content:center;margin-right:.25rem;padding:8px;padding:calc(var(--spacing-unit)*1);width:2rem}.clear-search-btn:hover{background-color:#f7f7f7;background-color:var(--bg-secondary)}.filter-toggle-btn{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;min-width:3rem;padding:12px;padding:calc(var(--spacing-unit)*1.5);position:relative;transition:all .2s}.filter-toggle-btn:hover{background-color:#f7f7f7;background-color:var(--bg-secondary)}.filter-toggle-btn.active{background-color:#d2691e;background-color:var(--primary-color);border-color:#d2691e;border-color:var(--primary-color);color:#fff}.filter-badge{align-items:center;background:#c53030;background:var(--danger-color);border-radius:.75rem;color:#fff;display:flex;font-size:.625rem;height:1rem;justify-content:center;min-width:1rem;padding:2px 4px;padding:calc(var(--spacing-unit)*.25) calc(var(--spacing-unit)*.5);position:absolute;right:-.25rem;top:-.25rem}.filter-panel{background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);box-shadow:0 6px 12px -2px #d2691e1f;box-shadow:var(--shadow-md);margin-top:.5rem;padding:16px;padding:calc(var(--spacing-unit)*2)}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.category-chips{display:flex;flex-wrap:wrap;gap:8px;gap:calc(var(--spacing-unit)*1)}.category-chip{background:#f7f7f7;background:var(--bg-secondary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:1.5rem;cursor:pointer;font-size:.875rem;padding:8px 12px;padding:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*1.5);transition:all .2s;white-space:nowrap}.category-chip.active,.category-chip:hover{background-color:#d2691e;background-color:var(--primary-color);border-color:#d2691e;border-color:var(--primary-color);color:#fff}.filter-actions{border-top:1px solid #d1d5db;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.text-center{text-align:center}.text-muted{color:#4a4a4a;color:var(--text-secondary)}.text-small{font-size:.875rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:8px;gap:calc(var(--spacing-unit)*1)}.gap-2{gap:16px;gap:calc(var(--spacing-unit)*2)}.gap-3{gap:24px;gap:calc(var(--spacing-unit)*3)}.gap-4{gap:32px;gap:calc(var(--spacing-unit)*4)}.p-1{padding:8px;padding:calc(var(--spacing-unit)*1)}.p-2{padding:16px;padding:calc(var(--spacing-unit)*2)}.p-3{padding:24px;padding:calc(var(--spacing-unit)*3)}.p-4{padding:32px;padding:calc(var(--spacing-unit)*4)}.m-1{margin:8px;margin:calc(var(--spacing-unit)*1)}.m-2{margin:16px;margin:calc(var(--spacing-unit)*2)}.m-3{margin:24px;margin:calc(var(--spacing-unit)*3)}.m-4{margin:32px;margin:calc(var(--spacing-unit)*4)}.mt-1{margin-top:8px;margin-top:calc(var(--spacing-unit)*1)}.mt-2{margin-top:16px;margin-top:calc(var(--spacing-unit)*2)}.mb-1{margin-bottom:8px;margin-bottom:calc(var(--spacing-unit)*1)}.mb-2{margin-bottom:16px;margin-bottom:calc(var(--spacing-unit)*2)}.bottom-nav{background:#fff;background:var(--bg-primary);border-top:1px solid #d1d5db;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 8px #0000001a;left:0;position:fixed;right:0;z-index:100}.bottom-nav-container{display:flex;margin:0 auto;max-width:768px;max-width:var(--max-width)}.bottom-nav-item{align-items:center;background:none;border:none;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:60px;padding:12px 8px;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*1);text-decoration:none;transition:all .2s}.bottom-nav-item:hover{background-color:#f7f7f7;background-color:var(--bg-secondary)}.bottom-nav-item.active{color:#d2691e;color:var(--primary-color)}.bottom-nav-icon{display:block;font-size:1.25rem;margin-bottom:.25rem}.bottom-nav-label{font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap}.header-stats{display:none;gap:8px;gap:calc(var(--spacing-unit)*1)}.stat-badge{background:#f7f7f7;background:var(--bg-secondary);border-radius:1rem;color:#4a4a4a;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.header-actions{align-items:center;display:flex;gap:8px;gap:calc(var(--spacing-unit)*1)}.header-action-btn{min-width:2.5rem!important;padding:.5rem!important}.desktop-text{display:none}.mobile-text{display:inline}.header-tabs{padding-bottom:.5rem}.header-tabs,.tab-btn{display:flex;gap:8px;gap:calc(var(--spacing-unit)*1)}.tab-btn{align-items:center;background:#f7f7f7;background:var(--bg-secondary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);color:#4a4a4a;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;justify-content:center;padding:12px 16px;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2);text-align:center;transition:all .2s;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:#d2691e;background:var(--primary-color);border-color:#d2691e;border-color:var(--primary-color);color:#fff}.tab-count{align-items:center;background:#fff3;border-radius:.75rem;display:inline-flex;font-size:.625rem;font-weight:600;justify-content:center;min-width:1.25rem;padding:2px 6px;padding:calc(var(--spacing-unit)*.25) calc(var(--spacing-unit)*.75)}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-list-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:.75rem;padding:16px;padding:calc(var(--spacing-unit)*2)}.skeleton-list-item-content{align-items:flex-start;display:flex;flex:1 1}.skeleton-title-row{align-items:center;display:flex;gap:8px;gap:calc(var(--spacing-unit)*1);margin-bottom:.5rem}.skeleton-status-badge{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#f7f7f7;background:var(--bg-secondary);border-radius:.25rem;height:20px;width:60px}.skeleton-list-text{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:calc(var(--spacing-unit)*1)}.skeleton-title{height:1.125rem;width:150px}.skeleton-subtitle,.skeleton-title{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#f7f7f7;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius)}.skeleton-subtitle{height:.875rem;width:50%}.skeleton-warning{height:24px;margin:4px 0;margin:calc(var(--spacing-unit)*.5) 0;width:120px}.skeleton-meta,.skeleton-warning{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#f7f7f7;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius)}.skeleton-meta{height:.75rem;width:40%}.skeleton-actions{display:flex;gap:8px;gap:calc(var(--spacing-unit)*1)}.skeleton-button{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#f7f7f7;background:var(--bg-secondary);height:32px;width:60px}.skeleton-button,.skeleton-form{border-radius:.75rem;border-radius:var(--radius)}.skeleton-form{background:#fff;background:var(--bg-primary);box-shadow:0 2px 4px 0 #d2691e14;box-shadow:var(--shadow-sm);padding:24px;padding:calc(var(--spacing-unit)*3)}.skeleton-form-group{display:flex;flex-direction:column;gap:8px;gap:calc(var(--spacing-unit)*1);margin-bottom:1.5rem}.skeleton-form-group div{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#f7f7f7;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius)}.skeleton-form-actions{border-top:1px solid #d1d5db;border-top:1px solid var(--border-color);display:flex;gap:16px;gap:calc(var(--spacing-unit)*2);justify-content:flex-end;padding-top:1rem}.skeleton-form-actions div{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#f7f7f7;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius)}.skeleton-text-block{display:flex;flex-direction:column}.swipeable-container{border-radius:.75rem;border-radius:var(--radius);overflow:hidden}.swipeable-container,.swipeable-item{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:relative}.swipeable-item{background:#fff;background:var(--bg-primary);outline:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;z-index:10}.swipeable-item.dragging{cursor:grabbing}.swipe-actions{align-items:center;bottom:0;display:flex;position:absolute;top:0;z-index:5}.swipe-actions-left{left:0;right:auto}.swipe-actions-right{left:auto;right:0}.swipe-action-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:44px;padding:12px 8px;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*1);text-align:center;transition:all .2s;width:80px}.swipe-action-btn:hover{opacity:.8}.swipe-action-btn:active{transform:scale(.95)}.swipe-action-icon{display:block;font-size:1.25rem;margin-bottom:.25rem}.swipe-action-label{font-size:.75rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-swipeable{margin-bottom:.75rem}.list-item-swipeable .list-item{border-radius:0;margin-bottom:0}.desktop-actions{display:none}.swipe-hint{animation:swipe-hint-fade 4s ease-in-out;display:block;opacity:.7}@keyframes swipe-hint-fade{0%{opacity:0}25%{opacity:.7}75%{opacity:.7}to{opacity:.3}}.mobile-quick-actions{display:flex;gap:8px;gap:calc(var(--spacing-unit)*1);justify-content:flex-start}.mobile-action-btn{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:50%;color:#4a4a4a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;min-height:44px;min-width:44px;padding:12px;padding:calc(var(--spacing-unit)*1.5);transition:all .2s}.mobile-action-btn:hover{background:#f7f7f7;background:var(--bg-secondary);border-color:#d2691e;border-color:var(--primary-color);color:#d2691e;color:var(--primary-color)}.mobile-action-btn:active{transform:scale(.95)}.clickable-item-content{border-radius:.25rem;margin:-.25rem;padding:4px;padding:calc(var(--spacing-unit)*.5);transition:all .2s ease}.clickable-item-content:hover{background-color:#f7f7f7;background-color:var(--bg-secondary)}.filter-toggle-container{display:flex;justify-content:center;margin:8px 0;margin:calc(var(--spacing-unit)*1) 0}.pagination-container{align-items:center;border-top:1px solid #d1d5db;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;gap:calc(var(--spacing-unit)*2);margin-top:2rem;padding:32px 16px 16px;padding:calc(var(--spacing-unit)*4) calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*2)}.pagination-info{text-align:center}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:calc(var(--spacing-unit)*1);justify-content:center}.pagination-numbers{align-items:center;display:flex;gap:4px;gap:calc(var(--spacing-unit)*.5)}.pagination-number{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;height:2.5rem;justify-content:center;min-width:2.5rem;transition:all .2s}.pagination-number:hover:not(:disabled){background:#f7f7f7;background:var(--bg-secondary);border-color:#d2691e;border-color:var(--primary-color)}.pagination-number.active{background:#d2691e;background:var(--primary-color);border-color:#d2691e;border-color:var(--primary-color);color:#fff}.pagination-number.ellipsis{background:#0000;border:none;color:#4a4a4a;color:var(--text-secondary);cursor:default}.pagination-btn:disabled,.pagination-number:disabled{cursor:not-allowed;opacity:.5}@keyframes pulse-urgent{0%{box-shadow:0 0 0 0 #c53030b3;transform:scale(1)}70%{box-shadow:0 0 0 4px #c5303000;transform:scale(1.02)}to{box-shadow:0 0 0 0 #c5303000;transform:scale(1)}}.expiration-warning-banner{align-items:center;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;border:2px solid;border-radius:.75rem;border-radius:var(--radius);display:inline-flex;font-weight:600;gap:8px;gap:calc(var(--spacing-unit)*1);margin-top:12px;margin-top:calc(var(--spacing-unit)*1.5);padding:8px 12px;padding:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*1.5)}.expiration-warning-banner.urgent{box-shadow:0 4px 12px #b8860b4d;letter-spacing:.025em;text-transform:uppercase}.history-link{background:none;border:none;border-radius:.75rem;border-radius:var(--radius);color:#4a4a4a;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:8px;padding:calc(var(--spacing-unit)*1);text-decoration:none;transition:color .2s}.history-link:hover{background-color:#2563eb1a;color:#d2691e;color:var(--primary-color)}.history-stats{padding:16px 0;padding:calc(var(--spacing-unit)*2) 0}.stats-grid{grid-gap:16px;grid-gap:calc(var(--spacing-unit)*2);display:grid;gap:16px;gap:calc(var(--spacing-unit)*2);grid-template-columns:repeat(3,1fr)}.stat-item{background:#f7f7f7;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius);padding:16px;padding:calc(var(--spacing-unit)*2);text-align:center}.stat-number{color:#1a1a1a;color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700}.stat-label{color:#4a4a4a;color:var(--text-secondary);display:block;font-size:.875rem;margin-top:.25rem}.history-filters{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-color);border-top:1px solid #d1d5db;border-top:1px solid var(--border-color);padding:16px 0;padding:calc(var(--spacing-unit)*2) 0}.filter-tabs{background:#f7f7f7;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius);display:flex;gap:4px;gap:calc(var(--spacing-unit)*.5);padding:4px;padding:calc(var(--spacing-unit)*.5)}.filter-tab{background:#0000;border:none;border-radius:.625rem;border-radius:calc(var(--radius) - .125rem);color:#4a4a4a;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:8px 16px;padding:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*2);text-align:center;transition:all .2s}.filter-tab.active,.filter-tab:hover{color:#1a1a1a;color:var(--text-primary)}.filter-tab.active{background:#fff;background:var(--bg-primary);box-shadow:0 2px 4px 0 #d2691e14;box-shadow:var(--shadow-sm)}.item-detail-content{padding:16px 0;padding:calc(var(--spacing-unit)*2) 0}.item-detail-title{color:#1a1a1a;color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.item-detail-brand{color:#4a4a4a;color:var(--text-secondary);font-size:1.125rem;margin:0 0 1.5rem}.item-detail-grid{grid-gap:24px;grid-gap:calc(var(--spacing-unit)*3);display:grid;gap:24px;gap:calc(var(--spacing-unit)*3);grid-template-columns:1fr 1fr;margin:24px 0;margin:calc(var(--spacing-unit)*3) 0}.detail-section{display:flex;flex-direction:column;gap:4px;gap:calc(var(--spacing-unit)*.5)}.detail-section-full{grid-column:1/-1}.detail-label{color:#4a4a4a;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.detail-value{color:#1a1a1a;color:var(--text-primary);font-size:1rem;font-weight:500}.expiration-warning{align-items:center;background:#fef3e2;background:var(--bg-warning);border:2px solid;border-radius:.75rem;border-radius:var(--radius);color:#b8860b;color:var(--warning-color);display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;gap:calc(var(--spacing-unit)*1);margin-top:8px;margin-top:calc(var(--spacing-unit)*1);padding:12px 16px;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2)}.item-detail-actions{background:#f7f7f7;background:var(--bg-secondary);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);margin:32px -32px -32px;margin:calc(var(--spacing-unit)*4) calc(var(--spacing-unit)*-4) calc(var(--spacing-unit)*-4);padding:24px;padding:calc(var(--spacing-unit)*3)}.quick-actions{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);margin-bottom:16px;margin-bottom:calc(var(--spacing-unit)*2);padding-bottom:16px;padding-bottom:calc(var(--spacing-unit)*2)}.quick-actions,.secondary-actions{display:flex;flex-wrap:wrap;gap:16px;gap:calc(var(--spacing-unit)*2)}.secondary-actions{justify-content:space-between}body{padding-bottom:80px}@media (min-width:640px){h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.container{padding:0 1.5rem}.bottom-nav{display:none}body{padding-bottom:0}.header-stats{display:flex}.desktop-text{display:inline}.mobile-text{display:none}.tab-btn{flex:none;min-width:150px}.desktop-actions{border-left:2px solid #e5e7eb;border-left:2px solid var(--border-light);display:flex;flex-direction:column;gap:8px;gap:calc(var(--spacing-unit)*1);padding-left:16px;padding-left:calc(var(--spacing-unit)*2)}.mobile-quick-actions,.swipe-hint{display:none}.item-detail-grid{grid-template-columns:1fr 1fr 1fr}.quick-actions{justify-content:flex-start}.secondary-actions{justify-content:flex-end}}
/*# sourceMappingURL=main.7b054972.css.map*/