.experiment-card{background-color:#1e2a38;color:#ffffff;border-radius:12px;padding:1rem;margin:1rem 0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #2e3b4e}.experiment-card:hover{transform:scale(1.02);box-shadow:0 0 12px rgba(100,150,255,.2)}.card-link{text-decoration:none;color:inherit}.experiment-summary{margin:.5rem 0;color:#c0c9d6}.experiment-date{font-size:.9rem;color:#8899aa}.experiment-conductedBy{font-size:.95rem;margin:.3rem 0;color:#a0b8d0}.view-detail-container{margin-top:.8rem;display:flex;justify-content:flex-end}.view-detail-btn{background-color:#3c6fff;color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.view-detail-btn:hover{background-color:#2f5ce3}.add-new-card{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#94a3b8;font-size:1.2rem;border-style:dashed}.add-icon{margin-bottom:10px;color:#38bdf8;transition:transform .2s ease}.add-new-card:hover .add-icon{transform:scale(1.3);color:#0ea5e9}.experiment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;padding:20px}.experiment-container{display:flex;flex-direction:column;gap:1rem;padding:2.5rem;background-color:#0b1c36;min-height:100vh;color:#ffffff;margin:0 2.5rem}.search-filter-bar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;background-color:#132743;padding:1rem;border-radius:10px;box-shadow:0 0 8px rgba(255,255,255,.05);margin-left:2.5rem;margin-right:2.5rem}.search-filter-bar input,.search-filter-bar select{padding:.6rem 1rem;border-radius:8px;border:none;font-size:1rem;background-color:#1f3a60;color:#ffffff;transition:background-color .3s ease}.search-filter-bar input::placeholder{color:#a8b4cc}.search-filter-bar input:focus,.search-filter-bar select:focus{outline:none;background-color:#27466e}.search-filter-bar select{max-width:200px}@media screen and (min-width:600px){.search-filter-bar{flex-direction:row;justify-content:space-between;align-items:center}.search-filter-bar input{flex:2 1;margin-right:1rem}.search-filter-bar select{flex:0.5 1}}