.header{background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-gray-200);height:70px}@media(min-width:768px){.header{height:80px}}.header .container{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.logo{display:flex;align-items:center;height:100%}.logo a{display:flex;align-items:center;height:250%;text-decoration:none}.logo-img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.logo a.text-logo{font-size:48px;font-weight:700;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;white-space:nowrap}.desktop-nav{display:none;height:100%}@media(min-width:768px){.desktop-nav{display:flex;align-items:center;height:100%}.desktop-nav ul{display:flex;gap:var(--spacing-8);align-items:center;height:100%;margin:0;padding:0}.desktop-nav li{height:100%;display:flex;align-items:center}.desktop-nav a{color:var(--color-gray-700);font-weight:500;position:relative;padding:0;transition:color .2s ease;display:flex;align-items:center;height:100%}.desktop-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary-600);transition:width .2s ease}.desktop-nav a:hover{color:var(--color-primary-600)}.desktop-nav a:hover:after{width:100%}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);color:var(--color-gray-700);transition:background-color .2s ease;background:none;border:none;cursor:pointer}.mobile-menu-btn:hover{background-color:var(--color-gray-100)}@media(min-width:768px){.mobile-menu-btn{display:none}}.language-selector{position:relative;margin-left:var(--spacing-4);height:100%;display:flex;align-items:center}.lang-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);background:#fff;color:var(--color-gray-700);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;height:fit-content}.lang-button:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-1);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:150px}.lang-dropdown button{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;background:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;transition:background-color .2s}.lang-dropdown button:hover{background-color:var(--color-gray-100)}.mobile-nav{background-color:#fff;border-top:1px solid var(--color-gray-200);padding:var(--spacing-4) 0;box-shadow:var(--shadow-lg);animation:slideDown .2s ease}.mobile-nav ul{display:flex;flex-direction:column;gap:var(--spacing-2);padding:0 var(--spacing-4)}.mobile-nav a{display:block;padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-700);font-weight:500;border-radius:var(--border-radius-md);transition:background-color .2s ease,color .2s ease}.mobile-nav a:hover{background-color:var(--color-primary-50);color:var(--color-primary-600)}.mobile-lang{display:flex;gap:var(--spacing-2);padding:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.mobile-lang button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);background:#fff;color:var(--color-gray-700);font-size:var(--font-size-sm);cursor:pointer}.mobile-lang button:hover{background-color:var(--color-gray-100)}.footer{background:linear-gradient(to bottom,#ffffff,var(--color-gray-50));border-top:1px solid var(--color-gray-200);padding:var(--spacing-16) 0 var(--spacing-8);margin-top:var(--spacing-20)}.footer-grid{display:grid;gap:var(--spacing-10);margin-bottom:var(--spacing-14);align-items:flex-start}.footer-grid{grid-template-columns:1fr}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{max-width:320px}.footer-description{color:var(--color-gray-600);margin:var(--spacing-4) 0 var(--spacing-6);line-height:1.6;font-size:var(--font-size-sm)}.footer-col h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-4);letter-spacing:-.02em}.footer-social{display:flex;gap:var(--spacing-3)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background-color:var(--color-gray-100);color:var(--color-gray-600);transition:all .25s ease}.footer-social a:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer-links,.footer-contact{list-style:none;padding:0;margin:0}.footer-links li,.footer-contact li{margin-bottom:var(--spacing-3)}.footer-links a{color:var(--color-gray-600);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease,transform .2s ease;display:inline-block}.footer-links a:hover{color:var(--color-primary);transform:translate(4px)}.footer-contact li{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.footer-contact .icon{width:18px;height:18px;color:var(--color-primary)}.footer-contact a{color:var(--color-gray-600);text-decoration:none;transition:color .2s ease}.footer-contact a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-8);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer-bottom p{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:500}.footer-legal{display:flex;gap:var(--spacing-6);flex-wrap:wrap}.footer-legal a{display:inline-flex;align-items:center;gap:var(--spacing-1);text-decoration:none;font-size:var(--font-size-sm);color:var(--color-gray-500);transition:color .2s ease}.footer-legal a:hover{color:var(--color-primary)}.footer-legal .icon{width:16px;height:16px}.home .hero-gradient{position:relative;width:100vw;left:50%;transform:translate(-50%);padding:var(--spacing-16) 0;margin-bottom:var(--spacing-8);background-image:url(/images/home.png);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}.home .hero-gradient .container{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.home .molecules-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:hidden}.home .molecule{position:absolute;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.home .molecule-img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.3));opacity:.5;transition:opacity .2s ease}.home .molecule-img:hover{opacity:.8}.home .molecule-1{top:5%;left:3%;width:150px;height:150px;opacity:.4;transform:rotate(-5deg)}.home .molecule-4{top:5%;right:3%;width:150px;height:150px;opacity:.4;transform:rotate(6deg)}.home .molecule-2{top:35%;left:5%;width:160px;height:160px;opacity:.35;transform:rotate(8deg)}.home .molecule-5{top:35%;right:5%;width:160px;height:160px;opacity:.4;transform:rotate(-7deg)}.home .molecule-3{bottom:8%;left:4%;width:170px;height:170px;opacity:.3;transform:rotate(-10deg)}.home .molecule-6{bottom:8%;right:4%;width:170px;height:170px;opacity:.3;transform:rotate(12deg)}.home .hero-title,.home .hero-subtitle,.home .search-box,.home .quick-searches{position:relative;z-index:10}.home .hero-gradient{min-height:400px;height:auto}.home .hero-title{font-size:var(--font-size-4xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-4);line-height:1.2;text-shadow:0 4px 8px rgba(0,0,0,.3)}.home .hero-subtitle{font-size:var(--font-size-lg);color:#fffffff2;margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,.2)}.home .search-wrapper{display:flex;align-items:center;background:#fff;border:2px solid rgba(255,255,255,.5);border-radius:60px;padding:0 var(--spacing-2) 0 var(--spacing-4);box-shadow:0 8px 30px #0000004d;transition:box-shadow .2s,border-color .2s;max-width:700px;margin:0 auto}.home .search-wrapper:focus-within{box-shadow:0 12px 40px #0006;border-color:var(--color-nature-terracotta)}.home .search-icon{color:var(--color-gray-400);margin-right:var(--spacing-2)}.home .search-wrapper .search-input{flex:1;border:none;padding:var(--spacing-3) 0;font-size:var(--font-size-base);outline:none;background:transparent;color:var(--color-gray-800)}.home .search-wrapper .search-input::placeholder{color:var(--color-gray-400);font-style:italic}.home .search-button{background-color:var(--color-nature-terracotta);color:#fff;border:none;border-radius:60px;padding:var(--spacing-2) var(--spacing-6);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:background-color .2s,transform .1s;margin:var(--spacing-1);white-space:nowrap;box-shadow:0 2px 8px #0000001a}.home .search-button:hover{background-color:#a33d2b;transform:scale(1.02)}.home .search-button:active{transform:scale(.98)}.home .quick-searches{margin-top:var(--spacing-6);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-2)}.home .quick-label{color:#ffffffe6;font-weight:500;margin-right:var(--spacing-2)}.home .quick-tag{background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);color:#fff;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500}.home .quick-tag:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.home .stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin:var(--spacing-12) 0}@media(min-width:768px){.home .stats-grid{grid-template-columns:repeat(3,1fr)}}.home .stat-card{background-color:#fff;border-radius:var(--border-radius-xl);padding:var(--spacing-6);box-shadow:0 8px 20px #0000000f;border:1px solid var(--color-gray-200);display:flex;align-items:center;gap:var(--spacing-4);transition:transform .2s,box-shadow .2s,border-color .2s}.home .stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0000001a;border-color:var(--color-nature-bright)}.home .stat-icon-wrapper{background:linear-gradient(135deg,var(--color-nature-bright) 0%,var(--color-nature-green) 100%);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff}.home .stat-icon{color:#fff}.home .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-nature-green-dark);line-height:1.2}.home .stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.home .features-section{margin:var(--spacing-16) 0}.home .section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);text-align:center;margin-bottom:var(--spacing-8);position:relative}.home .section-title:after{content:"";display:block;width:60px;height:3px;background:var(--color-primary-500);margin:var(--spacing-4) auto 0;border-radius:2px}.home .features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6)}@media(min-width:640px){.home .features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.home .features-grid{grid-template-columns:repeat(4,1fr)}}.home .feature-card{background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-6);text-align:center;transition:all .3s;background:linear-gradient(145deg,#ffffff 0%,var(--color-nature-cream) 100%)}.home .feature-card:hover{border-color:var(--color-nature-bright);box-shadow:0 20px 30px #1b4d3e1a;transform:translateY(-4px)}.home .feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-nature-green) 0%,var(--color-nature-teal) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);color:#fff}.home .feature-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-2)}.home .feature-card p{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6}.home .databases-section{margin:var(--spacing-16) 0}.home .databases-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-4)}@media(min-width:640px){.home .databases-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.home .databases-grid{grid-template-columns:repeat(4,1fr)}}.home .database-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:1px solid;transition:all .2s;text-decoration:none;position:relative;background-color:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home .database-card:nth-child(4n+1){background-color:#3cb3711a;border-color:var(--color-nature-bright);color:var(--color-nature-green-dark)}.home .database-card:nth-child(4n+2){background-color:#1b5e7a1a;border-color:var(--color-nature-teal);color:var(--color-nature-teal)}.home .database-card:nth-child(4n+3){background-color:#c445361a;border-color:var(--color-nature-terracotta);color:var(--color-nature-terracotta)}.home .database-card:nth-child(4n+4){background-color:#2e7d5e1a;border-color:var(--color-nature-green);color:var(--color-nature-green)}.home .database-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.home .card-arrow{margin-left:auto;opacity:0;transition:opacity .2s,transform .2s}.home .database-card:hover .card-arrow{opacity:1;transform:translate(4px)}.home .researchers-section{margin:var(--spacing-16) 0}.home .researchers-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);background:linear-gradient(135deg,var(--color-nature-green-dark) 0%,var(--color-nature-teal) 100%);border-radius:var(--border-radius-2xl);padding:var(--spacing-8);color:#fff}@media(min-width:768px){.home .researchers-grid{grid-template-columns:repeat(2,1fr)}}.home .researcher-card{background-color:#fffffff2;border-radius:var(--border-radius-xl);padding:var(--spacing-8);box-shadow:0 20px 30px #0003;transition:transform .2s;color:var(--color-gray-900)}.home .researcher-card:hover{transform:translateY(-4px);box-shadow:0 25px 35px #00000040}.home .researcher-icon{color:var(--color-nature-terracotta);margin-bottom:var(--spacing-4)}.home .researcher-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-2)}.home .researcher-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-nature-terracotta);font-weight:500;text-decoration:none;transition:gap .2s}.home .researcher-link:hover{gap:var(--spacing-3);color:var(--color-nature-green-dark)}.home .loading-state{text-align:center;padding:var(--spacing-12);color:var(--color-gray-500)}.home .download-dataset-container{margin-top:var(--spacing-8);text-align:center}.home .download-dataset-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);background-color:var(--color-nature-terracotta);border:none;border-radius:40px;padding:var(--spacing-2) var(--spacing-6);font-size:var(--font-size-base);font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 12px #0003;min-width:200px}.home .download-dataset-btn:hover{background-color:#a33d2b;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.home .download-dataset-btn svg{width:18px;height:18px}.home .hero-spacer{height:9rem}@media(max-width:768px){.home .hero-spacer{height:9rem}}@media(min-width:768px)and (max-width:1024px){.home .molecule-1,.home .molecule-4{width:120px;height:120px}.home .molecule-2,.home .molecule-5{width:130px;height:130px}.home .molecule-3,.home .molecule-6{width:140px;height:140px}}@media(max-width:768px){.home .molecule-2,.home .molecule-3,.home .molecule-4,.home .molecule-5,.home .molecule-6{display:none}.home .molecule-1{width:120px;height:120px;opacity:.3;inset:auto 5% 5% auto}}.modal-overlay{position:fixed;inset:0;background-color:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:overlayFade .25s ease-out}@keyframes overlayFade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.modal-container{background:#fff;border-radius:2rem;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 30px 50px -15px #0000004d;animation:modalSlide .35s cubic-bezier(.2,.9,.4,1.1);scrollbar-width:thin}@keyframes modalSlide{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px;margin:1rem 0}.modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20;color:#475569}.modal-close:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a;transform:scale(1.05) rotate(90deg)}.modal-header{text-align:center;padding:2rem 2rem .5rem;background:linear-gradient(145deg,#fff,#fafcff);border-radius:2rem 2rem 0 0}.header-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e6f4ea;padding:.3rem 1rem;border-radius:100px;font-size:.75rem;font-weight:600;color:#1e5a3a;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.modal-header h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1e2a3a,#2d5a3f);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:.5rem;letter-spacing:-.02em}.modal-header p{color:#64748b;font-size:.9rem;max-width:320px;margin:0 auto}.modal-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:.5rem 2rem 1rem;border-bottom:1px solid #edf2f7;margin-bottom:.5rem}.feature-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:#2d5a3f;background:#f0faf2;padding:.3rem 1rem;border-radius:40px;font-weight:500}.feature-item svg{color:#2d5a3f;stroke-width:1.8}.modal-container .registration-form{padding:0 2rem 1rem}.modal-container .form-group{margin-bottom:1.25rem}.modal-container .form-group label{font-weight:600;font-size:.85rem;color:#1e293b;display:block;margin-bottom:.4rem}.modal-container .form-group input,.modal-container .form-group textarea{width:100%;padding:.8rem 1rem;border:1.5px solid #e2e8f0;border-radius:1rem;font-size:.9rem;transition:all .2s;background:#fff;font-family:inherit}.modal-container .form-group input:focus,.modal-container .form-group textarea:focus{outline:none;border-color:#2d5a3f;box-shadow:0 0 0 3px #2d5a3f26}.modal-container .btn-primary{background:linear-gradient(105deg,#2d5a3f,#1e4a2f);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:2rem;font-weight:600;width:100%;cursor:pointer;transition:all .2s;font-size:1rem;margin-top:.5rem;box-shadow:0 2px 6px #0000001a}.modal-container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2d5a3f40;background:linear-gradient(105deg,#1e4a2f,#153d26)}.modal-container .btn-primary:disabled{opacity:.7;transform:none;cursor:not-allowed}.modal-container .success-download{text-align:center;padding:2rem}.success-download h3{color:#2d5a3f;font-size:1.3rem;margin-bottom:.5rem}.success-download .btn-primary{width:auto;display:inline-block;padding:.7rem 1.8rem}.modal-footer-note{padding:1rem 2rem 1.5rem;text-align:center;font-size:.7rem;color:#94a3b8;border-top:1px solid #edf2f7;margin-top:.5rem}.success-download .modal-auto-close{font-size:.75rem;color:#6c757d;margin-top:.5rem}@media(max-width:640px){.modal-container{border-radius:1.5rem;max-height:85vh}.modal-header h2{font-size:1.6rem}.modal-features{gap:.6rem;padding:.25rem 1.5rem 1rem}.feature-item{font-size:.7rem;padding:.2rem .8rem}.modal-container .registration-form{padding:0 1.25rem 1rem}.modal-header{padding:1.5rem 1.5rem .5rem}.modal-footer-note{padding:.8rem 1.5rem 1.2rem}}.product-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.product-card-image{width:100%;height:140px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eaeaea}.product-card-image img{max-width:100%;max-height:100%;object-fit:contain}.product-card-image-placeholder{width:100%;height:140px;background:#f1f3f4;display:flex;align-items:center;justify-content:center;color:#5f6368;font-size:.9rem;border-bottom:1px solid #eaeaea}.product-card-header{padding:12px 12px 8px}.product-card-title{font-weight:600;font-size:1.1rem;margin-bottom:4px;color:#1e3a5f}.product-card-id{font-size:.85rem;color:#5f6368}.product-card-body{padding:0 12px 12px}.product-card-property{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.9rem}.product-card-property-label{color:#5f6368}.product-card-property-value{font-weight:500;color:#202124}.product-card-bioactivity{margin-top:8px;font-size:.9rem;color:#3c4043;font-style:italic;border-top:1px dashed #dadce0;padding-top:6px}.product-card-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-card-image svg{width:100%;height:auto;max-width:100%;max-height:100%;display:block}.products-container{max-width:1280px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.products-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-nature-green-dark);position:relative}.products-header h1:after{content:"";display:block;width:60px;height:3px;background:var(--color-nature-terracotta);margin-top:var(--spacing-2);border-radius:2px}.sort-controls{display:flex;align-items:center;gap:var(--spacing-4)}.sort-dir-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:50%;background-color:#fff;color:var(--color-gray-600);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);width:36px;height:36px}.sort-dir-button:hover{border-color:var(--color-nature-bright);background-color:var(--color-gray-50);color:var(--color-nature-green-dark);transform:scale(1.05)}.sort-dir-button svg{transition:transform .2s}.sort-dir-button.desc svg{transform:rotate(180deg)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-12);color:var(--color-gray-500);font-size:var(--font-size-lg);background:var(--color-gray-50);border-radius:var(--border-radius-xl);border:1px dashed var(--color-gray-300)}.error-state{color:var(--color-nature-terracotta);background:#c445360d;border-color:#c4453633}@media(max-width:640px){.products-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.sort-controls{width:100%}.sort-select{flex:1}}.product-detail-page{background:linear-gradient(135deg,var(--color-gray-50) 0%,#ffffff 100%);min-height:100vh;padding:var(--spacing-8) 0}.product-detail-container{max-width:80rem;margin:0 auto;padding:0 var(--spacing-4)}.product-header{background:#fff;border-radius:var(--border-radius-2xl);padding:var(--spacing-6) var(--spacing-8);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);position:relative;overflow:hidden}.product-header:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-nature-green),var(--color-nature-teal))}.product-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-nature-green-dark);margin:0 0 var(--spacing-2) 0;line-height:1.2}.product-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);color:var(--color-gray-500);font-size:var(--font-size-sm)}.product-meta-item{display:flex;align-items:center;gap:var(--spacing-1)}.product-meta-item svg{width:16px;height:16px;color:var(--color-nature-terracotta)}.product-info-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media(min-width:768px){.product-info-grid{grid-template-columns:repeat(2,1fr)}}.info-card{background:#fff;border-radius:var(--border-radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:transform .2s,box-shadow .2s;height:fit-content}.info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-nature-bright)}.card-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:600;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-nature-cream)}.card-title svg{color:var(--color-nature-terracotta)}.property-list{list-style:none;padding:0;margin:0}.property-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-2) 0;border-bottom:1px dashed var(--color-gray-200)}.property-item:last-child{border-bottom:none}.property-label{font-weight:500;color:var(--color-gray-600);font-size:var(--font-size-sm)}.property-value{font-weight:500;color:var(--color-gray-800);font-size:var(--font-size-sm);text-align:right;word-break:break-word;max-width:60%}.property-value a{color:var(--color-nature-terracotta);text-decoration:none;transition:color .2s}.property-value a:hover{color:var(--color-nature-green-dark);text-decoration:underline}.badge{display:inline-block;background-color:var(--color-nature-cream);color:var(--color-nature-green-dark);font-size:.75rem;padding:.25rem .75rem;border-radius:30px;border:1px solid var(--color-nature-bright)}.smiles-container{background:var(--color-gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-3);font-family:Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-gray-700);border:1px solid var(--color-gray-200);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.bioactivity-summary{background:var(--color-nature-cream);border-left:4px solid var(--color-nature-terracotta);padding:var(--spacing-3);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-style:italic;color:var(--color-gray-700)}.rings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-3)}.ring-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-3);transition:all .2s}.ring-card:hover{border-color:var(--color-nature-bright);box-shadow:var(--shadow-sm)}.ring-structure{font-weight:600;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-1);font-family:monospace}.ring-target{font-size:var(--font-size-xs);color:var(--color-gray-500)}.assays-section{background:#fff;border-radius:var(--border-radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-8)}.assays-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.assays-table th{background:var(--color-nature-cream);color:var(--color-nature-green-dark);font-weight:600;padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:2px solid var(--color-nature-bright)}.assays-table td{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-gray-200)}.assays-table tr:hover{background:var(--color-gray-50)}.assay-activity{display:inline-block;background:var(--color-nature-cream);color:var(--color-nature-green-dark);padding:2px 8px;border-radius:30px;font-size:.7rem;font-weight:500}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-8);justify-content:center}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:60px;font-weight:500;font-size:var(--font-size-sm);text-decoration:none;transition:all .2s;border:none;cursor:pointer}.btn-outline:hover{background:var(--color-gray-50);border-color:var(--color-nature-bright);transform:translateY(-1px);box-shadow:var(--shadow-md)}.loading-state,.error-state{text-align:center;padding:var(--spacing-16);background:#fff;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);max-width:600px;margin:var(--spacing-8) auto}.loading-state{color:var(--color-gray-500)}.error-state{color:var(--color-nature-terracotta)}.structure-card{background:#fff;border-radius:var(--border-radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-6);transition:transform .2s,box-shadow .2s}.structure-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-nature-bright)}.structure-image-container{display:flex;justify-content:center;align-items:center;background:var(--color-nature-cream);border-radius:var(--border-radius-lg);padding:var(--spacing-4);min-height:250px;border:1px solid var(--color-gray-200)}.structure-image{max-width:100%;max-height:250px;object-fit:contain;transition:transform .2s}.structure-image:hover{transform:scale(1.02)}.structure-error .structure-image{display:none}.structure-error .structure-error-message{display:flex!important;align-items:center;justify-content:center;color:var(--color-gray-500);font-style:italic}.structure-smiles{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border-radius:var(--border-radius-md);display:flex;align-items:baseline;gap:var(--spacing-2);border:1px solid var(--color-gray-200)}.structure-smiles .property-label{font-weight:600;color:var(--color-nature-green-dark)}.smiles-value{font-family:Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-gray-700);word-break:break-all;flex:1}.structure-image-container{display:flex;justify-content:center;align-items:center;background-color:#f9fafb;border-radius:var(--border-radius-lg);padding:var(--spacing-4);min-height:250px}.structure-svg{width:100%;height:auto;max-width:300px;display:block;margin:0 auto}.structure-svg svg{width:100%;height:auto;display:block}.structure-image{display:none}:root{--color-nature-green: #2E7D5E;--color-nature-green-dark: #1B4D3E;--color-nature-teal: #1B5E7A;--color-nature-terracotta: #C44536;--color-nature-bright: #4CAF80;--color-nature-cream: #F8F6F2;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}.search-page{background:linear-gradient(135deg,var(--color-gray-50) 0%,#ffffff 100%);min-height:100vh}.search-header{background:linear-gradient(135deg,var(--color-nature-green-dark) 0%,var(--color-nature-teal) 100%);padding:var(--spacing-8) 0 var(--spacing-12);color:#fff;margin-bottom:var(--spacing-8);position:relative;overflow:hidden}.search-header:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.2;pointer-events:none}.search-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;position:relative;z-index:2}.title-icon{color:#ffffffe6}.search-bar-container{max-width:700px;margin-top:var(--spacing-6);position:relative;z-index:2;display:flex;gap:var(--spacing-2)}.search-bar{flex:1;display:flex;align-items:center;background:#fff;border-radius:60px;padding:var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-4);box-shadow:0 8px 20px #0003;transition:box-shadow .2s,border-color .2s;border:2px solid transparent}.search-bar:focus-within{box-shadow:0 12px 30px #0000004d;border-color:var(--color-nature-terracotta)}.search-icon{color:var(--color-gray-400);margin-right:var(--spacing-2)}.search-input{flex:1;border:none;padding:var(--spacing-3) 0;font-size:var(--font-size-base);outline:none;background:transparent;color:var(--color-gray-800)}.search-input::placeholder{color:var(--color-gray-400);font-style:italic}.clear-search{background:none;border:none;color:var(--color-gray-400);padding:var(--spacing-2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:var(--spacing-1)}.clear-search:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.mobile-filters-button{display:flex;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-4);background:#fff;border:2px solid rgba(255,255,255,.5);border-radius:60px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s;background-color:#fff;box-shadow:0 4px 10px #0000001a}.mobile-filters-button:hover{background-color:var(--color-gray-50);border-color:var(--color-nature-terracotta)}@media(min-width:1024px){.mobile-filters-button{display:none}}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4)}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-1);background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-1) var(--spacing-3);border-radius:30px;font-size:var(--font-size-sm);color:#fff;border:1px solid rgba(255,255,255,.3)}.filter-chip button{background:none;border:none;color:#fff;display:flex;padding:2px;border-radius:50%;cursor:pointer;transition:background .2s}.filter-chip button:hover{background:#ffffff4d}.clear-all-filters{background:none;border:none;color:#fff;text-decoration:underline;font-size:var(--font-size-sm);cursor:pointer;padding:0 var(--spacing-2);opacity:.9}.clear-all-filters:hover{opacity:1}.search-layout{display:flex;gap:var(--spacing-8);margin-top:-2rem;position:relative;z-index:10;align-items:flex-start}.filters-panel{width:100%;background:#fff;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease;border:1px solid var(--color-gray-200)}@media(min-width:1024px){.filters-panel{width:320px;flex-shrink:0;position:sticky;top:100px;align-self:flex-start}}.filters-panel:not(.open){display:none}@media(min-width:1024px){.filters-panel:not(.open){display:block}}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,var(--color-gray-50) 0%,white 100%);border-bottom:1px solid var(--color-gray-200)}.filters-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0}.close-filters{display:none;background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-1);border-radius:50%}.close-filters:hover{background-color:var(--color-gray-100)}@media(max-width:1023px){.close-filters{display:block}}.filters-content{padding:var(--spacing-3) var(--spacing-5);max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-gray-300) var(--color-gray-100)}.filters-content::-webkit-scrollbar{width:6px}.filters-content::-webkit-scrollbar-track{background:var(--color-gray-100)}.filters-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:10px}.filters-search{position:relative;margin-bottom:var(--spacing-4)}.filters-search .search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.filters-search input{width:100%;padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-8);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);background:#fff;transition:all .2s}.filters-search input:focus{outline:none;border-color:var(--color-nature-terracotta);box-shadow:0 0 0 3px #c445361a}.filter-section{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-2)}.filter-section:last-child{border-bottom:none}.filter-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-3) 0;background:none;border:none;color:var(--color-gray-900);font-weight:600;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:color .2s}.filter-section-header:hover{color:var(--color-nature-terracotta)}.filter-section-content{padding-bottom:var(--spacing-3);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-options{max-height:250px;overflow-y:auto;scrollbar-width:thin;padding-right:var(--spacing-2)}.filter-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) 0;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700);transition:background-color .2s;border-radius:var(--border-radius-md)}.filter-option:hover{background-color:var(--color-gray-50)}.filter-option input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-nature-terracotta);cursor:pointer}.option-label{flex:1}.option-count{color:var(--color-gray-500);font-size:var(--font-size-xs);background-color:var(--color-gray-100);padding:2px 6px;border-radius:30px}.no-options{color:var(--color-gray-500);font-style:italic;padding:var(--spacing-2) 0;text-align:center}.advanced-filters{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-2) 0}.advanced-filters .filter-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-1)}.advanced-filters .range-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.advanced-filters .range-inputs input{flex:1;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.advanced-filters .range-inputs input:focus{outline:none;border-color:var(--color-nature-terracotta);box-shadow:0 0 0 3px #c445361a}.advanced-filters input[type=text]{width:100%;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.filters-footer{display:flex;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:60px;font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-outline{background:#fff;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover{background:var(--color-gray-50);border-color:var(--color-nature-bright)}.btn-primary{background:var(--color-nature-terracotta);color:#fff}.btn-primary:hover{background:#a33d2b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.results-panel{flex:1;min-width:0}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4);background:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.results-count{font-size:var(--font-size-sm);color:var(--color-gray-600)}.results-count strong{color:var(--color-nature-green-dark);font-size:var(--font-size-base)}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-2)}.sort-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:60px;font-size:var(--font-size-sm);color:var(--color-gray-700);background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.sort-select:hover{border-color:var(--color-nature-bright)}.sort-select:focus{outline:none;border-color:var(--color-nature-terracotta);box-shadow:0 0 0 3px #c445361a}.view-toggle{display:flex;gap:var(--spacing-1);background:var(--color-gray-100);padding:var(--spacing-1);border-radius:60px;border:1px solid var(--color-gray-200)}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:60px;color:var(--color-gray-500);cursor:pointer;transition:all .2s}.view-btn:hover{background:#fff;color:var(--color-nature-green-dark);box-shadow:var(--shadow-sm)}.view-btn.active{background:#fff;color:var(--color-nature-terracotta);box-shadow:var(--shadow-sm)}.products-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{display:flex;flex-direction:column;text-decoration:none;background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-md);height:100%;position:relative}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-nature-green),var(--color-nature-teal));z-index:1}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-nature-bright)}.product-card-image{height:160px;background-color:var(--color-nature-cream);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.product-card-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s}.product-card:hover .product-card-image img{transform:scale(1.03)}.product-card-image-placeholder{height:160px;background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-gray-200)}.product-card-header{padding:var(--spacing-3) var(--spacing-4) var(--spacing-2);border-bottom:1px solid var(--color-gray-100)}.product-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-nature-green-dark);margin:0 0 var(--spacing-1) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-id{font-size:var(--font-size-xs);color:var(--color-gray-400);margin:0}.product-card-body{padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);flex:1}.product-card-property{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.product-card-property-label{color:var(--color-gray-500);font-weight:400}.product-card-property-value{color:var(--color-gray-800);font-weight:500}.product-card-bioactivity{margin-top:var(--spacing-2);padding:var(--spacing-2);background-color:var(--color-nature-cream);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-gray-700);border-left:3px solid var(--color-nature-terracotta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.products-list{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.product-list-item{display:flex;align-items:center;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all .2s;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.product-list-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--color-nature-bright)}.product-list-item-image{width:80px;height:80px;background-color:var(--color-nature-cream);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-4);flex-shrink:0}.product-list-item-image img{max-width:100%;max-height:100%;object-fit:contain}.product-list-item-content{flex:1}.product-list-item-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-1)}.product-list-item-meta{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-1)}.product-list-item-properties{display:flex;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-600)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.skeleton-card{height:320px;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-xl)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state,.error-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);background:#fff;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.empty-state p,.error-state p{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.pagination-wrapper{display:flex;justify-content:center;margin-top:var(--spacing-8)}.pagination-wrapper button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-3);margin:0 var(--spacing-1);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);background-color:#fff;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.pagination-wrapper button:hover:not(:disabled){border-color:var(--color-nature-bright);background-color:var(--color-gray-50);color:var(--color-nature-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-wrapper button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100)}.pagination-wrapper button.active{background-color:var(--color-nature-green-dark);border-color:var(--color-nature-green-dark);color:#fff}@media(max-width:640px){.search-title{font-size:var(--font-size-2xl)}.search-bar-container{flex-direction:column}.mobile-filters-button{width:100%;justify-content:center}.results-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{justify-content:space-between}.sort-select{flex:1}}.search-header.hero-gradient{position:relative;width:100vw;left:50%;transform:translate(-50%);padding:var(--spacing-16) 0;margin-bottom:var(--spacing-8);background-image:url(/images/search.png);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}.search-header.hero-gradient .container{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.search-header.hero-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#1b4d3eb3,#1b5e7ab3);z-index:1}.search-header.hero-gradient .molecules-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:hidden}.search-header.hero-gradient .molecule{position:absolute;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.search-header.hero-gradient .molecule-img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.3));opacity:.5;transition:opacity .2s ease}.search-header.hero-gradient .molecule-img:hover{opacity:.8}.search-header.hero-gradient .molecule-1{top:5%;left:3%;width:150px;height:150px;opacity:.4;transform:rotate(-5deg)}.search-header.hero-gradient .molecule-2{top:35%;left:5%;width:160px;height:160px;opacity:.35;transform:rotate(8deg)}.search-header.hero-gradient .molecule-4{top:5%;right:3%;width:150px;height:150px;opacity:.4;transform:rotate(6deg)}.search-header.hero-gradient .molecule-5{top:35%;right:5%;width:160px;height:160px;opacity:.4;transform:rotate(-7deg)}@media(min-width:768px)and (max-width:1024px){.search-header.hero-gradient .molecule-1,.search-header.hero-gradient .molecule-4{width:120px;height:120px}.search-header.hero-gradient .molecule-2,.search-header.hero-gradient .molecule-5{width:130px;height:130px}}@media(max-width:768px){.search-header.hero-gradient .molecule-2,.search-header.hero-gradient .molecule-4,.search-header.hero-gradient .molecule-5{display:none}.search-header.hero-gradient .molecule-1{width:120px;height:120px;opacity:.3;inset:auto 5% 5% auto}}.search-header.hero-gradient .search-title{font-size:var(--font-size-3xl);font-weight:700;color:#fff;margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;text-shadow:0 4px 8px rgba(0,0,0,.3)}.search-header.hero-gradient .title-icon{color:#ffffffe6}.search-header.hero-gradient .search-bar-container{max-width:700px;margin-top:var(--spacing-6)}.search-header.hero-gradient .search-bar{background:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:0 8px 30px #0000004d}.search-header.hero-gradient .search-bar:focus-within{box-shadow:0 12px 40px #0006;border-color:var(--color-nature-terracotta)}.search-header.hero-gradient .mobile-filters-button{background:#fff;border:2px solid rgba(255,255,255,.5);color:var(--color-gray-700)}.search-header.hero-gradient .mobile-filters-button:hover{background-color:var(--color-gray-50);border-color:var(--color-nature-terracotta)}.search-header.hero-gradient .active-filters{margin-top:var(--spacing-4)}.search-header.hero-gradient .filter-chip{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);color:#fff}.search-header.hero-gradient .filter-chip button,.search-header.hero-gradient .clear-all-filters{color:#fff}.search-filters{display:flex;flex-direction:column;gap:1.25rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;font-size:.9rem;color:#334155}.filter-group input,.filter-group select{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.9rem;transition:.2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.range-inputs{display:flex;align-items:center;gap:.5rem}.range-inputs input{flex:1}.advanced-toggle{background:none;border:1px solid #cbd5e1;border-radius:2rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;margin:.5rem 0;transition:background .2s}.advanced-toggle:hover{background:#f1f5f9}.advanced-filters{border-top:1px solid #e2e8f0;padding-top:1rem;margin-top:.5rem;display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.help-text{font-size:.7rem;color:#64748b;margin-left:1.5rem}:root{--color-gray-50: #f9fafb;--color-gray-200: #e5e7eb;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-nature-green: #10b981;--color-nature-green-dark: #047857;--color-nature-teal: #14b8a6;--color-nature-terracotta: #b45309;--color-nature-bright: #f59e0b;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.about-page{background:linear-gradient(135deg,var(--color-gray-50) 0%,#ffffff 100%);min-height:100vh;padding:var(--spacing-8) 0 var(--spacing-16)}.about-hero{text-align:center;margin-bottom:var(--spacing-12);position:relative}.about-hero-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-2);position:relative;display:inline-block}.about-hero-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--color-nature-terracotta),var(--color-nature-bright));margin:var(--spacing-2) auto 0;border-radius:var(--border-radius-full)}.about-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);max-width:1200px;margin:0 auto var(--spacing-12)}@media(min-width:768px){.about-grid{grid-template-columns:repeat(2,1fr)}}.about-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all .2s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-nature-green),var(--color-nature-teal));border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-nature-bright)}.about-card-large{grid-column:span 1}@media(min-width:768px){.about-card-large{grid-column:span 2}}.about-card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.about-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-nature-bright) 0%,var(--color-nature-green) 100%);border-radius:50%;color:#fff;box-shadow:var(--shadow-sm)}.about-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-nature-green-dark);margin:0}.about-card-body{flex:1;color:var(--color-gray-700);line-height:1.7;font-size:var(--font-size-base)}.about-card-body p{margin-top:0;margin-bottom:var(--spacing-4);text-align:left}@media(min-width:768px){.about-card-body p{text-align:justify;-webkit-hyphens:auto;hyphens:auto}}.about-card-body p:last-child{margin-bottom:0}.about-card-body strong,.text-highlight{color:var(--color-nature-terracotta);font-weight:600}.about-stats{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6);flex-wrap:wrap}.stat-item{flex:1;min-width:100px;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-2);text-align:center;transition:all .2s}.stat-item:hover{border-color:var(--color-nature-bright);background:#fff}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-nature-green-dark);line-height:1.2}.stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.credits-content p{margin-bottom:var(--spacing-2)}.credits-content strong{color:var(--color-nature-terracotta)}.about-card-highlight{background:linear-gradient(135deg,var(--color-nature-green-dark) 0%,var(--color-nature-teal) 100%);border:none;color:#fff}.about-card-highlight:before{display:none}.about-card-highlight .about-icon-wrapper{background:#fff3;color:#fff}.about-card-highlight .about-card-title{color:#fff}.about-card-highlight .about-card-body{color:#fffffff2}.highlight-text{font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.highlight-email{display:inline-block;background:#fff;color:var(--color-nature-green-dark);padding:var(--spacing-2) var(--spacing-6);border-radius:60px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-md);transition:all .2s ease;margin-bottom:var(--spacing-4)}.highlight-email:hover{background:var(--color-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.highlight-social{display:flex;justify-content:center;gap:var(--spacing-4)}.highlight-social a{color:#fff;text-decoration:none;font-size:var(--font-size-sm);opacity:.9;transition:opacity .2s,border-bottom .2s;border-bottom:1px solid transparent;padding-bottom:2px}.highlight-social a:hover{opacity:1;border-bottom-color:#fff}.about-mission{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);max-width:1200px;margin:0 auto}@media(min-width:768px){.about-mission{grid-template-columns:repeat(2,1fr)}}.mission-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-8) var(--spacing-6);text-align:center;box-shadow:var(--shadow-md);transition:all .2s}.mission-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-nature-bright)}.mission-icon{color:var(--color-nature-terracotta);margin-bottom:var(--spacing-4)}.mission-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-nature-green-dark);margin-bottom:var(--spacing-2)}.mission-card p{color:var(--color-gray-600);line-height:1.7;font-size:var(--font-size-base);text-align:left}@media(max-width:640px){.about-hero-title{font-size:var(--font-size-3xl)}.about-stats{flex-direction:column;gap:var(--spacing-2)}.stat-item{min-width:auto}}.versions-container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,sans-serif;color:#1e2a3a;background-color:#fff}.versions-header{margin-bottom:3rem;text-align:center}.versions-header h1{font-size:2.8rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;color:#0f172a}.subtitle{font-size:1rem;color:#5b6e8c;font-weight:400}.divider{width:70px;height:2px;background:#2d5a3f;margin:1.5rem auto 0}.timeline{position:relative;margin-bottom:3rem}.timeline-item{display:flex;margin-bottom:2rem}.timeline-marker{position:relative;width:50px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.marker-dot{width:16px;height:16px;background:#2d5a3f;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #2d5a3f;z-index:2}.marker-line{width:2px;background:#cbd5e1;flex:1;min-height:70px;margin-top:8px}.timeline-content{flex:1;padding-bottom:.5rem}.version-entry{display:flex;gap:2rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:box-shadow .2s,transform .1s;box-shadow:0 8px 20px #0000000f}.version-entry:hover{box-shadow:0 16px 28px -12px #0000001f;transform:translateY(-2px);border-color:#cbd5e1}.version-badge{font-weight:700;font-size:1.2rem;background:#e6f4ea;color:#1e5a3a;display:inline-block;padding:.3rem 1rem;border-radius:40px;letter-spacing:-.01em;border:1px solid #bdd9c6}.version-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#4b5563;margin-top:.7rem;background:#f9fafb;padding:.2rem .8rem;border-radius:30px;width:fit-content}.version-body{flex:1}.version-description{list-style:none;padding:0;margin:0 0 1.5rem}.version-description li{margin-bottom:.7rem;font-size:.95rem;line-height:1.5;color:#1f2937;padding-left:1.5rem;position:relative}.version-description li:before{content:"▹";position:absolute;left:0;color:#2d5a3f;font-weight:600}.version-article{background:#f8fafc;border-radius:1rem;padding:1.2rem;border:1px solid #e2e8f0;margin-top:.5rem}.article-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.article-header strong{font-size:.9rem;color:#1e293b}.article-info{margin-bottom:1rem}.article-title{font-weight:600;font-size:1rem;color:#0f172a;display:block;margin-bottom:.25rem}.article-meta-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem;margin-top:.3rem}.article-journal{font-size:.85rem;font-style:italic;color:#475569}.article-doi{font-family:monospace;font-size:.8rem;color:#5b6e8c;background:#eef2ff;padding:.2rem .5rem;border-radius:20px;display:inline-block}.article-link-wrapper{display:flex;justify-content:center;margin-top:1rem}.article-link{display:inline-flex;align-items:center;gap:.6rem;background-color:#2d5a3f;color:#fff;padding:.7rem 2rem;border-radius:2rem;font-weight:600;font-size:.9rem;text-decoration:none;transition:background-color .2s,transform .1s,box-shadow .2s;border:none;cursor:pointer;box-shadow:0 2px 6px #0000001a}.article-link:hover{background-color:#1a4d2f;transform:translateY(-1px);box-shadow:0 6px 12px #0000001f}.article-link:active{transform:translateY(1px)}.additional-publications{margin-top:3rem;padding-top:2rem;border-top:2px solid #e2e8f0}.additional-publications h2{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:1rem;letter-spacing:-.3px}.pub-item{background:#f9fafb;border-left:4px solid #2d5a3f;padding:.8rem 1rem;margin-bottom:.8rem;border-radius:.5rem}.pub-item a{font-weight:500;color:#1e3a8a;text-decoration:none;font-size:.95rem}.pub-item a:hover{text-decoration:underline}.pub-detail{display:block;font-size:.8rem;color:#6b7280;margin-top:.25rem}@media(max-width:750px){.versions-container{padding:2rem 1rem}.timeline-item{flex-direction:column}.timeline-marker{width:100%;flex-direction:row;justify-content:center;gap:.5rem;margin-bottom:.5rem}.marker-line{display:none}.version-entry{flex-direction:column;gap:1rem;padding:1rem}.version-meta{display:flex;align-items:center;gap:1rem}.article-link{padding:.5rem 1.5rem;font-size:.85rem}}.download-page{background:linear-gradient(135deg,#f9fafb,#fff);min-height:100vh;padding:2rem 0}.download-hero{text-align:center;margin-bottom:2rem}.download-hero h1{font-size:2.5rem;color:#1e2a3a}.download-card{max-width:600px;margin:0 auto;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #0000000d}.registration-form .form-group{margin-bottom:1.2rem}.registration-form label{display:block;font-weight:500;margin-bottom:.3rem}.registration-form input,.registration-form textarea{width:100%;padding:.6rem;border:1px solid #cbd5e1;border-radius:.5rem}.success-download{text-align:center}:root{--primary-dark: #2563eb;--primary: #3b82f6;--secondary: #1e40af;--green: #16a34a;--green-dark: #15803d;--red: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius-card: 18px;--shadow-sm: 0 2px 6px rgba(0,0,0,.04), 0 8px 20px rgba(0,0,0,.03);--shadow-md: 0 4px 12px rgba(0,0,0,.05), 0 16px 30px rgba(0,0,0,.06);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, sans-serif}.statistics-page{background:#f8fafc;min-height:100vh;padding:2rem 0;font-family:var(--font-sans)}.statistics-page .container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-title{font-size:2rem;font-weight:600;color:var(--gray-900);margin-bottom:2rem;letter-spacing:-.02em;border-left:4px solid var(--green);padding-left:1rem}.stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:18px;box-shadow:0 2px 8px #00000008;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-value{font-size:2rem;font-weight:700;color:var(--green-dark);line-height:1.2}.stat-label{font-size:.85rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em;margin-top:.5rem}.stats-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1.5rem;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem}.tab-btn{background:transparent;border:none;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s;border-radius:2rem}.tab-btn:hover{background-color:var(--gray-100);color:var(--gray-800)}.tab-btn.active{background-color:var(--green);color:#fff;box-shadow:0 2px 6px #0000001a}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem;margin-top:1rem}.chart-card{background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000a,0 8px 20px #00000008;padding:1.75rem;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.chart-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000000d,0 16px 30px #0000000f}.chart-card.wide{grid-column:span 2}.chart-card h3{font-size:1rem;font-weight:600;color:#1f2937;letter-spacing:-.01em;margin-bottom:1rem;border-bottom:none;padding-bottom:0}.table-responsive{overflow-x:auto;margin:1rem 0;-webkit-overflow-scrolling:touch}.stats-table{width:100%;border-collapse:collapse;font-family:Source Code Pro,Consolas,monospace;font-size:.85rem;min-width:600px}.stats-table th,.stats-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--gray-200)}.stats-table th{background:#f8fafc;color:#1f2937;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.stats-table tr:hover td{background:#ecfdf5}.info-message{text-align:center;padding:2rem;color:var(--gray-500);font-style:italic;background:var(--gray-50);border-radius:var(--border-radius-card)}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}}@media(max-width:768px){.statistics-page .container{padding:0 1rem}.page-title{font-size:1.5rem;margin-bottom:1.5rem}.stats-summary-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.stats-tabs{flex-wrap:nowrap;overflow-x:auto;gap:.25rem;padding-bottom:.25rem}.tab-btn{white-space:nowrap;padding:.5rem 1rem;font-size:.8rem}.chart-card{padding:1rem}.chart-card h3{font-size:.9rem}}@media(max-width:480px){.statistics-page{padding:1rem 0}.page-title{font-size:1.3rem;border-left-width:3px;padding-left:.75rem}.stats-summary-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.tab-btn{padding:.4rem .8rem;font-size:.75rem}.chart-card{padding:.8rem;border-radius:14px}.stats-table th,.stats-table td{padding:.4rem .5rem;font-size:.7rem}.info-message{padding:1rem;font-size:.8rem}}:root{--color-nature-green-dark: #1B4D3E;--color-nature-green: #2E7D5E;--color-nature-teal: #1B5E7A;--color-nature-bright: #3CB371;--color-nature-terracotta: #C44536;--color-nature-cream: #F8F5F0;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-primary: var(--color-green-600);--color-primary-light: var(--color-green-500);--color-primary-dark: var(--color-green-700);--color-background: #ffffff;--color-surface: #ffffff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-gray-50);color:var(--color-text-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media(min-width:640px){.container{padding:0 var(--spacing-6)}}@media(min-width:1024px){.container{padding:0 var(--spacing-8)}}.flex{display:flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}}.m-0{margin:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-black{color:#000}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--color-primary)}.text-primary-light{color:var(--color-primary-light)}.text-primary-dark{color:var(--color-primary-dark)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-0{border-width:0}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary{border-color:var(--color-primary)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-shadow{transition-property:box-shadow}.transition-transform{transition-property:transform}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.w-full{width:100%}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-weight:500;border-radius:var(--border-radius-lg);transition:all .2s;cursor:pointer;border:none;font-size:var(--font-size-sm)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-xs);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-light)}.hero{text-align:center;padding:var(--spacing-16) 0;background:linear-gradient(135deg,var(--color-green-50) 0%,white 100%);border-radius:0 0 var(--border-radius-2xl) var(--border-radius-2xl)}.hero h1{font-size:var(--font-size-4xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-4)}.hero p{font-size:var(--font-size-xl);color:var(--color-gray-600);max-width:48rem;margin:0 auto var(--spacing-8)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);margin:var(--spacing-8) 0}.stat-card{background-color:#fff;padding:var(--spacing-6);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);text-align:center;border:1px solid var(--color-border);transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--color-gray-600);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-top:var(--spacing-2)}.product-card{background-color:#fff;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xs);transition:all .2s ease;height:100%;display:flex;flex-direction:column;border:1px solid var(--color-border)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-light)}.product-card-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.product-card-title{font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-1);font-size:var(--font-size-lg)}.product-card-id{color:var(--color-gray-500);font-size:var(--font-size-xs);font-family:monospace}.product-card-body{padding:var(--spacing-4);flex:1}.product-card-property{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.product-card-property-label{color:var(--color-gray-500)}.product-card-property-value{color:var(--color-gray-900);font-weight:500}.product-card-bioactivity{margin-top:var(--spacing-2);padding:var(--spacing-2);background-color:var(--color-green-50);border-radius:var(--border-radius-md);color:var(--color-green-800);font-size:var(--font-size-xs);line-height:1.4}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-8)}.pagination-button{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);transition:all .2s;min-width:2.5rem;background-color:#fff;border:1px solid var(--color-border);color:var(--color-gray-700)}.pagination-button:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.pagination-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.filters-container{background-color:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--spacing-8)}.filters-header{padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-gray-900)}.filters-body{padding:var(--spacing-6)}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media(max-width:768px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.filters-grid{grid-template-columns:1fr}}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.filter-group input,.filter-group select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);transition:border-color .2s,box-shadow .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2)}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary)}.filters-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-6)}.table-container{overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.table{width:100%;background-color:#fff;border-collapse:collapse}.table th{background-color:var(--color-gray-50);padding:var(--spacing-3) var(--spacing-4);text-align:left;font-weight:600;color:var(--color-gray-700);border-bottom:1px solid var(--color-border)}.table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--color-gray-50)}.about-section{max-width:48rem;margin:0 auto;background-color:#fff;padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md)}.about-section p{margin-bottom:var(--spacing-4);color:var(--color-gray-700);line-height:1.7}.about-section h2{margin-top:var(--spacing-8);margin-bottom:var(--spacing-4)}