.achievements-wrapper{box-sizing:border-box;background-color:#fafafa;width:100%;max-width:100vw;margin:0 auto;padding:4rem 2rem;font-family:Inter,Outfit,sans-serif}.achievements-wrapper *{box-sizing:border-box}.achievements-header{text-align:center;margin-bottom:4rem;padding:0 1rem}.achievements-header h2{color:#0f172a;letter-spacing:-.03em;word-break:break-word;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.achievements-header p{color:#64748b;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.achievements-controls{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.category-filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:2rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s}.filter-btn:hover,.filter-btn:focus-visible{color:#0f172a;background:#e2e8f0;outline:none}.filter-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.view-toggle{background:#f1f5f9;border-radius:.5rem;gap:.2rem;padding:.3rem;display:flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.toggle-btn:hover,.toggle-btn:focus-visible{color:#0f172a;outline:none}.toggle-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.toggle-btn svg{width:1.2rem;height:1.2rem}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:2rem;display:grid}.achievement-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.achievement-image-wrapper{aspect-ratio:16/10;border-bottom:1px solid #f1f5f9;width:100%;position:relative}.achievement-image{object-fit:cover;width:100%;height:100%}.achievement-level-badge{color:#1e40af;text-transform:uppercase;letter-spacing:.05em;background:#fffffff2;border-radius:2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #00000014}.achievement-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.achievement-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.achievement-category{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;background:#eff6ff;border-radius:.5rem;padding:.3rem .6rem;font-size:.75rem;font-weight:700}.achievement-date{color:#64748b;font-size:.8rem;font-weight:500}.achievement-title{color:#0f172a;margin-bottom:.8rem;font-size:1.25rem;font-weight:700;line-height:1.4}.achievement-description{color:#475569;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.achievement-footer{border-top:1px solid #f1f5f9;align-items:center;padding-top:1.2rem;display:flex}.student-info{align-items:center;display:flex}.student-avatar{color:#1e40af;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;margin-right:.8rem;font-size:.9rem;font-weight:700;display:flex}.student-name{color:#1e293b;font-size:.9rem;font-weight:600}.achievements-list{flex-direction:column;gap:1.5rem;display:flex}.achievement-row{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:auto 2fr 1fr 1fr 1.5fr;align-items:center;gap:1.5rem;padding:1.2rem;display:grid;box-shadow:0 4px 6px -1px #0000000d}.row-img-wrapper{border-radius:.5rem;width:5rem;height:5rem;position:relative;overflow:hidden}.row-img{object-fit:cover;width:100%;height:100%}.row-title-desc{flex-direction:column;gap:.3rem;min-width:0;display:flex}.row-title-desc h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.row-title-desc p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.row-meta{flex-direction:column;gap:.4rem;display:flex}.row-meta .category{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:.4rem;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.row-meta .date{color:#64748b;font-size:.85rem}.row-level{color:#1e293b;font-size:.9rem;font-weight:600}@media (max-width:992px){.achievement-row{grid-template-columns:auto 1.5fr 1fr;gap:1rem}.row-meta .date,.row-level{display:none}.row-title-desc h4,.row-title-desc p{white-space:normal}}@media (max-width:768px){.achievements-wrapper{padding:2.5rem 1rem}.achievements-controls{border-radius:1rem;flex-direction:column;align-items:stretch;padding:1.2rem}.category-filters{justify-content:center}.view-toggle{display:none}.achievements-grid{gap:1.5rem}.achievement-row{flex-direction:column;align-items:flex-start;padding:1.5rem;display:flex}.row-img-wrapper{aspect-ratio:16/9;width:100%;height:auto;margin-bottom:.5rem}.row-title-desc p{white-space:normal}}.animate-in{opacity:1}