.search-bar[data-v-bdd53970]{position:relative;max-width:400px}.search-bar input[data-v-bdd53970]{width:100%;padding:12px 40px 12px 16px;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.search-bar input[data-v-bdd53970]:focus{outline:none;border-color:var(--color-primary, #4a5568);box-shadow:0 0 0 3px #4a55681a}.search-bar input[data-v-bdd53970]::placeholder{color:var(--color-text-muted, #999)}.search-clear[data-v-bdd53970]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-text-muted, #999);cursor:pointer;line-height:1}.search-clear[data-v-bdd53970]:hover{color:var(--color-text-primary, #333)}.modal-overlay[data-v-aab5f8dd]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-aab5f8dd]{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:420px}.modal-content h3[data-v-aab5f8dd]{margin-bottom:16px;font-size:1.25rem;color:var(--color-text-primary, #1a202c)}.info-message[data-v-aab5f8dd]{background:#ebf8ff;color:#2c5282;padding:10px;border-radius:4px;margin-bottom:16px;font-size:.9rem}.form-group[data-v-aab5f8dd]{margin-bottom:14px}.form-group label[data-v-aab5f8dd]{display:block;margin-bottom:5px;font-weight:500;font-size:.9rem;color:var(--color-text-secondary, #4a5568)}.form-group input[data-v-aab5f8dd]{width:100%;padding:10px;border:1px solid var(--color-border, #e2e8f0);border-radius:4px;font-size:1rem}.error-message[data-v-aab5f8dd]{background:#fed7d7;color:#c53030;padding:10px;border-radius:4px;margin-bottom:14px;font-size:.9rem}.modal-actions[data-v-aab5f8dd]{display:flex;gap:10px;margin-top:20px}.btn-primary[data-v-aab5f8dd]{flex:1;padding:10px;background:var(--color-primary, #4a5568);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.btn-primary[data-v-aab5f8dd]:hover:not(:disabled){background:var(--color-primary-dark, #2d3748)}.btn-primary[data-v-aab5f8dd]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-aab5f8dd]{flex:1;padding:10px;background:var(--color-bg-secondary, #e2e8f0);color:var(--color-text-primary, #333);border:none;border-radius:4px;font-size:1rem;cursor:pointer}.navbar[data-v-8fa3f900]{background:var(--color-bg-card, #fff);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar__content[data-v-8fa3f900]{max-width:1000px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.navbar__logo[data-v-8fa3f900]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text-primary, #333)}.navbar__title[data-v-8fa3f900]{font-size:1.25rem;font-weight:600}.navbar__link[data-v-8fa3f900]{padding:10px 15px;text-decoration:none;color:var(--color-primary, #4a5568);font-weight:500}.navbar__link[data-v-8fa3f900]:hover{color:var(--color-primary-dark, #2d3748)}.navbar__user[data-v-8fa3f900]{padding:10px 15px;color:#666;font-size:.9rem}.navbar__user--btn[data-v-8fa3f900]{background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.navbar__user--btn[data-v-8fa3f900]:hover{color:var(--color-primary, #4a5568)}.navbar__actions[data-v-8fa3f900]{display:flex;gap:12px;align-items:center}.navbar__btn[data-v-8fa3f900]{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;text-decoration:none;transition:background-color .2s ease;background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text-primary, #333)}.navbar__btn[data-v-8fa3f900]:hover{background:var(--color-border, #ddd)}.navbar__btn--primary[data-v-8fa3f900]{background:var(--color-primary, #4a5568);color:#fff}.navbar__btn--primary[data-v-8fa3f900]:hover{background:var(--color-primary-dark, #2d3748)}.navbar__search[data-v-8fa3f900]{min-width:200px}@media(max-width:600px){.navbar__content[data-v-8fa3f900]{flex-direction:column;text-align:center}.navbar__title[data-v-8fa3f900]{font-size:1.1rem}.navbar__actions[data-v-8fa3f900]{width:100%;justify-content:center;flex-wrap:wrap}.navbar__search[data-v-8fa3f900]{width:100%;min-width:unset}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--color-bg, #f5f5f5);color:var(--color-text-primary, #333);line-height:1.5}:root{--color-primary: #4a5568;--color-primary-dark: #2d3748;--color-secondary: #718096;--color-bg: #f9fafb;--color-bg-card: #ffffff;--color-bg-secondary: #e2e8f0;--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-muted: #a0aec0;--color-border: #e2e8f0;--color-border-light: #edf2f7;--color-error: #e53e3e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.recipe-card[data-v-a37e0f89]{background:var(--color-bg-card, #fff);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;min-height:320px}.recipe-card[data-v-a37e0f89]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.recipe-card__image[data-v-a37e0f89]{width:100%;height:180px;overflow:hidden;background:var(--color-bg-secondary, #f0f0f0)}.recipe-card__image img[data-v-a37e0f89]{width:100%;height:100%;object-fit:cover}.recipe-card__content[data-v-a37e0f89]{padding:var(--spacing-md, 16px);flex:1;display:flex;flex-direction:column}.recipe-card__title[data-v-a37e0f89]{font-size:1.25rem;color:var(--color-text-primary, #333);margin:0 0 8px}.recipe-card__description[data-v-a37e0f89]{color:var(--color-text-secondary, #666);margin:0 0 12px;line-height:1.5;flex:1}.recipe-card__meta[data-v-a37e0f89]{display:flex;gap:16px;font-size:.875rem;color:var(--color-text-muted, #999)}.home-view[data-v-0b414c39]{max-width:1000px;margin:0 auto;padding:24px}.loading[data-v-0b414c39],.error[data-v-0b414c39],.empty[data-v-0b414c39]{text-align:center;padding:48px 24px;color:var(--color-text-secondary, #666)}.error[data-v-0b414c39]{color:var(--color-error, #e53e3e)}.recipe-grid[data-v-0b414c39]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}