.recipe-card .MuiCard-root{transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-card .MuiCard-root:hover .recipe-card-header:before{opacity:1;transform:scaleX(1)}.recipe-card .MuiCard-root:hover .recipe-card-stats{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1}.recipe-card .recipe-type-chip{position:relative;overflow:hidden}.recipe-card .recipe-type-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.recipe-card .recipe-type-chip:hover:before{left:100%}.recipe-card .recipe-stats-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin:1.5rem 0;transition:all .3s ease}.recipe-card .recipe-stats-section:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.recipe-card .recipe-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:1.5rem}.recipe-card .recipe-actions .MuiButton-root{transition:all .2s ease;border-radius:8px}.recipe-card .recipe-actions .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.recipe-card .recipe-actions .MuiIconButton-root{transition:all .2s ease;border-radius:8px}.recipe-card .recipe-actions .MuiIconButton-root:hover{transform:scale(1.1)}.recipe-card .export-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:8px}.recipe-card .export-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05)}.recipe-card .favorite-button.is-favorite{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.recipe-card .favorite-button.is-favorite:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.recipe-card .favorite-button:not(.is-favorite){background:#6b72801a;color:#6b7280}.recipe-card .favorite-button:not(.is-favorite):hover{background:#3b82f61a;color:#3b82f6}.recipe-card.is-archived .MuiCard-root{background:linear-gradient(135deg,#ff98000d,#ff980005);border-color:#f59e0b}.recipe-card.is-archived .MuiCard-root:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.recipe-card.is-archived .archived-chip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;box-shadow:0 2px 8px #f59e0b4d}.recipe-card.variant-compact .MuiCardContent-root{padding:1.25rem}.recipe-card.variant-compact .recipe-stats-section{padding:1rem;margin:1rem 0}.recipe-card.variant-compact .recipe-actions{padding-top:.75rem;margin-top:1rem}@media (max-width: 768px){.recipe-card .recipe-actions{flex-direction:column;align-items:stretch}.recipe-card .recipe-actions .MuiButton-root{width:100%;justify-content:center}.recipe-card .recipe-stats-section{padding:1rem}}@media (max-width: 480px){.recipe-card .MuiCardContent-root{padding:1rem}.recipe-card .recipe-stats-section{padding:.75rem}}.the-lab-page{max-width:1200px;margin:0 auto;padding:2rem}.the-lab-page .page-header{text-align:center;margin-bottom:2rem}.the-lab-page .page-header h1{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.the-lab-page .page-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.the-lab-page .lab-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;max-width:100%;margin:0 auto}.the-lab-page .lab-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;max-width:400px;margin:0 auto}.the-lab-page .lab-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.the-lab-page .lab-card .card-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:1rem 1.5rem;text-align:center}.the-lab-page .lab-card .card-header h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.the-lab-page .lab-card .card-header p{font-size:.85rem;margin:0;opacity:.9}.the-lab-page .lab-card .card-form{padding:1.5rem}.the-lab-page .lab-card .card-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.the-lab-page .lab-card .card-form .form-row{grid-template-columns:1fr;gap:.75rem}}.the-lab-page .lab-card .card-form .form-group{margin-bottom:1rem}.the-lab-page .lab-card .card-form .form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.375rem;font-size:.85rem}.the-lab-page .lab-card .card-form .form-group input,.the-lab-page .lab-card .card-form .form-group select,.the-lab-page .lab-card .card-form .form-group textarea{width:100%;padding:.5rem .75rem;border:1.5px solid var(--border-color);border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff}.the-lab-page .lab-card .card-form .form-group input:focus,.the-lab-page .lab-card .card-form .form-group select:focus,.the-lab-page .lab-card .card-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.the-lab-page .lab-card .card-form .form-group input::placeholder,.the-lab-page .lab-card .card-form .form-group select::placeholder,.the-lab-page .lab-card .card-form .form-group textarea::placeholder{color:var(--text-tertiary)}.the-lab-page .lab-card .card-form .form-group textarea{resize:vertical;min-height:60px}.the-lab-page .lab-card .card-form .form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem;appearance:none}.the-lab-page .lab-card .card-form .submit-btn{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.the-lab-page .lab-card .card-form .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px rgba(var(--primary-rgb),.3)}.the-lab-page .lab-card .card-form .submit-btn:active:not(:disabled){transform:translateY(0)}.the-lab-page .lab-card .card-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.the-lab-page{padding:1.5rem}.the-lab-page .lab-cards-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}}@media (max-width: 768px){.the-lab-page{padding:1rem}.the-lab-page .page-header h1{font-size:2rem}.the-lab-page .page-header p{font-size:1rem}.the-lab-page .lab-cards-container{grid-template-columns:1fr;gap:1rem}.the-lab-page .lab-card .card-header{padding:.875rem 1.25rem}.the-lab-page .lab-card .card-header h2{font-size:1.125rem}.the-lab-page .lab-card .card-form{padding:1.25rem}}@media (max-width: 480px){.the-lab-page .lab-card .card-header{padding:.75rem 1rem}.the-lab-page .lab-card .card-form{padding:1rem}.the-lab-page .lab-card .card-form .form-row{gap:.625rem}.the-lab-page .lab-card .card-form .form-group{margin-bottom:.875rem}.the-lab-page .lab-card .card-form .form-group input,.the-lab-page .lab-card .card-form .form-group select,.the-lab-page .lab-card .card-form .form-group textarea{padding:.5rem .625rem;font-size:.85rem}}.internal-nav-link{text-decoration:none;color:#6b7280;font-weight:500;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease;border-radius:4px}.internal-nav-link:hover{color:#0284c7;background-color:#f3f4f6}.internal-nav-link.active{color:#0284c7;background-color:#e0f2fe;font-weight:600}.dropdown-container{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;display:flex;align-items:center;gap:.25rem}.dropdown-toggle:hover{color:#0284c7;background-color:#f3f4f6}.dropdown-toggle.active{color:#0284c7;background-color:#e0f2fe;font-weight:600}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:250px;z-index:1000;list-style:none;margin:0;padding:.5rem 0;animation:dropdownFadeIn .2s ease-out}.dropdown-item{display:block;padding:.75rem 1rem;text-decoration:none;color:#374151;font-weight:500;transition:all .2s ease}.dropdown-item:hover{background-color:#f3f4f6;color:#0284c7}.dropdown-item.active{background-color:#e0f2fe;color:#0284c7;font-weight:600}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}