@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syne:wght@700;800&display=swap";:root{--font-body:"Plus Jakarta Sans", sans-serif;--font-title:"Syne", sans-serif;--transition-speed:.3s;--transition-timing:cubic-bezier(.4, 0, .2, 1);--border-radius-lg:20px;--border-radius-md:14px;--border-radius-sm:10px;--color-fridge-primary:#10b981;--color-fridge-glow:#10b98126;--color-fridge-gradient:linear-gradient(135deg, #34d399, #10b981);--color-shopping-primary:#3b82f6;--color-shopping-glow:#3b82f626;--color-shopping-gradient:linear-gradient(135deg, #60a5fa, #3b82f6);--color-warning-primary:#f59e0b;--color-warning-glow:#f59e0b1a;--color-danger-primary:#ef4444;--color-danger-glow:#ef44441a;--color-success-primary:#10b981;--bg-app:#080b11;--bg-header:#0d121ecc;--bg-card:#131a2ab3;--bg-input:#0b0f19;--bg-button-secondary:#1e293b;--bg-tab-bar:#0d121ee6;--border-color:#ffffff0f;--border-color-focus:#3b82f666;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-accent:#fff;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-lg:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--glass-blur:blur(16px);--theme-switch-shadow:0 0 20px #f59e0b33}[data-theme=light]{--bg-app:#f4f7fb;--bg-header:#ffffffd9;--bg-card:#fffc;--bg-input:#f8fafc;--bg-button-secondary:#e2e8f0;--bg-tab-bar:#ffffffe6;--border-color:#0000000d;--border-color-focus:#3b82f64d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-accent:#fff;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-lg:0 20px 25px -5px #0000001f, 0 8px 10px -6px #0000001f;--theme-switch-shadow:0 0 20px #3b82f633}*{box-sizing:border-box;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-speed) var(--transition-timing), border-color var(--transition-speed) var(--transition-timing), box-shadow var(--transition-speed) var(--transition-timing);margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;font-size:15px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.3;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animated-fade-in{animation:fadeInUp .4s var(--transition-timing) forwards}.animated-scale-in{animation:scaleIn .3s var(--transition-timing) forwards}input,select,textarea{font-family:var(--font-body);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);box-sizing:border-box;outline:none;width:100%;padding:12px 16px;font-size:14px}input:focus,select:focus{border-color:var(--color-shopping-primary);box-shadow:0 0 0 3px #3b82f626}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(var(--theme-invert,1))}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}button{font-family:var(--font-body);cursor:pointer;border-radius:var(--border-radius-sm);transition:all .2s var(--transition-timing);border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}button:active{transform:scale(.97)}.card{background-color:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:16px}.card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1a}[data-theme=light] .card:hover{border-color:#00000014}@keyframes scan-laser{0%{opacity:.9;top:4%}50%{opacity:.9;top:96%}to{opacity:.9;top:4%}}.scanner-container{border-radius:var(--border-radius-md);border:2px solid var(--color-shopping-primary);box-shadow:0 4px 20px var(--color-shopping-glow);background:#05070a;width:100%;height:240px;margin-bottom:12px;position:relative;overflow:hidden}.scanner-laser{z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000,#ef4444,#f87171,#ef4444,#0000);height:3px;animation:2.5s linear infinite scan-laser;position:absolute;left:0;right:0;box-shadow:0 0 10px #ef4444,0 0 20px #f87171}.scanner-overlay-guide{border:2px dashed var(--color-fridge-primary);border-radius:var(--border-radius-sm);pointer-events:none;z-index:5;position:absolute;inset:15% 10%;box-shadow:0 0 0 9999px #05070a8c}.scanner-torch-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);color:var(--text-primary);z-index:20;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);background:#0d121ebf;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;bottom:12px;right:12px}.scanner-torch-btn:hover{background:#0d121ef2}.app-header{background:var(--bg-header);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:100;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;position:sticky;top:0}.app-header-logo{font-family:var(--font-title);background:linear-gradient(90deg, var(--color-fridge-primary), var(--color-shopping-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:4px;font-size:21px;font-weight:800;display:flex}.app-header-right{align-items:center;gap:10px;display:flex}.search-sort-container{align-items:center;gap:10px;width:100%;max-width:520px;margin:0 auto;display:flex}.action-buttons-container{gap:10px;width:100%;margin-bottom:16px;display:flex}.install-banner{background:var(--bg-card);max-width:480px;-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--color-shopping-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:12px;margin:0 auto;padding:16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}@media (width<=480px){.app-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.app-header-right{justify-content:space-between;gap:8px;width:100%}.app-header-logo{font-size:17px}.search-sort-container{flex-direction:column;align-items:stretch;gap:8px}.search-sort-container>div{width:100%!important}.search-sort-container select{width:100%!important;height:42px!important}.action-buttons-container{flex-direction:column;gap:8px}.action-buttons-container button{width:100%!important;padding:14px!important}.install-banner{bottom:12px;left:12px;right:12px;width:calc(100% - 24px)!important;max-width:none!important}}.onboarding-title{font-family:var(--font-title);background:linear-gradient(90deg, var(--color-fridge-primary), var(--color-shopping-primary));-webkit-text-fill-color:transparent;box-sizing:border-box;-webkit-background-clip:text;width:100%;margin-bottom:8px;font-size:clamp(20px,6.2vw,24px);font-weight:800}