.home[data-v-9f173928]{text-align:center}.hero[data-v-9f173928]{padding:4rem 2rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;margin-bottom:3rem}.hero h1[data-v-9f173928]{font-size:3rem;margin-bottom:1rem;font-weight:300}.hero p[data-v-9f173928]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button[data-v-9f173928]{background:#fff;color:#4caf50;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:500;border-radius:50px;cursor:pointer;transition:transform .2s}.cta-button[data-v-9f173928]:hover{transform:translateY(-2px)}.features[data-v-9f173928]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 2rem;max-width:1000px;margin:0 auto}.feature-card[data-v-9f173928]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.feature-card h3[data-v-9f173928]{color:#4caf50;margin-bottom:1rem}.feature-card p[data-v-9f173928]{color:#666;line-height:1.6}:root{--primary-color: #4CAF50;--secondary-color: #FF9800;--text-color: #333;--background-color: #f9f9f9;--card-background: #fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--primary-color);color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s}.nav-link:hover{opacity:.8}.logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:#fff;padding:0}.register-btn{background-color:#fff;color:var(--primary-color);padding:.3rem .8rem;border-radius:4px;font-weight:500}main{flex-grow:1;width:100%}footer{background-color:var(--primary-color);color:#fff;text-align:center;padding:1rem;margin-top:auto}.home[data-v-d645b28f]{padding:1rem 0}h1[data-v-d645b28f]{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.filters[data-v-d645b28f]{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}select[data-v-d645b28f]{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;min-width:150px}.loading[data-v-d645b28f],.no-recipes[data-v-d645b28f]{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.recipe-grid[data-v-d645b28f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.recipe-card[data-v-d645b28f]{background-color:var(--card-background);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.recipe-card[data-v-d645b28f]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.recipe-card a[data-v-d645b28f]{display:block;padding:1.5rem;text-decoration:none;color:inherit}.recipe-card h2[data-v-d645b28f]{color:var(--primary-color);margin-bottom:.5rem;font-size:1.3rem}.description[data-v-d645b28f]{color:#555;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recipe-meta[data-v-d645b28f]{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;color:#666}.difficulty[data-v-d645b28f]{color:var(--secondary-color);font-weight:500}.recipe-detail[data-v-b431214e]{max-width:800px;margin:0 auto;padding:1rem}.loading[data-v-b431214e],.error[data-v-b431214e]{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.error[data-v-b431214e]{color:#d32f2f}.recipe-header[data-v-b431214e]{margin-bottom:2rem}.recipe-header h1[data-v-b431214e]{color:var(--primary-color);margin-bottom:1rem;font-size:2rem}.recipe-meta[data-v-b431214e]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;color:#666}.recipe-actions[data-v-b431214e]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-b431214e]{display:inline-block;padding:.5rem 1.2rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;text-decoration:none}.edit-btn[data-v-b431214e]{background-color:var(--primary-color);color:#fff}.edit-btn[data-v-b431214e]:hover{opacity:.9}.delete-btn[data-v-b431214e]{background-color:#d32f2f;color:#fff;border:none}.delete-btn[data-v-b431214e]:hover{opacity:.9}.recipe-description[data-v-b431214e]{margin-bottom:2rem;line-height:1.6;color:#444}.recipe-ingredients[data-v-b431214e]{margin-bottom:2rem}.recipe-ingredients h2[data-v-b431214e]{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.ingredients-list[data-v-b431214e]{list-style-type:none;padding:0}.ingredients-list li[data-v-b431214e]{padding:.5rem 0;border-bottom:1px solid #eee;color:#444}.ingredients-list li[data-v-b431214e]:last-child{border-bottom:none}.no-ingredients[data-v-b431214e]{color:#666;font-style:italic;margin-bottom:1rem}.recipe-instructions[data-v-b431214e]{margin-bottom:2rem}.recipe-instructions h2[data-v-b431214e]{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.instruction-step[data-v-b431214e]{display:flex;margin-bottom:1rem;padding:1rem;background-color:#f5f5f5;border-radius:8px}.step-number[data-v-b431214e]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;margin-right:1rem;flex-shrink:0}.step-content[data-v-b431214e]{flex-grow:1;padding-top:.5rem}.no-instructions[data-v-b431214e]{color:#666;font-style:italic}.recipe-cuisine[data-v-b431214e]{margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.recipe-cuisine h3[data-v-b431214e]{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}.create-recipe[data-v-2de9094d]{max-width:800px;margin:0 auto;padding:1rem}h1[data-v-2de9094d]{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.recipe-form[data-v-2de9094d]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.form-group[data-v-2de9094d]{margin-bottom:1.5rem}.form-row[data-v-2de9094d]{display:flex;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-row[data-v-2de9094d]{flex-direction:column;gap:1rem}}label[data-v-2de9094d]{display:block;margin-bottom:.5rem;font-weight:500;color:#444}input[type=text][data-v-2de9094d],input[type=number][data-v-2de9094d],textarea[data-v-2de9094d],select[data-v-2de9094d]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.url-input[data-v-2de9094d]{font-size:1.1rem;padding:.8rem}textarea[data-v-2de9094d]{resize:vertical}.checkbox-container[data-v-2de9094d]{display:flex;align-items:center;gap:.5rem}.checkbox-container input[data-v-2de9094d]{width:auto}.checkbox-container label[data-v-2de9094d]{margin-bottom:0;font-weight:400}.instructions-container[data-v-2de9094d]{margin-bottom:1rem}.instruction-step[data-v-2de9094d]{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:flex-start}.step-number[data-v-2de9094d]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.instruction-step textarea[data-v-2de9094d]{flex-grow:1}.remove-btn[data-v-2de9094d]{background-color:#d32f2f;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;flex-shrink:0}.remove-btn[data-v-2de9094d]:disabled{background-color:#ccc;cursor:not-allowed}.add-btn[data-v-2de9094d]{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.add-btn[data-v-2de9094d]:hover{opacity:.9}.form-buttons[data-v-2de9094d]{display:flex;justify-content:space-between;margin-top:2rem}.cancel-btn[data-v-2de9094d]{background-color:#f5f5f5;color:#444;border:1px solid #ddd;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-btn[data-v-2de9094d]:hover{background-color:#eee}.submit-btn[data-v-2de9094d]{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:opacity .2s}.submit-btn[data-v-2de9094d]:hover{opacity:.9}.submit-btn[data-v-2de9094d]:disabled{background-color:#9e9e9e;cursor:not-allowed}.edit-recipe[data-v-745edf49]{max-width:800px;margin:0 auto;padding:1rem}.loading[data-v-745edf49],.error[data-v-745edf49]{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.error[data-v-745edf49]{color:#d32f2f}h1[data-v-745edf49]{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.recipe-form[data-v-745edf49]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.form-group[data-v-745edf49]{margin-bottom:1.5rem}.form-row[data-v-745edf49]{display:flex;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-row[data-v-745edf49]{flex-direction:column;gap:1rem}}label[data-v-745edf49]{display:block;margin-bottom:.5rem;font-weight:500;color:#444}input[type=text][data-v-745edf49],input[type=number][data-v-745edf49],textarea[data-v-745edf49],select[data-v-745edf49]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}textarea[data-v-745edf49]{resize:vertical}.checkbox-container[data-v-745edf49]{display:flex;align-items:center;gap:.5rem}.checkbox-container input[data-v-745edf49]{width:auto}.checkbox-container label[data-v-745edf49]{margin-bottom:0;font-weight:400}.instructions-container[data-v-745edf49]{margin-bottom:1rem}.instruction-step[data-v-745edf49]{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:flex-start}.step-number[data-v-745edf49]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.instruction-step textarea[data-v-745edf49]{flex-grow:1}.remove-btn[data-v-745edf49]{background-color:#d32f2f;color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;flex-shrink:0}.remove-btn[data-v-745edf49]:disabled{background-color:#ccc;cursor:not-allowed}.add-btn[data-v-745edf49]{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.add-btn[data-v-745edf49]:hover{opacity:.9}.form-buttons[data-v-745edf49]{display:flex;justify-content:space-between;margin-top:2rem}.cancel-btn[data-v-745edf49]{background-color:#f5f5f5;color:#444;border:1px solid #ddd;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-btn[data-v-745edf49]:hover{background-color:#eee}.submit-btn[data-v-745edf49]{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:opacity .2s}.submit-btn[data-v-745edf49]:hover{opacity:.9}.submit-btn[data-v-745edf49]:disabled{background-color:#9e9e9e;cursor:not-allowed}.login-page[data-v-793e96f3]{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:calc(100vh - 180px)}.auth-container[data-v-793e96f3]{width:100%;max-width:450px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem}h1[data-v-793e96f3]{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.success-message[data-v-793e96f3]{background-color:#4caf501a;color:var(--primary-color);padding:.75rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}.auth-form[data-v-793e96f3]{display:flex;flex-direction:column}.form-group[data-v-793e96f3]{margin-bottom:1.5rem}label[data-v-793e96f3]{display:block;margin-bottom:.5rem;font-weight:500;color:#444}input[data-v-793e96f3]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}input[data-v-793e96f3]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}.error-message[data-v-793e96f3]{color:#d32f2f;margin-bottom:1.5rem;padding:.75rem;background-color:#d32f2f1a;border-radius:4px}.debug-info[data-v-793e96f3]{margin-top:.5rem;font-size:.8rem;color:#666}.form-buttons[data-v-793e96f3]{margin-top:1rem}.submit-btn[data-v-793e96f3]{width:100%;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:opacity .2s}.submit-btn[data-v-793e96f3]:hover{opacity:.9}.submit-btn[data-v-793e96f3]:disabled{background-color:#9e9e9e;cursor:not-allowed}.auth-links[data-v-793e96f3]{margin-top:1.5rem;text-align:center;font-size:.9rem}.auth-links a[data-v-793e96f3]{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-links a[data-v-793e96f3]:hover{text-decoration:underline}.register-page[data-v-a80af133]{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:calc(100vh - 180px)}.auth-container[data-v-a80af133]{width:100%;max-width:450px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem}h1[data-v-a80af133]{text-align:center;margin-bottom:2rem;color:var(--primary-color)}.auth-form[data-v-a80af133]{display:flex;flex-direction:column}.form-group[data-v-a80af133]{margin-bottom:1.5rem}label[data-v-a80af133]{display:block;margin-bottom:.5rem;font-weight:500;color:#444}input[data-v-a80af133]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}input[data-v-a80af133]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5033}.password-hint[data-v-a80af133]{display:block;margin-top:.25rem;font-size:.85rem;color:#666}.error-message[data-v-a80af133]{color:#d32f2f;margin-bottom:1.5rem;padding:.75rem;background-color:#d32f2f1a;border-radius:4px}.form-buttons[data-v-a80af133]{margin-top:1rem}.submit-btn[data-v-a80af133]{width:100%;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:opacity .2s}.submit-btn[data-v-a80af133]:hover{opacity:.9}.submit-btn[data-v-a80af133]:disabled{background-color:#9e9e9e;cursor:not-allowed}.auth-links[data-v-a80af133]{margin-top:1.5rem;text-align:center;font-size:.9rem}.auth-links a[data-v-a80af133]{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-links a[data-v-a80af133]:hover{text-decoration:underline}