*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation}:root,html[data-theme="dark"]{color-scheme:dark;--bg-base:#060913;--bg-surface:#0e1628;--bg-surface-elevated:#182337;--bg-surface-highlight:#202f4a;--bg-recessed:#0a0f1c;--bg-gradient-1:rgba(56,189,248,0.12);--bg-gradient-2:rgba(20,184,166,0.08);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#ffffff;--border-column:rgba(255,255,255,0.14);--border-card:rgba(255,255,255,0.18);--border-subtle:rgba(255,255,255,0.10);--border-focus:rgba(56,189,248,0.60);--accent-cyan:#38bdf8;--accent-teal:#14b8a6;--accent-indigo:#818cf8;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-emerald:#10b981;--accent-purple:#a855f7;--brand-title-grad:linear-gradient(135deg,#38bdf8 0%,#a855f7 50%,#f43f5e 100%);--brand-logo-glow:rgba(56,189,248,0.60);--btn-theme-toggle-sun:#f59e0b;--btn-theme-toggle-moon:#818cf8;--sync-ok-text:var(--accent-emerald);--sync-ok-bg:rgba(16,185,129,0.10);--sync-ok-border:rgba(16,185,129,0.25);--sync-active-text:var(--accent-cyan);--sync-active-bg:rgba(56,189,248,0.10);--sync-active-border:rgba(56,189,248,0.25);--sync-offline-text:#fb7185;--sync-offline-bg:rgba(244,63,94,0.12);--sync-offline-border:rgba(244,63,94,0.35);--sync-offline-glow:rgba(244,63,94,0.80);--sync-unbound-text:#f59e0b;--sync-unbound-bg:rgba(245,158,11,0.12);--sync-unbound-border:rgba(245,158,11,0.35);--sync-unbound-glow:rgba(245,158,11,0.80);--sync-spinner-border:rgba(56,189,248,0.30);--banner-warn-bg:rgba(245,158,11,0.10);--banner-warn-border:rgba(245,158,11,0.35);--banner-warn-border-accent:#f59e0b;--banner-warn-text:#fde68a;--banner-code-bg:rgba(0,0,0,0.35);--banner-code-text:#fbbf24;--banner-code-border:rgba(245,158,11,0.25);--input-bg:#141e33;--input-bg-focus:#192742;--input-focus-ring:rgba(56,189,248,0.20);--calendar-icon-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--badge-meal-bg:rgba(245,158,11,0.20);--badge-meal-text:#fde68a;--badge-meal-border:rgba(245,158,11,0.45);--badge-side-bg:rgba(56,189,248,0.20);--badge-side-text:#bae6fd;--badge-side-border:rgba(56,189,248,0.45);--badge-general-bg:rgba(168,85,247,0.20);--badge-general-text:#e9d5ff;--badge-general-border:rgba(168,85,247,0.45);--badge-zero-bg:rgba(244,63,94,0.15);--badge-zero-text:#fb7185;--badge-zero-border:rgba(244,63,94,0.40);--badge-hidden-bg:rgba(148,163,184,0.15);--badge-hidden-text:#cbd5e1;--badge-hidden-border:rgba(148,163,184,0.35);--badge-count-bg:rgba(148,163,184,0.30);--badge-count-text:#f1f5f9;--badge-trash-bg:#f43f5e;--badge-trash-text:#ffffff;--stat-active-bg:rgba(56,189,248,0.15);--stat-active-text:var(--accent-cyan);--stat-active-border:rgba(56,189,248,0.35);--stat-hidden-bg:rgba(148,163,184,0.15);--stat-hidden-text:var(--text-muted);--stat-hidden-border:rgba(148,163,184,0.35);--column-drag-over-bg:rgba(56,189,248,0.08);--drop-placeholder-bg:rgba(56,189,248,0.09);--drop-placeholder-border:rgba(56,189,248,0.55);--item-zero-bg:rgba(9,14,26,0.65);--item-zero-border:rgba(244,63,94,0.35);--item-zero-hover-border:rgba(244,63,94,0.60);--item-hidden-border-left:#64748b;--meta-separator-color:rgba(255,255,255,0.25);--btn-card-hide-bg:rgba(148,163,184,0.10);--btn-card-hide-border:rgba(148,163,184,0.25);--btn-card-hide-hover-bg:rgba(148,163,184,0.25);--btn-card-hide-hover-border:rgba(148,163,184,0.50);--btn-card-hide-hover-text:#f1f5f9;--btn-card-hidden-bg:rgba(148,163,184,0.18);--btn-card-hidden-border:rgba(148,163,184,0.40);--btn-card-hidden-hover-bg:rgba(56,189,248,0.20);--btn-card-hidden-hover-border:rgba(56,189,248,0.50);--btn-card-hidden-hover-text:#38bdf8;--btn-card-hidden-glow:rgba(56,189,248,0.25);--btn-primary-bg:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);--btn-primary-text:#ffffff;--btn-primary-shadow:0 4px 12px rgba(37,99,235,0.30);--btn-primary-hover-shadow:0 6px 16px rgba(37,99,235,0.45);--btn-secondary-bg:rgba(255,255,255,0.07);--btn-secondary-hover-bg:rgba(255,255,255,0.14);--btn-secondary-border-hover:rgba(255,255,255,0.15);--btn-toggle-hidden-bg:rgba(148,163,184,0.10);--btn-toggle-hidden-border:rgba(148,163,184,0.25);--btn-toggle-hidden-hover-bg:rgba(148,163,184,0.20);--btn-toggle-hidden-hover-border:rgba(148,163,184,0.45);--btn-toggle-hidden-active-bg:rgba(56,189,248,0.16);--btn-toggle-hidden-active-border:rgba(56,189,248,0.50);--btn-toggle-hidden-active-text:#38bdf8;--btn-toggle-hidden-active-glow:0 0 15px -3px rgba(56,189,248,0.30);--btn-trash-bg:rgba(244,63,94,0.12);--btn-trash-border:rgba(244,63,94,0.35);--btn-trash-text:#fda4af;--btn-trash-hover-bg:rgba(244,63,94,0.22);--btn-trash-hover-border:rgba(244,63,94,0.55);--btn-trash-hover-text:#fff1f2;--btn-trash-glow:0 0 15px -3px rgba(244,63,94,0.30);--btn-empty-add-bg:rgba(56,189,248,0.10);--btn-empty-add-border:rgba(56,189,248,0.25);--btn-empty-add-hover-bg:rgba(56,189,248,0.20);--btn-empty-add-hover-border:rgba(56,189,248,0.40);--modal-backdrop-bg:rgba(0,0,0,0.82);--chip-cyan-bg:linear-gradient(135deg,rgba(56,189,248,0.16) 0%,rgba(14,165,233,0.12) 100%);--chip-cyan-border:rgba(56,189,248,0.40);--chip-indigo-bg:linear-gradient(135deg,rgba(99,102,241,0.16) 0%,rgba(139,92,246,0.12) 100%);--chip-indigo-border:rgba(99,102,241,0.40);--chip-rose-bg:linear-gradient(135deg,rgba(244,63,94,0.16) 0%,rgba(225,29,72,0.12) 100%);--chip-rose-border:rgba(244,63,94,0.40);--btn-action-dup-bg:rgba(56,189,248,0.08);--btn-action-dup-border:rgba(56,189,248,0.25);--btn-action-dup-text:#7dd3fc;--btn-action-dup-hover-bg:rgba(56,189,248,0.18);--btn-action-dup-hover-border:rgba(56,189,248,0.45);--btn-action-dup-hover-text:#bae6fd;--btn-action-del-bg:rgba(244,63,94,0.08);--btn-action-del-border:rgba(244,63,94,0.25);--btn-action-del-text:#fb7185;--btn-action-del-hover-bg:rgba(244,63,94,0.18);--btn-action-del-hover-border:rgba(244,63,94,0.45);--btn-action-del-hover-text:#ffe4e6;--days-pill-bg:rgba(148,163,184,0.15);--days-pill-border:rgba(148,163,184,0.30);--days-pill-text:var(--text-secondary);--days-pill-warn-bg:rgba(245,158,11,0.15);--days-pill-warn-border:rgba(245,158,11,0.40);--days-pill-warn-text:var(--accent-amber);--btn-restore-bg:rgba(16,185,129,0.15);--btn-restore-border:rgba(16,185,129,0.35);--btn-restore-text:#34d399;--btn-restore-hover-bg:rgba(16,185,129,0.25);--btn-restore-hover-text:#ffffff;--btn-force-del-bg:rgba(244,63,94,0.10);--btn-force-del-border:rgba(244,63,94,0.25);--btn-force-del-text:#fb7185;--btn-force-del-hover-bg:rgba(244,63,94,0.25);--btn-force-del-hover-text:#ffffff;--confirm-icon-bg:rgba(244,63,94,0.12);--confirm-icon-border:rgba(244,63,94,0.25);--confirm-icon-glow:0 0 20px -3px rgba(244,63,94,0.25);--btn-danger-bg:linear-gradient(135deg,#e11d48 0%,#be123c 100%);--btn-danger-text:#ffffff;--btn-danger-shadow:0 2px 10px rgba(225,29,72,0.35);--backup-card-icon-cyan-bg:rgba(56,189,248,0.12);--backup-card-icon-cyan-border:rgba(56,189,248,0.25);--backup-card-icon-indigo-bg:rgba(129,140,248,0.12);--backup-card-icon-indigo-border:rgba(129,140,248,0.25);--dropzone-bg:rgba(56,189,248,0.05);--dropzone-border:rgba(56,189,248,0.40);--dropzone-hover-bg:rgba(56,189,248,0.10);--dropzone-hover-border:var(--accent-cyan);--btn-import-bg:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);--btn-import-text:#ffffff;--btn-import-shadow:0 2px 10px rgba(99,102,241,0.35);--btn-import-hover-shadow:0 4px 16px rgba(99,102,241,0.50);--import-valid-text:#34d399;--import-invalid-text:#fb7185;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--radius-stepper:var(--radius-md);--radius-stepper-inner:calc(var(--radius-md) - 3px);--radius-card-stepper:var(--radius-sm);--radius-card-stepper-inner:calc(var(--radius-sm) - 2px);--qty-pulse-duration:0.18s;--qty-pulse-timing:cubic-bezier(0.34,1.56,0.64,1);--shadow-card:0 4px 16px rgba(0,0,0,0.45);--shadow-elevated:0 12px 36px -4px rgba(0,0,0,0.70);--shadow-glow:0 0 25px -5px rgba(56,189,248,0.25);--toast-pwa-bg:linear-gradient(145deg,#18284c 0%,#101c36 100%);--toast-pwa-border:rgba(56,189,248,0.70);--toast-pwa-shadow:0 20px 48px -6px rgba(0,0,0,0.85),0 0 32px 2px rgba(56,189,248,0.40),0 0 60px -10px rgba(99,102,241,0.35),inset 0 1px 1px 0 rgba(255,255,255,0.40);--toast-icon-bg:linear-gradient(135deg,rgba(56,189,248,0.22) 0%,rgba(99,102,241,0.18) 100%);--toast-icon-border:rgba(56,189,248,0.40)}html[data-theme="light"]{color-scheme:light;--bg-base:#f1f5f9;--bg-surface:#ffffff;--bg-surface-elevated:#f8fafc;--bg-surface-highlight:#e2e8f0;--bg-recessed:#e2e8f0;--bg-gradient-1:rgba(2,132,199,0.08);--bg-gradient-2:rgba(13,148,136,0.06);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#ffffff;--border-column:rgba(15,23,42,0.14);--border-card:rgba(15,23,42,0.12);--border-subtle:rgba(15,23,42,0.08);--border-focus:rgba(2,132,199,0.60);--accent-cyan:#0284c7;--accent-teal:#0d9488;--accent-indigo:#4f46e5;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-emerald:#059669;--accent-purple:#9333ea;--brand-title-grad:linear-gradient(135deg,#0284c7 0%,#7e22ce 50%,#e11d48 100%);--brand-logo-glow:rgba(2,132,199,0.40);--btn-theme-toggle-sun:#d97706;--btn-theme-toggle-moon:#4f46e5;--sync-ok-text:var(--accent-emerald);--sync-ok-bg:rgba(5,150,105,0.10);--sync-ok-border:rgba(5,150,105,0.25);--sync-active-text:var(--accent-cyan);--sync-active-bg:rgba(2,132,199,0.10);--sync-active-border:rgba(2,132,199,0.25);--sync-offline-text:#e11d48;--sync-offline-bg:rgba(225,29,72,0.10);--sync-offline-border:rgba(225,29,72,0.30);--sync-offline-glow:rgba(225,29,72,0.50);--sync-unbound-text:#d97706;--sync-unbound-bg:rgba(217,119,6,0.12);--sync-unbound-border:rgba(217,119,6,0.35);--sync-unbound-glow:rgba(217,119,6,0.60);--sync-spinner-border:rgba(2,132,199,0.30);--banner-warn-bg:rgba(217,119,6,0.10);--banner-warn-border:rgba(217,119,6,0.35);--banner-warn-border-accent:#d97706;--banner-warn-text:#92400e;--banner-code-bg:rgba(255,255,255,0.85);--banner-code-text:#b45309;--banner-code-border:rgba(217,119,6,0.25);--input-bg:#f8fafc;--input-bg-focus:#ffffff;--input-focus-ring:rgba(2,132,199,0.20);--calendar-icon-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--badge-meal-bg:rgba(217,119,6,0.12);--badge-meal-text:#92400e;--badge-meal-border:rgba(217,119,6,0.35);--badge-side-bg:rgba(2,132,199,0.12);--badge-side-text:#0369a1;--badge-side-border:rgba(2,132,199,0.35);--badge-general-bg:rgba(147,51,234,0.12);--badge-general-text:#6b21a8;--badge-general-border:rgba(147,51,234,0.35);--badge-zero-bg:rgba(225,29,72,0.10);--badge-zero-text:#e11d48;--badge-zero-border:rgba(225,29,72,0.30);--badge-hidden-bg:rgba(100,116,139,0.12);--badge-hidden-text:#475569;--badge-hidden-border:rgba(100,116,139,0.25);--badge-count-bg:rgba(100,116,139,0.18);--badge-count-text:#1e293b;--badge-trash-bg:#e11d48;--badge-trash-text:#ffffff;--stat-active-bg:rgba(2,132,199,0.12);--stat-active-text:var(--accent-cyan);--stat-active-border:rgba(2,132,199,0.30);--stat-hidden-bg:rgba(100,116,139,0.12);--stat-hidden-text:var(--text-muted);--stat-hidden-border:rgba(100,116,139,0.25);--column-drag-over-bg:rgba(2,132,199,0.06);--drop-placeholder-bg:rgba(2,132,199,0.08);--drop-placeholder-border:rgba(2,132,199,0.50);--item-zero-bg:rgba(241,245,249,0.85);--item-zero-border:rgba(225,29,72,0.30);--item-zero-hover-border:rgba(225,29,72,0.55);--item-hidden-border-left:#94a3b8;--meta-separator-color:rgba(15,23,42,0.20);--btn-card-hide-bg:rgba(100,116,139,0.08);--btn-card-hide-border:rgba(100,116,139,0.20);--btn-card-hide-hover-bg:rgba(100,116,139,0.18);--btn-card-hide-hover-border:rgba(100,116,139,0.35);--btn-card-hide-hover-text:#0f172a;--btn-card-hidden-bg:rgba(100,116,139,0.12);--btn-card-hidden-border:rgba(100,116,139,0.25);--btn-card-hidden-hover-bg:rgba(2,132,199,0.15);--btn-card-hidden-hover-border:rgba(2,132,199,0.40);--btn-card-hidden-hover-text:#0284c7;--btn-card-hidden-glow:rgba(2,132,199,0.20);--btn-primary-bg:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);--btn-primary-text:#ffffff;--btn-primary-shadow:0 2px 8px rgba(37,99,235,0.25);--btn-primary-hover-shadow:0 4px 14px rgba(37,99,235,0.35);--btn-secondary-bg:rgba(15,23,42,0.06);--btn-secondary-hover-bg:rgba(15,23,42,0.12);--btn-secondary-border-hover:rgba(15,23,42,0.15);--btn-toggle-hidden-bg:rgba(100,116,139,0.08);--btn-toggle-hidden-border:rgba(100,116,139,0.20);--btn-toggle-hidden-hover-bg:rgba(100,116,139,0.16);--btn-toggle-hidden-hover-border:rgba(100,116,139,0.35);--btn-toggle-hidden-active-bg:rgba(2,132,199,0.12);--btn-toggle-hidden-active-border:rgba(2,132,199,0.40);--btn-toggle-hidden-active-text:#0284c7;--btn-toggle-hidden-active-glow:0 0 12px -2px rgba(2,132,199,0.25);--btn-trash-bg:rgba(225,29,72,0.08);--btn-trash-border:rgba(225,29,72,0.25);--btn-trash-text:#be123c;--btn-trash-hover-bg:rgba(225,29,72,0.16);--btn-trash-hover-border:rgba(225,29,72,0.45);--btn-trash-hover-text:#9f1239;--btn-trash-glow:0 0 12px -2px rgba(225,29,72,0.25);--btn-empty-add-bg:rgba(2,132,199,0.08);--btn-empty-add-border:rgba(2,132,199,0.25);--btn-empty-add-hover-bg:rgba(2,132,199,0.16);--btn-empty-add-hover-border:rgba(2,132,199,0.40);--modal-backdrop-bg:rgba(15,23,42,0.65);--chip-cyan-bg:linear-gradient(135deg,rgba(2,132,199,0.12) 0%,rgba(14,165,233,0.08) 100%);--chip-cyan-border:rgba(2,132,199,0.35);--chip-indigo-bg:linear-gradient(135deg,rgba(79,70,229,0.12) 0%,rgba(124,58,237,0.08) 100%);--chip-indigo-border:rgba(79,70,229,0.35);--chip-rose-bg:linear-gradient(135deg,rgba(225,29,72,0.12) 0%,rgba(190,18,60,0.08) 100%);--chip-rose-border:rgba(225,29,72,0.35);--btn-action-dup-bg:rgba(2,132,199,0.08);--btn-action-dup-border:rgba(2,132,199,0.25);--btn-action-dup-text:#0284c7;--btn-action-dup-hover-bg:rgba(2,132,199,0.16);--btn-action-dup-hover-border:rgba(2,132,199,0.40);--btn-action-dup-hover-text:#0369a1;--btn-action-del-bg:rgba(225,29,72,0.08);--btn-action-del-border:rgba(225,29,72,0.25);--btn-action-del-text:#e11d48;--btn-action-del-hover-bg:rgba(225,29,72,0.16);--btn-action-del-hover-border:rgba(225,29,72,0.40);--btn-action-del-hover-text:#be123c;--days-pill-bg:rgba(100,116,139,0.12);--days-pill-border:rgba(100,116,139,0.25);--days-pill-text:var(--text-secondary);--days-pill-warn-bg:rgba(217,119,6,0.12);--days-pill-warn-border:rgba(217,119,6,0.35);--days-pill-warn-text:var(--accent-amber);--btn-restore-bg:rgba(5,150,105,0.10);--btn-restore-border:rgba(5,150,105,0.25);--btn-restore-text:#059669;--btn-restore-hover-bg:rgba(5,150,105,0.20);--btn-restore-hover-text:#047857;--btn-force-del-bg:rgba(225,29,72,0.08);--btn-force-del-border:rgba(225,29,72,0.25);--btn-force-del-text:#e11d48;--btn-force-del-hover-bg:rgba(225,29,72,0.18);--btn-force-del-hover-text:#be123c;--confirm-icon-bg:rgba(225,29,72,0.10);--confirm-icon-border:rgba(225,29,72,0.25);--confirm-icon-glow:0 0 16px -2px rgba(225,29,72,0.20);--btn-danger-bg:linear-gradient(135deg,#e11d48 0%,#be123c 100%);--btn-danger-text:#ffffff;--btn-danger-shadow:0 2px 8px rgba(225,29,72,0.25);--backup-card-icon-cyan-bg:rgba(2,132,199,0.10);--backup-card-icon-cyan-border:rgba(2,132,199,0.25);--backup-card-icon-indigo-bg:rgba(79,70,229,0.10);--backup-card-icon-indigo-border:rgba(79,70,229,0.25);--dropzone-bg:rgba(2,132,199,0.04);--dropzone-border:rgba(2,132,199,0.35);--dropzone-hover-bg:rgba(2,132,199,0.08);--dropzone-hover-border:var(--accent-cyan);--btn-import-bg:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);--btn-import-text:#ffffff;--btn-import-shadow:0 2px 8px rgba(79,70,229,0.25);--btn-import-hover-shadow:0 4px 14px rgba(79,70,229,0.35);--import-valid-text:#059669;--import-invalid-text:#e11d48;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--radius-stepper:var(--radius-md);--radius-stepper-inner:calc(var(--radius-md) - 3px);--radius-card-stepper:var(--radius-sm);--radius-card-stepper-inner:calc(var(--radius-sm) - 2px);--qty-pulse-duration:0.18s;--qty-pulse-timing:cubic-bezier(0.34,1.56,0.64,1);--shadow-card:0 2px 8px rgba(15,23,42,0.06),0 1px 3px rgba(15,23,42,0.04);--shadow-elevated:0 10px 28px -4px rgba(15,23,42,0.12),0 4px 10px rgba(15,23,42,0.06);--shadow-glow:0 0 20px -3px rgba(2,132,199,0.20);--toast-pwa-bg:linear-gradient(145deg,#ffffff 0%,#ebf4ff 100%);--toast-pwa-border:rgba(2,132,199,0.55);--toast-pwa-shadow:0 18px 40px -6px rgba(15,23,42,0.20),0 0 28px 0 rgba(2,132,199,0.30),inset 0 1px 1px 0 rgba(255,255,255,0.90);--toast-icon-bg:linear-gradient(135deg,rgba(2,132,199,0.14) 0%,rgba(79,70,229,0.10) 100%);--toast-icon-border:rgba(2,132,199,0.35)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-base);background-image:radial-gradient(at 10% 10%,var(--bg-gradient-1) 0px,transparent 50%),radial-gradient(at 90% 90%,var(--bg-gradient-2) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color 0.25s ease,color 0.25s ease}#app{width:100%;max-width:1380px;margin:0 auto;padding:0.75rem 0.5rem}@media (min-width:480px){#app{padding:1rem 1rem}}@media (min-width:768px){#app{padding:2rem 1.5rem}}.app-header{background:var(--bg-surface);border:1px solid var(--border-column);border-radius:var(--radius-lg);padding:1rem 1rem;margin-bottom:1.25rem;box-shadow:var(--shadow-card);transition:background-color 0.25s ease,border-color 0.25s ease}@media (min-width:600px){.app-header{padding:1.25rem 1.5rem;margin-bottom:1.5rem}}.header-branding{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;margin-bottom:0.75rem}@media (min-width:600px){.header-branding{margin-bottom:1.25rem}}.brand-logo{display:flex;align-items:center;gap:0.75rem;min-width:0}.logo-emoji{font-size:1.85rem;filter:drop-shadow(0 0 12px var(--brand-logo-glow))}.brand-title{font-size:1.35rem;font-weight:800;background:var(--brand-title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em;white-space:nowrap}@media (min-width:600px){.brand-title{font-size:1.45rem}}.brand-subtitle{font-size:0.78rem;color:var(--text-muted);font-weight:500;display:block}.header-meta{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;flex-wrap:wrap;margin-left:auto}.total-items-badge{font-size:0.8rem;color:var(--text-secondary);background:var(--bg-surface-elevated);padding:0.25rem 0.75rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.total-items-badge strong{color:var(--text-primary)}.btn-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;flex-shrink:0;padding:0}.btn-theme-toggle:hover{color:var(--accent-amber);background:var(--btn-secondary-hover-bg);border-color:var(--border-column);transform:scale(1.06)}html[data-theme="dark"] .btn-theme-toggle .icon-moon{display:none}html[data-theme="dark"] .btn-theme-toggle .icon-sun{display:block;color:var(--btn-theme-toggle-sun)}html[data-theme="light"] .btn-theme-toggle .icon-sun{display:none}html[data-theme="light"] .btn-theme-toggle .icon-moon{display:block;color:var(--btn-theme-toggle-moon)}.sync-status{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.75rem;color:var(--sync-ok-text);background:var(--sync-ok-bg);border:1px solid var(--sync-ok-border);padding:0.25rem 0.6rem;border-radius:var(--radius-full);font-weight:500}.sync-status.is-syncing{color:var(--sync-active-text);background:var(--sync-active-bg);border-color:var(--sync-active-border)}.sync-status.is-offline{color:var(--sync-offline-text);background:var(--sync-offline-bg);border-color:var(--sync-offline-border)}.sync-status.is-unbound{color:var(--sync-unbound-text);background:var(--sync-unbound-bg);border-color:var(--sync-unbound-border)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-dot.is-offline-dot{background:var(--sync-offline-text);box-shadow:0 0 8px var(--sync-offline-glow);animation:pulse-warn 1.5s infinite ease-in-out}.status-dot.is-unbound-dot{background:var(--sync-unbound-text);box-shadow:0 0 8px var(--sync-unbound-glow);animation:pulse-warn 2s infinite ease-in-out}@keyframes pulse-warn{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}.spinner{width:10px;height:10px;border:2px solid var(--sync-spinner-border);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-controls{display:flex;flex-direction:column;gap:0.75rem;width:100%}@media (min-width:1080px){.header-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:1.25rem}}.filter-inputs-group{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0;width:100%}@media (max-width:600px){.filter-inputs-group{flex-direction:column;align-items:stretch}}@media (min-width:1080px){.filter-inputs-group{max-width:580px}}.search-box{position:relative;flex:1;min-width:0;width:100%}.search-icon{position:absolute;left:0.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;height:40px;background:var(--input-bg);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:0 1rem 0 2.4rem;font-size:0.88rem;color:var(--text-primary);box-sizing:border-box;transition:all 0.2s ease}.search-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--input-focus-ring);background:var(--input-bg-focus)}.type-filter-wrap{display:inline-flex;align-items:center;height:40px;background:var(--input-bg);border:1px solid var(--border-card);border-radius:var(--radius-md);padding-left:0.85rem;box-sizing:border-box;flex-shrink:0;transition:all 0.2s ease}.type-filter-wrap:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--input-focus-ring);background:var(--input-bg-focus)}.type-filter-label{font-size:0.78rem;font-weight:700;color:var(--text-muted);letter-spacing:0.04em;text-transform:uppercase;user-select:none;flex-shrink:0;line-height:normal;display:inline-block}.type-filter-select{height:38px;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:14px 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--text-primary);padding:0 2.1rem 0 0.45rem;margin:0;font-size:0.86rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;box-sizing:border-box;min-width:110px;line-height:normal}.type-filter-select option,.form-select option{background:var(--bg-surface);color:var(--text-primary)}.header-actions-group{display:flex;align-items:center;justify-content:flex-end;gap:0.75rem;flex-wrap:wrap;width:100%}@media (max-width:600px){.header-actions-group .btn-toggle-hidden,.header-actions-group .btn-backup,.header-actions-group .btn-trash-view,.header-actions-group .btn-trash{flex:1 1 auto;min-width:0}.header-actions-group .btn-add-item{flex:1 1 100%;width:100%}}@media (min-width:1080px){.header-actions-group{flex-shrink:0;width:auto}}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all 0.18s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;height:40px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-size:0.88rem;padding:0 1.15rem;border-radius:var(--radius-md);box-sizing:border-box;box-shadow:var(--btn-primary-shadow)}.btn-add-item{padding-left:1rem}.btn-add-item svg{margin-left:-4px}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--btn-primary-hover-shadow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;height:40px;background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);font-weight:500;font-size:0.85rem;padding:0 0.95rem;border-radius:var(--radius-md);box-sizing:border-box}.btn-secondary:hover{color:var(--text-primary);background:var(--bg-surface-highlight);border-color:var(--btn-secondary-border-hover)}.btn-toggle-hidden{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;height:40px;background:var(--btn-toggle-hidden-bg);border:1px solid var(--btn-toggle-hidden-border);color:var(--text-secondary);padding:0 0.9rem;border-radius:var(--radius-md);font-size:0.85rem;font-weight:600;box-sizing:border-box;transition:all 0.2s}.btn-toggle-hidden:hover{background:var(--btn-toggle-hidden-hover-bg);color:var(--text-primary);border-color:var(--btn-toggle-hidden-hover-border)}.btn-toggle-hidden.btn-active-hidden{background:var(--btn-toggle-hidden-active-bg);border-color:var(--btn-toggle-hidden-active-border);color:var(--btn-toggle-hidden-active-text);box-shadow:var(--btn-toggle-hidden-active-glow)}.hidden-count-badge{background:var(--badge-count-bg);color:var(--badge-count-text);font-size:0.7rem;font-weight:700;padding:0.1rem 0.45rem;border-radius:var(--radius-full)}.btn-trash{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;height:40px;background:var(--btn-trash-bg);border:1px solid var(--btn-trash-border);color:var(--btn-trash-text);padding:0 0.9rem;border-radius:var(--radius-md);font-size:0.85rem;font-weight:600;box-sizing:border-box;transition:all 0.2s}.btn-trash:hover{background:var(--btn-trash-hover-bg);border-color:var(--btn-trash-hover-border);color:var(--btn-trash-hover-text);box-shadow:var(--btn-trash-glow)}.trash-badge{background:var(--badge-trash-bg);color:var(--badge-trash-text);font-size:0.7rem;font-weight:700;padding:0.1rem 0.4rem;border-radius:var(--radius-full)}.main-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.dual-freezer-grid,.freezer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;width:100%}@media (min-width:820px){.dual-freezer-grid,.freezer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.unassigned-wrapper{width:100%}.freezer-column{background:var(--bg-surface);border:1px solid var(--border-column);border-radius:var(--radius-lg);padding:1.25rem;min-height:280px;display:flex;flex-direction:column;min-width:0;width:100%;box-sizing:border-box;box-shadow:var(--shadow-card);transition:border-color 0.2s,box-shadow 0.2s,background 0.2s}.freezer-column.drag-over{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow);background:var(--column-drag-over-bg)}.column-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:0.85rem;margin-bottom:0.85rem;border-bottom:1px solid var(--border-subtle)}.column-title-wrap{display:flex;align-items:center;gap:0.5rem}.column-icon{color:var(--accent-cyan);display:flex;align-items:center}.column-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.column-stats{display:flex;align-items:center;gap:0.4rem}.stat-pill{display:inline-flex;align-items:center;font-size:0.72rem;font-weight:700;padding:0.15rem 0.55rem;border-radius:var(--radius-full);letter-spacing:0.02em}.stat-active{background:var(--stat-active-bg);color:var(--stat-active-text);border:1px solid var(--stat-active-border)}.stat-hidden{background:var(--stat-hidden-bg);color:var(--stat-hidden-text);border:1px solid var(--stat-hidden-border)}.column-items-list{display:flex;flex-direction:column;gap:0.75rem;flex:1;min-width:0;width:100%}.item-card{background:var(--bg-surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:0.9rem;display:flex;align-items:center;gap:0.75rem;min-width:0;width:100%;box-sizing:border-box;box-shadow:var(--shadow-card);transition:border-color 0.2s ease,background 0.2s ease,opacity 0.25s ease,box-shadow 0.2s ease;user-select:none;position:relative}.item-card:hover{background:var(--bg-surface-highlight);border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.item-card.is-dragging{opacity:0.4;transform:scale(0.98);border-color:var(--accent-cyan)}.item-card.item-zero{background:var(--item-zero-bg);border-style:dashed;border-color:var(--item-zero-border);opacity:0.72;box-shadow:none;transition:border-color 0.25s ease,background 0.25s ease,opacity 0.25s ease}.item-card.item-zero:hover{opacity:0.92;background:var(--bg-surface-highlight);border-color:var(--item-zero-hover-border)}.item-card.item-zero .item-title{color:var(--text-secondary);text-decoration:line-through var(--text-muted)}.item-drag-handle{color:var(--text-muted);cursor:grab;display:flex;align-items:center;padding:0.25rem 0.1rem;flex-shrink:0}.item-drag-handle:active{cursor:grabbing}.item-main-content{flex:1;min-width:0;cursor:pointer}.item-header-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;flex-wrap:wrap}.item-card.item-hidden{border-left:3px solid var(--item-hidden-border-left)}.item-title{font-size:0.95rem;font-weight:600;color:var(--text-primary);margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta-line{display:flex;align-items:center;gap:0.45rem;font-size:0.78rem;color:var(--text-muted);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-date{font-size:0.78rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.meta-sep{color:var(--meta-separator-color);font-size:0.75rem;flex-shrink:0}.item-notes{font-size:0.78rem;color:var(--text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-notes-empty{color:var(--text-muted);font-style:italic}.type-badge{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.15rem 0.55rem;border-radius:var(--radius-full);border:1px solid}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-meal{background:var(--badge-meal-bg);color:var(--badge-meal-text);border-color:var(--badge-meal-border)}.badge-side{background:var(--badge-side-bg);color:var(--badge-side-text);border-color:var(--badge-side-border)}.badge-general{background:var(--badge-general-bg);color:var(--badge-general-text);border-color:var(--badge-general-border)}.zero-badge{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.68rem;font-weight:700;color:var(--badge-zero-text);background:var(--badge-zero-bg);border:1px solid var(--badge-zero-border);padding:0.12rem 0.45rem;border-radius:var(--radius-full)}.hidden-badge{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.68rem;font-weight:700;color:var(--badge-hidden-text);background:var(--badge-hidden-bg);border:1px solid var(--badge-hidden-border);padding:0.12rem 0.45rem;border-radius:var(--radius-full)}.btn-card-hide{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.68rem;font-weight:600;color:var(--text-muted);background:var(--btn-card-hide-bg);border:1px solid var(--btn-card-hide-border);padding:0.12rem 0.5rem;border-radius:var(--radius-full);cursor:pointer;opacity:0;pointer-events:none;transition:all 0.18s ease}.item-card:hover .btn-card-hide,.item-card:focus-within .btn-card-hide{opacity:0.8;pointer-events:auto}.btn-card-hide:hover{opacity:1!important;color:var(--btn-card-hide-hover-text);background:var(--btn-card-hide-hover-bg);border-color:var(--btn-card-hide-hover-border);transform:scale(1.04)}.btn-card-hide.btn-card-hidden{opacity:1!important;pointer-events:auto;color:var(--text-muted);background:var(--btn-card-hidden-bg);border-color:var(--btn-card-hidden-border);font-weight:700}.btn-card-hide.btn-card-hidden:hover{color:var(--btn-card-hidden-hover-text);background:var(--btn-card-hidden-hover-bg);border-color:var(--btn-card-hidden-hover-border);box-shadow:0 0 10px var(--btn-card-hidden-glow)}@media (hover:none){.btn-card-hide{opacity:0.65;pointer-events:auto}}.item-right-section{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0.35rem;flex-shrink:0}.item-qty-control{display:inline-flex;align-items:center;background:var(--bg-recessed);border:1px solid var(--border-card);border-radius:var(--radius-card-stepper);padding:2px;flex-shrink:0;box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);transition:background-color 0.2s,border-color 0.2s;box-sizing:border-box}.btn-qty{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-card-stepper-inner);font-size:0.95rem;font-weight:bold;line-height:1;padding:0;margin:0;box-sizing:border-box;transition:transform var(--qty-pulse-duration) var(--qty-pulse-timing),background-color var(--qty-pulse-duration) ease,color var(--qty-pulse-duration) ease,border-color var(--qty-pulse-duration) ease,box-shadow var(--qty-pulse-duration) ease;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}@media (hover:hover){.btn-qty:hover:not(:disabled){background:var(--accent-cyan);color:var(--text-inverse);border-color:var(--accent-cyan);box-shadow:0 2px 8px var(--input-focus-ring)}}.btn-qty:active:not(:disabled),.btn-qty.qty-pulse{background:var(--accent-cyan)!important;color:var(--text-inverse)!important;border-color:var(--accent-cyan)!important;transform:scale(0.85)!important;box-shadow:0 0 10px var(--input-focus-ring)!important}.btn-qty:disabled{opacity:0.35;cursor:not-allowed}.input-qty{width:36px;text-align:center;background:transparent;border:none;color:var(--text-primary);font-weight:700;font-size:0.92rem;-moz-appearance:textfield;appearance:textfield;outline:none}.input-qty::-webkit-outer-spin-button,.input-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.empty-list-placeholder{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);border:2px dashed var(--border-subtle);border-radius:var(--radius-md);margin:auto 0}.empty-icon{font-size:2rem;margin-bottom:0.5rem;opacity:0.7}.empty-list-placeholder p{font-size:0.88rem;margin-bottom:0.75rem}.btn-empty-add{background:var(--btn-empty-add-bg);color:var(--accent-cyan);border:1px solid var(--btn-empty-add-border);font-size:0.8rem;font-weight:600;padding:0.4rem 0.85rem;border-radius:var(--radius-sm)}.btn-empty-add:hover{background:var(--btn-empty-add-hover-bg);border-color:var(--btn-empty-add-hover-border)}.drop-placeholder{height:104px;min-height:104px;border:2px dashed var(--drop-placeholder-border);background:var(--drop-placeholder-bg);border-radius:var(--radius-md);margin:0.25rem 0;box-sizing:border-box;pointer-events:none;animation:placeholderGrow 0.16s cubic-bezier(0.2,0,0,1);transition:all 0.16s ease}@keyframes placeholderGrow{from{height:0;min-height:0;opacity:0;margin:0}to{height:104px;min-height:104px;opacity:1;margin:0.25rem 0}}.modal-backdrop{position:fixed;inset:0;background:var(--modal-backdrop-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:0.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:fadeIn 0.18s ease-out}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:calc(100dvh - 1.5rem);max-height:calc(100vh - 1.5rem);overflow-y:auto;margin:auto;padding:1.5rem;box-shadow:var(--shadow-elevated);animation:modalSlideUp 0.22s cubic-bezier(0.16,1,0.3,1)}@media (max-width:600px){.modal-backdrop{padding:0.5rem}.modal-panel{padding:1.15rem 1rem;max-height:calc(100dvh - 1rem);max-height:calc(100vh - 1rem);border-radius:var(--radius-md)}}.modal-panel-wide{max-width:720px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideUp{from{opacity:0;transform:translateY(12px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-title-wrap{display:flex;align-items:center;gap:0.6rem}.modal-header-chip{display:inline-flex;align-items:center;gap:0.55rem;padding:0.4rem 0.95rem;border-radius:var(--radius-full);box-shadow:0 2px 10px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.12);border:1px solid var(--chip-cyan-border);background:var(--chip-cyan-bg)}.modal-header-chip.chip-cyan{background:var(--chip-cyan-bg);border-color:var(--chip-cyan-border)}.modal-header-chip.chip-indigo{background:var(--chip-indigo-bg);border-color:var(--chip-indigo-border)}.modal-header-chip.chip-rose{background:var(--chip-rose-bg);border-color:var(--chip-rose-border)}.modal-header-chip .chip-icon{font-size:0.95rem;line-height:1}.modal-header-chip .chip-label{font-size:0.82rem;font-weight:700;letter-spacing:0.04em;color:var(--text-primary);text-transform:uppercase}.btn-close-modal{background:transparent;color:var(--text-muted);padding:0.3rem;border-radius:var(--radius-sm);display:flex;align-items:center}.btn-close-modal:hover{color:var(--text-primary)}.form-group{margin-bottom:1.1rem;min-width:0;width:100%}.form-group label{display:block;font-size:0.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:0.4rem}.form-group label .req{color:var(--accent-rose)}.form-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.85rem;width:100%}@media (max-width:480px){.form-row-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}.form-group{margin-bottom:0.75rem}.form-group label{margin-bottom:0.25rem;font-size:0.78rem}.modal-header{padding-bottom:0.65rem;margin-bottom:0.75rem}.modal-footer-actions{margin-top:0.85rem;padding-top:0.75rem}.form-input,.form-select,.form-textarea,.input-qty,.modal-qty-input,.search-input,input[type="date"]{font-size:16px}}.form-input,.form-select,.form-textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background-color:var(--input-bg);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:0.65rem 0.85rem;font-size:0.9rem;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color 0.2s,box-shadow 0.2s,background-color 0.2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--input-bg-focus);border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.85rem center;background-size:14px 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.25rem;cursor:pointer}.form-textarea{resize:vertical}.modal-qty-stepper{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-card);border-radius:var(--radius-stepper);padding:3px;width:100%;height:38px;box-sizing:border-box}.modal-qty-stepper .btn-qty{width:30px;height:30px;border-radius:var(--radius-stepper-inner);border:1px solid var(--border-subtle);background:var(--btn-secondary-bg);color:var(--text-primary);flex-shrink:0;cursor:pointer;font-size:0.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-sizing:border-box;line-height:1;transition:transform var(--qty-pulse-duration) var(--qty-pulse-timing),background-color var(--qty-pulse-duration) ease,color var(--qty-pulse-duration) ease,border-color var(--qty-pulse-duration) ease,box-shadow var(--qty-pulse-duration) ease;-webkit-tap-highlight-color:transparent;user-select:none}@media (hover:hover){.modal-qty-stepper .btn-qty:hover{background:var(--accent-cyan);color:var(--text-inverse);border-color:var(--accent-cyan);box-shadow:0 2px 8px var(--input-focus-ring)}}.modal-qty-stepper .btn-qty:active,.modal-qty-stepper .btn-qty.qty-pulse{background:var(--accent-cyan)!important;color:var(--text-inverse)!important;border-color:var(--accent-cyan)!important;transform:scale(0.85)!important;box-shadow:0 0 10px var(--input-focus-ring)!important}.modal-qty-stepper .btn-qty:last-child{border-right:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle)}.modal-qty-input{flex:1;width:100%;min-width:0;border:none;text-align:center;font-weight:600;font-size:0.88rem;padding:0;background:transparent;color:var(--text-primary);outline:none;height:38px;line-height:38px;box-sizing:border-box;-moz-appearance:textfield;appearance:textfield}.modal-qty-input::-webkit-outer-spin-button,.modal-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-toggle-label{display:flex;align-items:center;gap:0.65rem;font-size:0.88rem;color:var(--text-secondary);cursor:pointer;user-select:none;padding:0.35rem 0}.form-toggle-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent-cyan);cursor:pointer}.modal-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:1.5rem;padding-top:1.15rem;border-top:1px solid var(--border-subtle)}.modal-footer-dual{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;width:100%}.modal-footer-dual .btn-modal-action{width:100%}.modal-footer-primary-group{display:flex;align-items:center;gap:0.75rem}.btn-modal-action{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;height:38px;padding:0 1.1rem;border-radius:var(--radius-md);font-size:0.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.18s cubic-bezier(0.4,0,0.2,1);border:1px solid transparent;white-space:nowrap}.modal-footer-secondary-group{display:flex;align-items:center;gap:0.75rem}.btn-action-duplicate{background:var(--btn-action-dup-bg);color:var(--btn-action-dup-text);border-color:var(--btn-action-dup-border)}.btn-action-duplicate:hover{background:var(--btn-action-dup-hover-bg);border-color:var(--btn-action-dup-hover-border);color:var(--btn-action-dup-hover-text);transform:translateY(-1px)}.btn-action-delete{background:var(--btn-action-del-bg);color:var(--btn-action-del-text);border-color:var(--btn-action-del-border)}.btn-action-delete:hover{background:var(--btn-action-del-hover-bg);border-color:var(--btn-action-del-hover-border);color:var(--btn-action-del-hover-text);transform:translateY(-1px)}.btn-action-cancel{background:var(--bg-surface-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.btn-action-cancel:hover{background:var(--bg-surface-highlight);color:var(--text-primary);border-color:var(--border-column);transform:translateY(-1px)}.btn-action-save{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-action-save:hover{filter:brightness(1.1);box-shadow:var(--btn-primary-hover-shadow);transform:translateY(-1px)}@media (max-width:480px){.modal-footer-actions{flex-direction:column-reverse;gap:0.75rem;padding-top:0.85rem}.modal-footer-actions.modal-footer-dual{flex-direction:unset;display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.modal-footer-secondary-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.modal-footer-primary-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.btn-action-delete,.btn-action-duplicate{width:100%}}input[type="date"]{display:block;height:38px;min-height:38px;max-height:38px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background-color:var(--input-bg);background-image:var(--calendar-icon-svg);background-repeat:no-repeat;background-position:right 0.85rem center;background-size:16px 16px;color:var(--text-primary);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:0 2.2rem 0 0.85rem;font-family:inherit;font-size:0.88rem;line-height:38px;cursor:pointer;outline:none;transition:border-color 0.2s,box-shadow 0.2s,background-color 0.2s}@supports (-webkit-touch-callout:none){input[type="date"]{-webkit-appearance:none;appearance:none}}input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0;padding:0;min-height:1.2em;line-height:inherit}html[data-theme="dark"] input[type="date"]{color-scheme:dark}html[data-theme="light"] input[type="date"]{color-scheme:light}input[type="date"]:focus{background-color:var(--input-bg-focus);border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--input-focus-ring)}input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;display:block;width:36px;height:100%;margin:0;padding:0}.trash-explanation{font-size:0.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem}.trash-items-list{display:flex;flex-direction:column;gap:0.75rem;max-height:50vh;overflow-y:auto;padding-right:0.25rem}.trash-item-row{background:var(--bg-surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:0.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:var(--shadow-card)}.trash-item-info{flex:1;min-width:0}.trash-item-top{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;flex-wrap:wrap}.trash-item-loc{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.68rem;font-weight:600;color:var(--text-secondary);background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);padding:0.12rem 0.5rem;border-radius:var(--radius-full)}.days-pill{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.68rem;font-weight:700;background:var(--days-pill-bg);border:1px solid var(--days-pill-border);color:var(--days-pill-text);padding:0.12rem 0.5rem;border-radius:var(--radius-full)}.days-pill.days-warning{background:var(--days-pill-warn-bg);color:var(--days-pill-warn-text);border-color:var(--days-pill-warn-border)}.trash-item-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.btn-restore{display:inline-flex;align-items:center;gap:0.35rem;background:var(--btn-restore-bg);color:var(--btn-restore-text);border:1px solid var(--btn-restore-border);font-size:0.78rem;font-weight:600;padding:0.45rem 0.75rem;border-radius:var(--radius-sm)}.btn-restore:hover{background:var(--btn-restore-hover-bg);color:var(--btn-restore-hover-text)}.btn-force-delete{display:inline-flex;align-items:center;gap:0.35rem;background:var(--btn-force-del-bg);color:var(--btn-force-del-text);border:1px solid var(--btn-force-del-border);font-size:0.78rem;font-weight:600;padding:0.45rem 0.75rem;border-radius:var(--radius-sm)}.btn-force-delete:hover{background:var(--btn-force-del-hover-bg);color:var(--btn-force-del-hover-text)}.trash-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.trash-empty-icon{font-size:2.5rem;margin-bottom:0.5rem}.trash-empty-state h4{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:0.35rem}.trash-empty-state p{font-size:0.88rem;color:var(--text-secondary);line-height:1.5;max-width:420px;margin:0 auto}.modal-panel-confirm{max-width:440px;text-align:center;padding:2rem 1.75rem 1.5rem}.confirm-icon-wrap{width:56px;height:56px;border-radius:50%;background:var(--confirm-icon-bg);border:1px solid var(--confirm-icon-border);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--confirm-icon-glow)}.confirm-chip-row{display:flex;justify-content:center;margin-bottom:0.85rem}.confirm-emoji{font-size:1.6rem;line-height:1}.confirm-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:0.6rem}.confirm-modal-msg{font-size:0.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.confirm-modal-msg strong{color:var(--text-primary);font-weight:600}.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.btn-confirm-delete{background:var(--btn-danger-bg);color:var(--btn-danger-text);box-shadow:var(--btn-danger-shadow)}.btn-backup{background:var(--btn-action-dup-bg);border-color:var(--btn-action-dup-border);color:var(--btn-action-dup-text)}.btn-backup:hover{background:var(--btn-action-dup-hover-bg);border-color:var(--btn-action-dup-hover-border);color:var(--btn-action-dup-hover-text);transform:translateY(-1px)}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:0.75rem}@media (max-width:680px){.backup-grid{grid-template-columns:1fr;gap:1rem}}.backup-card{background:var(--bg-surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.backup-card-header{display:flex;align-items:flex-start;gap:0.75rem}.backup-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--backup-card-icon-cyan-bg);color:var(--accent-cyan);border:1px solid var(--backup-card-icon-cyan-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.backup-card-icon.import-icon{background:var(--backup-card-icon-indigo-bg);color:var(--accent-indigo);border-color:var(--backup-card-icon-indigo-border)}.backup-card-title{font-size:0.98rem;font-weight:700;color:var(--text-primary);margin-bottom:0.2rem}.backup-card-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.4}.backup-stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;background:var(--bg-recessed);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0.65rem}.backup-stat-box{display:flex;flex-direction:column;align-items:center;text-align:center}.backup-stat-val{font-size:1.1rem;font-weight:800;color:var(--accent-cyan)}.backup-stat-lbl{font-size:0.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.03em;margin-top:0.1rem}.btn-backup-download{width:100%;margin-top:auto}.backup-dropzone{border:2px dashed var(--dropzone-border);background:var(--dropzone-bg);border-radius:var(--radius-md);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;text-align:center;transition:all 0.2s ease}.backup-dropzone:hover{border-color:var(--dropzone-hover-border);background:var(--dropzone-hover-bg)}.dropzone-text{font-size:0.82rem;color:var(--text-secondary)}.dropzone-text strong{color:var(--accent-cyan)}.import-mode-select{display:flex;flex-direction:column;gap:0.5rem}.import-mode-label{display:flex;align-items:flex-start;gap:0.65rem;background:var(--bg-recessed);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0.6rem 0.75rem;cursor:pointer;transition:border-color 0.18s}.import-mode-label:hover{border-color:var(--border-card)}.import-mode-label input[type="radio"]{margin-top:0.2rem;accent-color:var(--accent-cyan);cursor:pointer}.mode-text-wrap{display:flex;flex-direction:column}.mode-title{font-size:0.82rem;font-weight:700;color:var(--text-primary)}.mode-desc{font-size:0.74rem;color:var(--text-muted)}.import-status-msg{display:none;font-size:0.8rem;padding:0.4rem 0.65rem;border-radius:var(--radius-sm);line-height:1.4}.import-valid{color:var(--import-valid-text)}.import-invalid{color:var(--import-invalid-text)}.btn-import-action{background:var(--btn-import-bg);color:var(--btn-import-text);box-shadow:var(--btn-import-shadow);width:100%}.btn-import-action:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--btn-import-hover-shadow);transform:translateY(-1px)}.btn-import-action:disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.5)}.banner-kv-warning,.banner-db-warning{display:flex;align-items:flex-start;gap:0.75rem;margin:0.75rem auto 1rem;max-width:1400px;width:100%;padding:0.85rem 1.15rem;background:var(--banner-warn-bg);border:1px solid var(--banner-warn-border);border-left:4px solid var(--banner-warn-border-accent);border-radius:var(--radius-md);color:var(--banner-warn-text);font-size:0.85rem;line-height:1.45;box-sizing:border-box;animation:fadeIn 0.25s ease-out}.banner-kv-warning code,.banner-db-warning code{background:var(--banner-code-bg);color:var(--banner-code-text);padding:0.15rem 0.4rem;border-radius:4px;font-family:monospace;font-size:0.82rem;border:1px solid var(--banner-code-border)}.banner-warning-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.banner-warning-body{flex:1}.app-loading-container{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.app-loading-title{font-size:1.2rem;color:var(--text-primary);margin-bottom:0.5rem}.app-loading-desc{font-size:0.85rem;color:var(--text-muted)}.app-error-container{text-align:center;padding:3rem;color:var(--accent-rose)}.app-error-desc{color:var(--text-muted);margin-top:0.5rem}.pwa-update-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,0.35);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeInBackdrop 0.25s ease-out forwards}@keyframes fadeInBackdrop{from{opacity:0}to{opacity:1}}.pwa-update-toast{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%) translateY(-20px);z-index:10000;display:flex;flex-direction:column;gap:0.75rem;padding:1.05rem 1.15rem;background:var(--toast-pwa-bg);border:1px solid var(--toast-pwa-border);border-radius:var(--radius-lg);box-shadow:var(--toast-pwa-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideDownToast 0.35s cubic-bezier(0.16,1,0.3,1) forwards;width:calc(100vw - 2.5rem);max-width:340px;box-sizing:border-box}@keyframes slideDownToast{to{transform:translateX(-50%) translateY(0)}}.pwa-toast-header{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.pwa-toast-title-group{display:flex;align-items:center;gap:0.6rem}.pwa-toast-icon-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--toast-icon-bg);border:1px solid var(--toast-icon-border);border-radius:var(--radius-sm);font-size:0.95rem;line-height:1;flex-shrink:0}.pwa-toast-title-group strong{font-size:0.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.01em}.pwa-toast-body{font-size:0.84rem;color:var(--text-muted);line-height:1.35;padding-left:0.15rem}.pwa-toast-footer{display:flex;width:100%;margin-top:0.15rem}.btn-pwa-update{width:100%;display:flex;align-items:center;justify-content:center;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;padding:0.55rem 1rem;border-radius:var(--radius-md);font-size:0.85rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:var(--btn-primary-shadow);transition:all 0.18s ease}.btn-pwa-update:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-pwa-update:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;box-shadow:0 0 0 4px var(--input-focus-ring),var(--btn-primary-shadow)}.btn-pwa-update:active{transform:scale(0.98)}.btn-pwa-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:0.95rem;font-weight:600;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all 0.18s ease;padding:0}.btn-pwa-dismiss:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-pwa-dismiss:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:1px}.pwa-toast-updating{display:flex;align-items:center;gap:0.85rem;padding:0.25rem 0.2rem}.pwa-toast-spinner{width:22px;height:22px;border:2.5px solid var(--border-subtle);border-top-color:var(--accent-cyan);border-radius:50%;animation:spinToast 0.7s linear infinite;flex-shrink:0}@keyframes spinToast{to{transform:rotate(360deg)}}.pwa-toast-updating-text{display:flex;flex-direction:column;gap:0.15rem}.pwa-toast-updating-text strong{font-size:0.95rem;font-weight:700;color:var(--text-primary)}.pwa-toast-updating-text span{font-size:0.82rem;color:var(--text-muted)}