.modal-backdrop[data-v-3d7d35ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-container[data-v-3d7d35ce]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-3d7d35ce]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-3d7d35ce]{margin:0;font-size:1.25rem;font-weight:600}.close-btn[data-v-3d7d35ce]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn[data-v-3d7d35ce]:hover{background:#f3f4f6}.modal-body[data-v-3d7d35ce]{padding:1.5rem}.item-info[data-v-3d7d35ce]{background:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.item-name[data-v-3d7d35ce]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.item-available[data-v-3d7d35ce]{color:#6b7280;font-size:.875rem}.form-group[data-v-3d7d35ce]{margin-bottom:1.5rem}.form-group label[data-v-3d7d35ce]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.quantity-input-group[data-v-3d7d35ce]{display:flex;gap:.5rem;align-items:center}.quantity-input-group input[data-v-3d7d35ce]{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.quantity-input-group input[data-v-3d7d35ce]:disabled{background:#f3f4f6;cursor:not-allowed}.unit-label[data-v-3d7d35ce]{color:#6b7280;font-weight:500;min-width:3rem}.quick-amounts[data-v-3d7d35ce]{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.quick-btn[data-v-3d7d35ce]{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.quick-btn[data-v-3d7d35ce]:hover{border-color:#3b82f6;color:#3b82f6}.quick-btn.active[data-v-3d7d35ce]{background:#3b82f6;color:#fff;border-color:#3b82f6}.checkbox-label[data-v-3d7d35ce]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox][data-v-3d7d35ce]{width:1rem;height:1rem;cursor:pointer}textarea[data-v-3d7d35ce]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical}.consumption-summary[data-v-3d7d35ce]{background:#eff6ff;padding:1rem;border-radius:8px;border-left:3px solid #3b82f6}.summary-row[data-v-3d7d35ce]{display:flex;justify-content:space-between;padding:.5rem 0}.summary-row.total[data-v-3d7d35ce]{border-top:2px solid #3b82f6;margin-top:.5rem;padding-top:.75rem;font-size:1.125rem}.highlight[data-v-3d7d35ce]{color:#3b82f6}.modal-footer[data-v-3d7d35ce]{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.modal-footer button[data-v-3d7d35ce]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-3d7d35ce]{background:#f3f4f6;color:#374151}.btn-cancel[data-v-3d7d35ce]:hover{background:#e5e7eb}.btn-confirm[data-v-3d7d35ce]{background:#3b82f6;color:#fff}.btn-confirm[data-v-3d7d35ce]:hover:not(:disabled){background:#2563eb}.btn-confirm[data-v-3d7d35ce]:disabled{background:#d1d5db;cursor:not-allowed}.modal-enter-active[data-v-3d7d35ce],.modal-leave-active[data-v-3d7d35ce]{transition:opacity .3s ease}.modal-enter-from[data-v-3d7d35ce],.modal-leave-to[data-v-3d7d35ce]{opacity:0}.modal-enter-active .modal-container[data-v-3d7d35ce],.modal-leave-active .modal-container[data-v-3d7d35ce]{transition:transform .3s ease}.modal-enter-from .modal-container[data-v-3d7d35ce],.modal-leave-to .modal-container[data-v-3d7d35ce]{transform:scale(.9)}@media (prefers-color-scheme: dark){.modal-container[data-v-3d7d35ce]{background:#1f2937;color:#fff}.modal-header[data-v-3d7d35ce]{border-bottom-color:#374151}.item-info[data-v-3d7d35ce]{background:#111827}.form-group label[data-v-3d7d35ce]{color:#e5e7eb}.quantity-input-group input[data-v-3d7d35ce],textarea[data-v-3d7d35ce],.quick-btn[data-v-3d7d35ce]{background:#111827;border-color:#374151;color:#fff}.consumption-summary[data-v-3d7d35ce]{background:#1e3a5f;border-left-color:#3b82f6}.modal-footer[data-v-3d7d35ce]{border-top-color:#374151}.btn-cancel[data-v-3d7d35ce]{background:#374151;color:#e5e7eb}}.grocery-list[data-v-69e10e92]{padding:1rem}h2[data-v-69e10e92]{margin-bottom:1.5rem;font-size:1.5rem}.empty-state[data-v-69e10e92]{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.grocery-grid[data-v-69e10e92]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.grocery-card[data-v-69e10e92]{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid;transition:transform .2s}.grocery-card[data-v-69e10e92]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.status-red[data-v-69e10e92]{border-left-color:#ef4444}.status-orange[data-v-69e10e92]{border-left-color:#f97316}.status-yellow[data-v-69e10e92]{border-left-color:#eab308}.status-green[data-v-69e10e92]{border-left-color:#22c55e}.status-gray[data-v-69e10e92]{border-left-color:#6b7280}.card-header[data-v-69e10e92]{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.card-header h3[data-v-69e10e92]{font-size:1.25rem;margin:0}.status-badge[data-v-69e10e92]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-red[data-v-69e10e92]{background:#fee2e2;color:#991b1b}.badge-orange[data-v-69e10e92]{background:#ffedd5;color:#9a3412}.badge-yellow[data-v-69e10e92]{background:#fef3c7;color:#854d0e}.badge-green[data-v-69e10e92]{background:#dcfce7;color:#166534}.badge-gray[data-v-69e10e92]{background:#f3f4f6;color:#4b5563}.card-body[data-v-69e10e92]{margin-bottom:1rem}.info-row[data-v-69e10e92]{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.info-row .label[data-v-69e10e92]{color:#6b7280;font-size:.875rem}.info-row .value[data-v-69e10e92]{font-weight:500}.card-actions[data-v-69e10e92]{display:flex;gap:.5rem;margin-top:1rem}.card-actions button[data-v-69e10e92]{flex:1;padding:.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-consume[data-v-69e10e92]{background:#3b82f6;color:#fff}.btn-consume[data-v-69e10e92]:hover:not(:disabled){background:#2563eb}.btn-consume[data-v-69e10e92]:disabled{background:#d1d5db;cursor:not-allowed}.btn-delete[data-v-69e10e92]{background:#ef4444;color:#fff}.btn-delete[data-v-69e10e92]:hover{background:#dc2626}@media (prefers-color-scheme: dark){.grocery-card[data-v-69e10e92]{background:#1f2937;color:#fff}.info-row[data-v-69e10e92]{border-bottom-color:#374151}}.add-grocery-form[data-v-c6f6ba6b]{padding:1rem;max-width:800px}h2[data-v-c6f6ba6b]{margin-bottom:1.5rem;font-size:1.5rem}.form-grid[data-v-c6f6ba6b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group[data-v-c6f6ba6b]{display:flex;flex-direction:column}label[data-v-c6f6ba6b]{font-weight:500;margin-bottom:.5rem;color:#374151}input[data-v-c6f6ba6b],select[data-v-c6f6ba6b]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}input[data-v-c6f6ba6b]:focus,select[data-v-c6f6ba6b]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}small[data-v-c6f6ba6b]{margin-top:.25rem;color:#6b7280;font-size:.875rem}.btn-submit[data-v-c6f6ba6b]{width:100%;padding:1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-submit[data-v-c6f6ba6b]:hover{background:#2563eb}@media (prefers-color-scheme: dark){label[data-v-c6f6ba6b]{color:#d1d5db}input[data-v-c6f6ba6b],select[data-v-c6f6ba6b]{background:#1f2937;border-color:#4b5563;color:#fff}}.notification-panel[data-v-fb10adf3]{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.panel-header[data-v-fb10adf3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-header h2[data-v-fb10adf3]{font-size:1.25rem;margin:0}.notification-badges[data-v-fb10adf3]{display:flex;gap:.5rem}.badge[data-v-fb10adf3]{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-critical[data-v-fb10adf3]{background:#fee2e2;color:#991b1b}.badge-warning[data-v-fb10adf3]{background:#fef3c7;color:#854d0e}.no-notifications[data-v-fb10adf3]{text-align:center;padding:2rem;color:#059669;font-size:1.1rem}.notification-groups[data-v-fb10adf3]{display:flex;flex-direction:column;gap:1rem}.notification-group[data-v-fb10adf3]{background:#fff;border-left:4px solid;border-radius:6px;padding:1rem}.notification-group.critical[data-v-fb10adf3]{border-left-color:#ef4444;background:#fef2f2}.notification-group.warning[data-v-fb10adf3]{border-left-color:#f59e0b;background:#fffbeb}.notification-group.info[data-v-fb10adf3]{border-left-color:#3b82f6;background:#eff6ff}.notification-group h3[data-v-fb10adf3]{font-size:1rem;margin:0 0 .75rem}.notification-group ul[data-v-fb10adf3]{list-style:none;padding:0;margin:0}.notification-group li[data-v-fb10adf3]{padding:.75rem;margin-bottom:.5rem;background:#ffffff80;border-radius:4px}.notification-group li[data-v-fb10adf3]:last-child{margin-bottom:0}.notification-group small[data-v-fb10adf3]{color:#6b7280;font-size:.875rem}@media (prefers-color-scheme: dark){.notification-panel[data-v-fb10adf3]{background:#1f2937}.notification-group[data-v-fb10adf3]{background:#111827}.notification-group.critical[data-v-fb10adf3]{background:#7f1d1d}.notification-group.warning[data-v-fb10adf3]{background:#78350f}.notification-group.info[data-v-fb10adf3]{background:#1e3a8a}}.consumption-history[data-v-ca5ea14f]{padding:1rem}.header[data-v-ca5ea14f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}h2[data-v-ca5ea14f]{margin:0;font-size:1.5rem}h3[data-v-ca5ea14f]{margin:0 0 1rem;font-size:1.125rem;color:#374151}.filter-tabs[data-v-ca5ea14f]{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn[data-v-ca5ea14f]{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.filter-btn[data-v-ca5ea14f]:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn.active[data-v-ca5ea14f]{background:#3b82f6;color:#fff;border-color:#3b82f6}.loading[data-v-ca5ea14f],.empty-state[data-v-ca5ea14f]{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}.stats-panel[data-v-ca5ea14f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-ca5ea14f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card[data-v-ca5ea14f]:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card[data-v-ca5ea14f]:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-label[data-v-ca5ea14f]{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.stat-value[data-v-ca5ea14f]{font-size:1.75rem;font-weight:700}.top-items[data-v-ca5ea14f]{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.top-items-list[data-v-ca5ea14f]{display:flex;flex-direction:column;gap:.75rem}.top-item[data-v-ca5ea14f]{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:6px;transition:transform .2s}.top-item[data-v-ca5ea14f]:hover{transform:translate(4px);background:#f3f4f6}.rank[data-v-ca5ea14f]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#3b82f6;color:#fff;border-radius:50%;font-weight:700;font-size:.875rem}.item-name[data-v-ca5ea14f]{flex:1;font-weight:500}.item-stats[data-v-ca5ea14f]{color:#6b7280;font-size:.875rem}.history-section[data-v-ca5ea14f]{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.history-list[data-v-ca5ea14f]{max-height:600px;overflow-y:auto}.history-item[data-v-ca5ea14f]{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:transform .2s,box-shadow .2s;border-left:3px solid #3b82f6}.history-item[data-v-ca5ea14f]:hover{transform:translate(4px);box-shadow:0 2px 4px #0000001a}.item-header[data-v-ca5ea14f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-header strong[data-v-ca5ea14f]{font-size:1rem;color:#111827}.date[data-v-ca5ea14f]{font-size:.75rem;color:#6b7280;font-weight:500}.item-details[data-v-ca5ea14f]{display:flex;flex-direction:column;gap:.25rem}.quantity[data-v-ca5ea14f]{color:#3b82f6;font-size:.875rem;font-weight:500}.notes[data-v-ca5ea14f]{color:#6b7280;font-size:.875rem;font-style:italic;padding-top:.25rem}@media (max-width: 768px){.header[data-v-ca5ea14f]{flex-direction:column;align-items:flex-start}.filter-tabs[data-v-ca5ea14f]{width:100%}.filter-btn[data-v-ca5ea14f]{flex:1}}@media (prefers-color-scheme: dark){.consumption-history[data-v-ca5ea14f]{color:#fff}h3[data-v-ca5ea14f]{color:#e5e7eb}.filter-btn[data-v-ca5ea14f]{background:#1f2937;border-color:#374151;color:#fff}.top-items[data-v-ca5ea14f],.history-section[data-v-ca5ea14f]{background:#1f2937}.top-item[data-v-ca5ea14f]{background:#111827}.top-item[data-v-ca5ea14f]:hover{background:#0f1623}.history-item[data-v-ca5ea14f]{background:#111827}.item-header strong[data-v-ca5ea14f]{color:#fff}}.app-container[data-v-4da51201]{max-width:1200px;margin:0 auto;padding:1rem}.app-header[data-v-4da51201]{text-align:center;margin-bottom:2rem}.app-header h1[data-v-4da51201]{font-size:2.5rem;margin-bottom:.5rem}.loading[data-v-4da51201]{text-align:center;padding:2rem;font-size:1.2rem}.tabs[data-v-4da51201]{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.tabs button[data-v-4da51201]{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tabs button[data-v-4da51201]:hover{background-color:#f3f4f6}.tabs button.active[data-v-4da51201]{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.tab-content[data-v-4da51201]{margin-top:1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}: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}body{margin:0;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem}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}button{background-color:#f9f9f9}}