:root{color:#222;background:#f7f4ff;font-family:Inter,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.center{place-items:center;min-height:100vh;padding:20px;display:grid}.shell{max-width:720px;margin:auto;padding:20px}.card{background:#fff;border-radius:24px;margin:18px 0;padding:24px;box-shadow:0 8px 30px #32145a14}.login{text-align:center;width:100%;max-width:440px}.logo,.heroIcon{font-size:64px}h1{color:#6333a5;margin:8px 0;font-size:34px}.lead{font-size:20px}label{text-align:left;margin:16px 0 7px;font-weight:700;display:block}input,select{border:2px solid #ddd;border-radius:14px;width:100%;padding:14px;font-size:16px}.primary,.secondary{cursor:pointer;border:0;border-radius:14px;padding:13px 18px;font-size:16px;font-weight:800}.primary{color:#fff;background:#6333a5;width:100%;margin-top:14px}.secondary{margin-top:18px}.demo,.hint{color:#777;margin-top:18px;font-size:14px}header{justify-content:space-between;align-items:center;padding:8px 4px;display:flex}header strong{font-size:21px}header button,.link{color:#6333a5;cursor:pointer;background:0 0;border:0;font-weight:800}.profile{text-align:center}.bigAvatar{cursor:pointer;background:#f2ebff;border:0;border-radius:50%;width:130px;height:130px;font-size:78px}.progress{background:#eee;border-radius:20px;height:14px;overflow:hidden}.progress i{background:#6333a5;height:100%;display:block}.next{border:2px solid #e7d8ff}.next>span{color:#6333a5;font-size:12px;font-weight:900}.event{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #eee;grid-template-columns:48px 1fr 20px;align-items:center;width:100%;padding:16px 4px;font-size:18px;display:grid}.event small{color:#777;margin-top:4px;display:block}.eventIcon{font-size:27px}.avatarGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.avatarChoice{cursor:pointer;background:#f5f1fa;border:3px solid #0000;border-radius:18px;padding:14px;font-size:48px}.avatarChoice.chosen{border-color:#6333a5}.attendance{margin-top:20px}.person{border-top:1px solid #eee;grid-template-columns:50px 1fr 40px;align-items:center;margin:0;padding:10px 0;display:grid}.person input{width:24px;height:24px}.avatarSmall{font-size:30px}.download{color:#4e2487;background:#f5f1fa;border-radius:12px;margin:8px 0;padding:13px;font-weight:700;text-decoration:none;display:block}h2 small{color:#888;font-size:14px;font-weight:400}@media (width<=520px){.shell{padding:12px}.card{border-radius:18px;padding:18px}.avatarGrid{grid-template-columns:repeat(3,1fr)}}.addParticipant{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.primary.compact{white-space:nowrap;width:auto;margin:0}.participantList{margin-top:20px}.participantRow{border-top:1px solid #eee;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.participantRow small{color:#777;margin-top:4px;display:block}.participantRow code{color:#4e2487;background:#f5f1fa;border-radius:7px;padding:3px 7px;font-weight:800}.rowActions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.rowActions button{cursor:pointer;border:0;border-radius:9px;padding:8px 10px;font-weight:700}.rowActions .danger{color:#9b1c1c;background:#fff0f0}@media (width<=620px){.addParticipant{grid-template-columns:1fr}.primary.compact{width:100%}.participantRow{grid-template-columns:44px 1fr}.rowActions{grid-column:2;justify-content:flex-start}}textarea{width:100%;min-height:100px;font:inherit;resize:vertical;border:2px solid #ddd;border-radius:14px;padding:14px}.profileTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.profileTitle h2{margin:0}.profileForm label:first-child{margin-top:20px}.profileActions{align-items:center;gap:10px;margin-top:16px;display:flex}.secondary.compact{width:auto;margin:0}.profileDetails{margin-top:18px}.profileDetails>div{border-top:1px solid #eee;padding:12px 0}.profileDetails span{color:#6333a5;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:800;display:block}.profileDetails strong,.profileDetails p{white-space:pre-wrap;margin:5px 0 0;display:block}.profileDetails strong{font-size:18px}@media (width<=520px){.profileActions{flex-direction:column;align-items:stretch}.primary.compact,.secondary.compact{width:100%}}.codeOverview{margin:1rem 0 1.5rem;overflow-x:auto}.codeTable{border-collapse:collapse;width:100%}.codeTable th,.codeTable td{text-align:left;vertical-align:middle;border-bottom:1px solid #7f7f7f40;padding:.7rem .6rem}.codeTable th{font-size:.85rem}.codeTable code{white-space:nowrap;font-size:1rem;font-weight:700}@media (width<=640px){.codeTable th:nth-child(3),.codeTable td:nth-child(3){display:none}}.campGirlsGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1rem;display:grid}.campGirlCard{text-align:center;background:#ffffff59;border:1px solid #7f7f7f38;border-radius:16px;padding:1rem}.campGirlAvatar{font-size:3rem;line-height:1.2}.campGirlCard h3{margin:.45rem 0 .15rem}.campGirlYear{opacity:.72;margin:.1rem 0 .8rem;font-size:.9rem}.campGirlFact{text-align:left;background:#7f7f7f14;border-radius:12px;margin-top:.7rem;padding:.7rem}.campGirlFact p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0 0}.materialUpload{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.adminMaterials{gap:.65rem;margin-top:.75rem;display:grid}.materialRow{border:1px solid #7f7f7f38;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.materialRow>span{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.materialRow small{opacity:.65}.studentMaterials{gap:.65rem;display:grid}.materialButton{text-align:left;cursor:pointer;width:100%;font:inherit;border:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.materialButton span{opacity:.7;white-space:nowrap;font-size:.85rem}@media (width<=640px){.materialRow{flex-direction:column;align-items:flex-start}}