:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--urgent:#ef4444;--warning:#f59e0b;--shadow-soft:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-deep:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--bg-sidebar:#111827;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--shadow-soft:0 4px 6px -1px #0000004d;--shadow-deep:0 10px 15px -3px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:260px;padding:2rem 1.5rem;display:flex}.sidebar-logo{color:var(--primary);align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-links{flex:1;list-style:none}.sidebar-links li{margin-bottom:.5rem}.sidebar-links a{color:var(--text-muted);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-links a:hover{background:var(--bg-main);color:var(--text-main)}.sidebar-links a.active{background:var(--primary);color:#fff}.theme-toggle-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.75rem;margin-top:auto;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--bg-main)}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 3rem}h1{margin-bottom:1.5rem;font-size:1.875rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.25rem;font-weight:700}.stat-card,.item-card,.grocery-card,.recipe-card{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border)}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;transition:background .2s;display:flex}.add-btn:hover{background:var(--primary-hover)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{box-shadow:var(--shadow-soft);border-radius:1rem;padding:1.5rem}.stat-card h3{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem}.stat-value{font-size:2rem;font-weight:800}.stat-card.urgent .stat-value{color:var(--urgent)}.item-list{flex-direction:column;gap:1rem;display:flex}.item-card{box-shadow:var(--shadow-soft);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:transform .2s;display:flex}.item-card:hover{box-shadow:var(--shadow-deep);transform:translateY(-2px)}.item-info{flex:1}.location-tag{background:var(--bg-main);color:var(--text-muted);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.location-tabs{gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);width:100%;max-width:500px;box-shadow:var(--shadow-deep);border-radius:1.5rem;padding:2rem;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h2{font-size:1.5rem;font-weight:700}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.add-item-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:600}.form-row{gap:1rem;display:flex}.flex-1{flex:1}.flex-2{flex:2}.input-group,.date-input-group,.storage-input-group{gap:.5rem;display:flex}.add-item-form input,.add-item-form select{border:1px solid var(--border);background:var(--bg-main);color:var(--text-main);border-radius:.75rem;padding:.75rem 1rem;font-size:1rem}.add-item-form input:focus,.add-item-form select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4f46e51a}.custom-storage-input{gap:.5rem;margin-top:.5rem;display:flex}.add-custom-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;width:42px;display:flex}.submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:opacity .2s}.submit-btn:hover{opacity:.9}.tab{white-space:nowrap;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-weight:500}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.grocery-card{box-shadow:var(--shadow-soft);border-radius:1rem;padding:1.5rem}.category-label{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-size:.75rem;font-weight:700}.upload-zone{border:2px dashed var(--border);background:var(--bg-card);text-align:center;cursor:pointer;border-radius:1.5rem;margin-bottom:3rem;padding:4rem 2rem;transition:all .2s}.upload-zone:hover{border-color:var(--primary);background:var(--bg-main)}.upload-zone.loading{opacity:.7;pointer-events:none}.scan-item{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.recipe-card{box-shadow:var(--shadow-soft);border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden}.recipe-img-placeholder{background:var(--bg-main);height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.recipe-content{padding:1.5rem}.recipe-tag{color:#92400e;background:#fef3c7;border-radius:.5rem;margin-top:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}._formContainer_1khau_1{background:#fff;border:1px solid #0000000d;border-radius:20px;max-width:600px;margin:2rem auto;padding:2.5rem;box-shadow:0 10px 30px #00000014}._title_1khau_11{color:#1a1a1a;text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}._subtitle_1khau_19{color:#666;text-align:center;margin-bottom:2.5rem;font-size:1rem}._form_1khau_1{flex-direction:column;gap:1.5rem;display:flex}._fieldGroup_1khau_32{flex-direction:column;gap:.5rem;display:flex}._label_1khau_38{color:#444;margin-left:.2rem;font-size:.9rem;font-weight:600}._input_1khau_45,._textarea_1khau_45{border:2px solid #f0f0f0;border-radius:12px;outline:none;padding:.8rem 1rem;font-size:1rem;transition:all .2s}._input_1khau_45:focus,._textarea_1khau_45:focus{background-color:#f8faff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}._textarea_1khau_45{resize:vertical;min-height:150px}._submitButton_1khau_65{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #2563eb4d}._submitButton_1khau_65:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}._submitButton_1khau_65:active:not(:disabled){transform:translateY(0)}._submitButton_1khau_65:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;background:#cbd5e1}._error_1khau_99{color:#ef4444;margin-top:.25rem;font-size:.85rem}._successMessage_1khau_105{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex;box-shadow:0 10px 30px #00000014}._successIcon_1khau_117{color:#10b981;margin-bottom:.5rem}._successMessage_1khau_105 h2{color:#1a1a1a;margin:0}._successMessage_1khau_105 p{color:#666;margin-bottom:1.5rem}._resetButton_1khau_132{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}._resetButton_1khau_132:hover{background:#e2e8f0}