.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-55b88da6]{background:var(--color-bg-card, #fff);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar__content[data-v-55b88da6]{max-width:1000px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.navbar__logo[data-v-55b88da6]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text-primary, #333);flex-shrink:0}.navbar__icon[data-v-55b88da6]{width:32px;height:32px;border-radius:6px}.navbar__title[data-v-55b88da6]{font-size:1.25rem;font-weight:600}.navbar__separator[data-v-55b88da6]{color:var(--color-text-muted, #a0aec0);font-size:1rem;flex-shrink:0}.navbar__nav-title[data-v-55b88da6]{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__actions[data-v-55b88da6]{display:flex;gap:12px;align-items:center;flex:1;justify-content:flex-end}.navbar__menu[data-v-55b88da6]{position:relative}.navbar__burger[data-v-55b88da6]{background:none;border:1px solid var(--color-border, #ddd);border-radius:6px;padding:8px 12px;font-size:1.25rem;cursor:pointer;color:var(--color-text-primary, #333);line-height:1;transition:background-color .2s ease}.navbar__burger[data-v-55b88da6]:hover{background:var(--color-bg-secondary, #f0f0f0)}.navbar__dropdown[data-v-55b88da6]{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-bg-card, #fff);border:1px solid var(--color-border, #ddd);border-radius:8px;box-shadow:0 4px 12px #0000001f;display:flex;flex-direction:column;overflow:hidden;z-index:200}.navbar__dropdown-item[data-v-55b88da6]{padding:12px 16px;text-decoration:none;color:var(--color-text-primary, #333);font-size:.9rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--color-border-light, #eee)}.navbar__dropdown-item[data-v-55b88da6]:last-child{border-bottom:none}.navbar__dropdown-item[data-v-55b88da6]:hover{background:var(--color-bg-secondary, #f0f0f0)}.navbar__dropdown-item--logout[data-v-55b88da6]{color:var(--color-error, #e53e3e)}.navbar__btn[data-v-55b88da6]{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-55b88da6]:hover{background:var(--color-border, #ddd)}.navbar__btn--primary[data-v-55b88da6]{background:var(--color-primary, #4a5568);color:#fff}.navbar__btn--primary[data-v-55b88da6]:hover{background:var(--color-primary-dark, #2d3748)}.navbar__search[data-v-55b88da6]{min-width:200px}@media(max-width:600px){.navbar__content[data-v-55b88da6]{flex-wrap:wrap}.navbar__actions[data-v-55b88da6]{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;order:3}.navbar__menu[data-v-55b88da6]{order:2;flex-shrink:0}.navbar__logo[data-v-55b88da6]{order:1;flex:1}.navbar__separator[data-v-55b88da6],.navbar__nav-title[data-v-55b88da6]{order:1}.navbar__search[data-v-55b88da6]{width:100%;min-width:unset}.navbar__title--hidden-mobile[data-v-55b88da6]{display:none}}*{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-8165fb28]{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-8165fb28]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.recipe-card__image[data-v-8165fb28]{width:100%;height:180px;overflow:hidden;background:var(--color-bg-secondary, #f0f0f0)}.recipe-card__image img[data-v-8165fb28]{width:100%;height:100%;object-fit:cover}.recipe-card__content[data-v-8165fb28]{padding:var(--spacing-md, 16px);flex:1;display:flex;flex-direction:column}.recipe-card__title[data-v-8165fb28]{font-size:1.25rem;color:var(--color-text-primary, #333);margin:0 0 8px}.recipe-card__description[data-v-8165fb28]{color:var(--color-text-secondary, #666);margin:0 0 12px;line-height:1.5;flex:1}.recipe-card__meta[data-v-8165fb28]{display:flex;gap:16px;font-size:.875rem;color:var(--color-text-muted, #999)}.home-view[data-v-a8bd81c0]{max-width:1000px;margin:0 auto;padding:24px}.loading[data-v-a8bd81c0],.error[data-v-a8bd81c0],.empty[data-v-a8bd81c0]{text-align:center;padding:48px 24px;color:var(--color-text-secondary, #666)}.error[data-v-a8bd81c0]{color:var(--color-error, #e53e3e)}.recipe-grid[data-v-a8bd81c0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}