*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#1a1a1a}html{font-size:95%}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--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:8px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}h2{font-size:1.875rem;line-height:1.3;margin-bottom:.75rem}h2,h3{font-weight:600}h3{font-size:1.5rem;line-height:1.4;margin-bottom:.5rem}p{line-height:1.6;color:var(--gray-600)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--border-radius);transition:all .2s ease}.btn{padding:.75rem 1.5rem;font-weight:500;font-size:1rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover{background-color:var(--gray-300)}.card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.lab-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border-radius:var(--border-radius);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:all .3s ease}.lab-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary)}.lab-card-image{width:100%;height:180px;object-fit:contain;object-position:center;background-color:#0b1220;border-bottom:1px solid var(--gray-200)}.lab-card-content{padding:1.25rem;flex:1 1;display:flex;flex-direction:column}.lab-card-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.lab-card-desc{font-size:.95rem;color:var(--gray-600);margin-bottom:1rem;flex:1 1}.lab-card-button{align-self:flex-start;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .2s ease}.lab-card-button:hover{background-color:var(--primary-dark)}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:768px){.grid-3{grid-template-columns:1fr}h1{font-size:2rem}}.sidebar{position:fixed;left:0;top:0;width:330px;height:100vh;background:#fff;border-right:1px solid var(--gray-200);overflow-y:auto;padding:1.5rem;z-index:100}.main-content{margin-left:330px;padding:2rem}@media (max-width:1024px){.sidebar{width:280px}.main-content{margin-left:280px}}@media (max-width:768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--gray-200)}.main-content{margin-left:0;padding:1.5rem}}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-group{margin-bottom:1.5rem}input[type=range]{width:100%;padding:0;border:none}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.metric-tile{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm)}.metric-label{font-size:.875rem;color:var(--gray-600);margin-bottom:.5rem;font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:var(--primary)}.figure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.figure-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow-sm)}.figure-container img{width:100%;height:auto}.divider{height:1px;background-color:var(--gray-200);margin:2rem 0}.info-box{background-color:#eff6ff;border-left:4px solid var(--primary);padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.info-box p{color:var(--gray-800);margin:0}.expander{border:1px solid var(--gray-300);border-radius:var(--border-radius);margin-bottom:1rem;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.expander-header{background:var(--gray-50);padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;transition:background-color .2s ease}.expander-header:hover{background:var(--gray-100)}.expander-content{padding:1rem;border-top:1px solid var(--gray-200)}.expander-content ol,.expander-content ul,.info-box ol,.info-box ul{padding-left:1.25rem;margin:.5rem 0}.expander-content li,.info-box li{margin:.25rem 0}.expander-content.hidden{display:none}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}