:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15251d;background:#f5f7f5;--green:#12633f;--green-dark:#0b432b;--green-soft:#eaf5ee;--line:#dfe7e2;--muted:#68766e;--shadow:0 8px 26px rgba(25,62,42,.06)}
*{box-sizing:border-box}body{margin:0;background:#f5f7f5}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:13px;font-weight:800}.brandMark{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--green);color:white;font-size:10px}.topActions{display:flex;align-items:center;gap:3px}.textButton{border:0;background:transparent;color:var(--green-dark);padding:7px 8px;font-size:12px;font-weight:750}.signedIn{font-size:11px;color:var(--muted);margin-right:6px}
.page{width:min(760px,calc(100% - 24px));margin:18px auto 60px}.profileHero{overflow:hidden;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:12px}.coverStage{position:relative;height:215px;background:linear-gradient(135deg,#0b432b,#168253 62%,#25a76a);overflow:hidden}.coverShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}.coverPattern{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;color:rgba(255,255,255,.15);font:54px Georgia,serif;transform:rotate(-6deg)}.profileBar{display:flex;gap:14px;padding:0 18px 16px}.profileAvatar{width:96px;height:96px;margin-top:-34px;z-index:2;border-radius:50%;background:#dfe9e2;border:4px solid white;box-shadow:0 5px 18px rgba(0,0,0,.15);display:grid;place-items:center;font-size:25px;font-weight:900;color:var(--green-dark)}.profileCopy{padding-top:9px}.profileCopy h1{margin:0;font-size:24px;letter-spacing:-.03em}.profileCopy h2{margin:2px 0;font-size:13px;color:#34443a}.tagline{margin:4px 0 2px;color:var(--green);font-weight:800;font-size:12px}.bio{margin:2px 0;color:#59675f;font-size:12px;line-height:1.45}
.contentGrid{display:grid;grid-template-columns:155px minmax(0,1fr);gap:10px;align-items:start}.sidebar{position:sticky;top:60px;display:grid;gap:8px}.sideCard,.composer,.feedToolbar,.post,.batchCard,.learningPanel,.emptyCard,.studentCard{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 18px rgba(25,62,42,.035)}.sideCard{padding:10px}.sideCard h3{font-size:12px;margin:0 0 7px}.sideCard p{font-size:11px;line-height:1.45;margin:0}.muted{color:var(--muted)}.sideNav{display:grid;gap:2px}.sideNav button{border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:7px;font-size:11px;color:#36463d}.sideNav button.active,.sideNav button:hover{background:var(--green-soft);color:var(--green-dark);font-weight:800}
.feedColumn{min-width:0}.composer{padding:10px;margin-bottom:8px}.composerHeader{display:flex;gap:8px;align-items:center;margin-bottom:8px}.miniAvatar{width:30px;height:30px;border-radius:50%;background:#e5ece7;display:grid;place-items:center;font-size:10px;font-weight:900;color:var(--green-dark)}.composerHeader strong{font-size:11px}.composerTabs{display:flex;gap:4px;margin-top:4px}.composerTab{border:1px solid var(--line);border-radius:999px;background:#fff;padding:4px 7px;font-size:9px;font-weight:800}.composerTab.active{background:var(--green);color:#fff;border-color:var(--green)}.stack{display:grid;gap:6px}.composerOptions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.composerOptions label{font-size:9px;font-weight:700;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #cfdad3;border-radius:7px;padding:7px 8px;background:#fff;color:inherit;outline:none;font-size:11px}textarea{min-height:72px;resize:vertical}.primaryButton,.secondaryButton{border:0;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800}.primaryButton{background:var(--green);color:#fff}.secondaryButton{background:var(--green-soft);color:var(--green-dark)}
.feedToolbar{display:flex;justify-content:space-between;align-items:end;gap:8px;padding:9px 10px;margin-bottom:7px}.feedToolbar h2{font-size:16px;margin:0}.feedToolbar label{font-size:9px;color:var(--muted)}.feedToolbar select{min-width:120px}.eyebrow{display:block;margin:0 0 2px;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:900;color:var(--green)}.timeline{display:grid;gap:7px}.post{padding:10px}.postMeta{display:flex;align-items:center;gap:7px}.postMeta strong,.postMeta small{display:block}.postMeta strong{font-size:10px}.postMeta small{font-size:8px;color:var(--muted);margin-top:1px}.post h3{margin:8px 0 4px;font-size:14px}.postBody{font-size:11px;line-height:1.5;white-space:pre-wrap}.postActions{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:8px;padding-top:7px;font-size:9px;color:var(--muted)}
.classHeading{margin-top:10px}.batchList{display:grid;gap:7px}.batchCard{padding:10px}.batchCard h3{font-size:13px;margin:5px 0 4px}.batchCard p{font-size:10px;line-height:1.45;color:#59675f;margin:0}.batchFacts{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:7px;font-size:9px;color:var(--muted)}.pill{display:inline-flex;padding:3px 6px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:8px;font-weight:800;text-transform:capitalize}
.learningPanel{padding:10px;margin-bottom:8px}.panelTitle h2{font-size:16px;margin:0}.learningClasses{display:grid;gap:6px;margin-top:8px}.learningClass{padding:8px;border-radius:8px;background:#f5f8f5}.learningClass strong,.learningClass small{display:block}.learningClass strong{font-size:11px}.learningClass small{font-size:9px;color:var(--muted);margin-top:2px}.materialList{display:grid;gap:6px}.materialList>div{padding:8px;border:1px solid var(--line);border-radius:8px}.materialList strong,.materialList small{display:block}.materialList strong{font-size:10px}.materialList small{font-size:9px;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:50;background:rgba(18,28,24,.52);display:grid;place-items:center;padding:20px}.modalCard{position:relative;background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.22);padding:22px;width:min(520px,100%);max-height:86vh;overflow:auto}.compactModal{width:min(390px,100%)}.wideModal{width:min(680px,100%)}.modalCard h2{margin:4px 0 8px}.modalClose{position:absolute;right:12px;top:10px;width:28px;height:28px;border:0;border-radius:50%;background:#f1f3f1;font-size:18px}.welcomeMonogram{width:46px;height:46px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900}.status{font-size:11px;color:var(--muted)}.studentCard{padding:12px;margin-top:8px}.studentIdentity{display:flex;gap:8px;align-items:center}.studentIdentity strong,.studentIdentity small{display:block}.studentIdentity strong{font-size:11px}.studentIdentity small{font-size:9px;color:var(--muted)}.permissionGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0}.checkRow{display:flex;gap:5px;align-items:center;font-size:9px}.checkRow input{width:auto}.emptyCard{padding:14px;font-size:10px;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;z-index:80;background:#14251c;color:#fff;border-radius:8px;padding:8px 10px;font-size:10px;opacity:0;transform:translateY(6px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:680px){.page{width:min(100% - 12px,760px);margin-top:8px}.topbar{padding:0 8px}.signedIn{display:none!important}.contentGrid{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}.coverStage{height:170px}.profileBar{padding:0 12px 12px}.profileAvatar{width:76px;height:76px;margin-top:-28px}.profileCopy h1{font-size:20px}.composerOptions{grid-template-columns:1fr}.permissionGrid{grid-template-columns:1fr}}
.batchTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.manageBatch{padding:4px 7px;font-size:9px}.publicMaterial{background:#fff}.publicMaterial p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#59675f}.publicMaterial a{display:inline-block;margin-top:6px;font-size:9px;font-weight:800;color:var(--green-dark);text-decoration:none}.modalForm{display:grid;gap:9px;margin-top:12px}.modalForm label{display:grid;gap:4px;font-size:10px;font-weight:750;color:#45554c}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modalForm textarea{min-height:unset}.modalForm .primaryButton{justify-self:start;padding:9px 13px}.composerTabs{flex-wrap:wrap}
@media(max-width:680px){.twoCol{grid-template-columns:1fr}.modalCard{padding:18px}.topActions{max-width:68vw;overflow:auto}.textButton{white-space:nowrap}}
.enquiryCard{border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:8px;background:#fff}.enquiryHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.enquiryHead strong,.enquiryHead small{display:block}.enquiryHead strong{font-size:11px}.enquiryHead small{font-size:8px;color:var(--muted);margin-top:2px}.enquiryCard p{font-size:10px;line-height:1.45;color:#59675f;margin:7px 0}.enquiryContact{font-weight:750;color:#34443a!important}.enquiryActions{display:flex;gap:7px;align-items:center;margin-top:9px}.enquiryActions select{max-width:150px}
@media(max-width:680px){.enquiryActions{align-items:stretch;flex-direction:column}.enquiryActions select{max-width:none}}

.profileActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.profileActions .primaryButton,.profileActions .secondaryButton{padding:8px 11px}.navBadge{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;margin-left:3px;border-radius:999px;background:#b42318;color:#fff;font-size:8px;font-weight:900}
.messagesModalCard{width:min(820px,100%);padding:18px}.messagesHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-right:32px}.messagesHeader h2{margin:2px 0 3px}.privacyPill{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:8px;font-weight:850}.messageContext{margin:10px 0 0;padding:7px 9px;border:1px solid #d8e8dd;border-radius:8px;background:#f6fbf8;color:#375645;font-size:9px;font-weight:750}.messagesGrid{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:480px;margin-top:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.messagesGrid.singleChat{grid-template-columns:1fr}.conversationListPane{border-right:1px solid var(--line);padding:10px;background:#fafcfb;overflow:auto}.conversationListPane h3{font-size:10px;margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.conversationList{display:grid;gap:5px}.conversationCard{width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;padding:8px;color:inherit}.conversationCard:hover,.conversationCard.active{border-color:#d7e6dc;background:#fff}.conversationTop{display:flex;justify-content:space-between;gap:7px;align-items:center}.conversationName{font-size:10px;font-weight:850}.conversationPreview{margin-top:3px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversationContext{margin-top:3px;font-size:8px;color:var(--green);font-weight:750}.unreadDot{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--green);color:#fff;font-size:8px;font-weight:900}.chatPane{min-width:0;display:flex;flex-direction:column}.chatTitle{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:11px 12px;border-bottom:1px solid var(--line)}.chatTitle h3{margin:0;font-size:13px}.chatTitle p{margin:2px 0 0;font-size:9px}.conversationOwnerActions{display:flex;gap:5px;align-items:center}.conversationOwnerActions select{width:auto;min-width:100px;padding:5px 7px;font-size:9px}.conversationOwnerActions .secondaryButton{padding:6px 8px}.messageThread{height:330px;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:7px;background:#fbfcfb}.messageBubble{max-width:78%;padding:8px 9px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:10px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.messageBubble.mine{align-self:flex-end;background:var(--green);border-color:var(--green);color:#fff}.messageBubble.theirs{align-self:flex-start}.messageMeta{margin-top:4px;font-size:8px;opacity:.68}.messageContextPill{display:inline-flex;margin-bottom:5px;padding:3px 6px;border-radius:999px;background:#eef6f1;color:#315b43;font-size:8px;font-weight:800}.messageBubble.mine .messageContextPill{background:rgba(255,255,255,.16);color:#fff}.messageComposer{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 12px;border-top:1px solid var(--line);background:#fff}.messageComposer textarea{min-height:54px;max-height:110px}.messageComposer .primaryButton{align-self:end;height:34px}.messageWelcome{margin:auto;text-align:center;max-width:330px;padding:30px 12px;color:var(--muted)}.messageWelcome strong{display:block;color:#31463a;font-size:11px}.messageWelcome p{font-size:9px;line-height:1.5}.chatEmpty{margin:auto;padding:28px;text-align:center}.chatEmpty strong{font-size:12px}.chatEmpty p{font-size:9px}.batchActions{display:flex;gap:5px;align-items:center}
@media(max-width:680px){.profileActions{margin-top:8px}.messagesModalCard{padding:12px}.messagesGrid{grid-template-columns:1fr;min-height:0}.conversationListPane{border-right:0;border-bottom:1px solid var(--line);max-height:180px}.messageThread{height:350px}.chatTitle{flex-direction:column}.conversationOwnerActions{width:100%}.conversationOwnerActions select{flex:1}.messageComposer{grid-template-columns:1fr}.messageComposer .primaryButton{justify-self:end}.messagesHeader{padding-right:26px}.messageBubble{max-width:88%}}

.richComposerTools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.richField{display:grid;gap:3px;font-size:9px;font-weight:750;color:var(--muted)}.uploadChip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;border:1px dashed #b9cfc0;border-radius:8px;padding:8px 10px;background:#f7fbf8;color:var(--green-dark);font-size:10px;font-weight:850;cursor:pointer}.uploadChip input{display:none}.uploadChip span{font-size:8px;color:var(--muted);font-weight:750}.composerPhotoPreview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.composerPhotoThumb{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#edf2ee;border:1px solid var(--line)}.composerPhotoThumb img{width:100%;height:100%;object-fit:cover}.removeSelectedPhoto,.removePostMedia{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(16,31,23,.78);color:#fff;font-size:14px;line-height:1}.consentRow{display:flex;align-items:flex-start;gap:7px;padding:7px 9px;border-radius:8px;background:#f6f8f6;color:#46564d;font-size:9px;line-height:1.4}.consentRow input{width:auto;margin-top:1px}
.richPost{overflow:hidden}.richPost.kind-achievement{border-color:#d9cfaa;background:linear-gradient(180deg,#fffdf7,#fff)}.richPost.kind-announcement{border-left:3px solid var(--green)}.postMetaCopy{min-width:0;flex:1}.postMetaBadges{margin-left:auto;display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.postKind,.postPinned{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:850}.postKind{background:#f1f5f2;color:#526158}.postPinned{background:#fff3c9;color:#735b0e}.kind-achievement .postKind{background:#f4e9bd;color:#66510e}.postPhotoGrid{display:grid;gap:4px;margin-top:9px;border-radius:9px;overflow:hidden}.postPhotoGrid.count-1{grid-template-columns:1fr}.postPhotoGrid.count-2,.postPhotoGrid.count-3,.postPhotoGrid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.postPhotoWrap{position:relative;min-height:120px;background:#eef2ef;overflow:hidden}.postPhotoGrid.count-1 .postPhotoWrap{aspect-ratio:16/10}.postPhotoGrid.count-2 .postPhotoWrap,.postPhotoGrid.count-4 .postPhotoWrap{aspect-ratio:1/1}.postPhotoGrid.count-3 .postPhotoWrap:first-child{grid-row:span 2}.postPhotoGrid.count-3 .postPhotoWrap:first-child{aspect-ratio:auto}.postPhotoGrid img{display:block;width:100%;height:100%;object-fit:cover}.richLinkCard{display:flex;align-items:center;gap:9px;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fafcfb;color:inherit;text-decoration:none}.richLinkCard:hover{border-color:#b8d1c1;background:#f6faf7}.videoLinkCard{background:linear-gradient(135deg,#f7faf8,#edf6f0)}.richLinkIcon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:var(--green);color:#fff;font-size:12px}.richLinkCard span:last-child{min-width:0;display:grid}.richLinkCard small{font-size:7px;letter-spacing:.08em;color:var(--green);font-weight:900}.richLinkCard strong{font-size:10px}.richLinkCard em{font-style:normal;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postActions{gap:4px;align-items:center}.postActionButton{border:0;background:transparent;border-radius:7px;padding:5px 7px;color:var(--green-dark);font-size:9px;font-weight:800}.postActionButton:hover{background:var(--green-soft)}
@media(max-width:680px){.richComposerTools{grid-template-columns:1fr}.composerPhotoPreview{grid-template-columns:repeat(2,minmax(0,1fr))}.postMeta{align-items:flex-start}.postMetaBadges{max-width:42%}.postPhotoWrap{min-height:100px}}

.eventPreview{margin-top:10px;padding:10px;border:1px solid #d9e5dc;border-radius:10px;background:linear-gradient(180deg,#fbfdfb,#f5faf7)}.eventPreviewTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.eventPreviewTop strong{font-size:10px;color:#31443a}.eventStatus{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#edf3ef;color:#4b5f53}.eventStatus.status-upcoming{background:#eaf5ee;color:var(--green-dark)}.eventStatus.status-live{background:#fff0d8;color:#8a5700}.eventStatus.status-completed{background:#edf0f2;color:#55606a}.eventFact{font-size:9px;color:#59675f;margin:3px 0}.eventCardActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.kind-event{border-color:#d6e3da;background:linear-gradient(180deg,#fff,#fbfdfb)}.kind-event .postKind{background:#eaf5ee;color:var(--green-dark)}.kind-poll .postKind{background:#eef1f8;color:#394b76}
.pollCard{margin-top:10px;padding:10px;border:1px solid #dfe5e1;border-radius:10px;background:#fbfcfb}.pollOptions{display:grid;gap:6px}.pollOption{position:relative;overflow:hidden;width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #d7e0da;border-radius:8px;padding:8px 9px;background:#fff;color:#2c3e34;text-align:left}.pollOption>span,.pollOption>em{position:relative;z-index:2}.pollOption>span{font-size:10px;font-weight:800}.pollOption>em{font-style:normal;font-size:8px;color:var(--muted)}.pollOption>i{position:absolute;z-index:1;left:0;top:0;bottom:0;background:#edf6f0;pointer-events:none}.pollOption.pollVote:hover{border-color:#b8d1c1}.pollOption.selected{border-color:#95bea3}.pollOption.selected>i{background:#dcefe3}.pollOption:disabled{cursor:default}.pollFooter{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:8px;color:var(--muted)}
.eventPage{display:grid;gap:10px}.eventBackButton{justify-self:start}.eventPageHero{padding:24px 22px;border:1px solid #dce6df;border-radius:14px;background:linear-gradient(135deg,#f7fbf8,#ffffff 62%);box-shadow:var(--shadow)}.eventPageHero h1{margin:4px 0 8px;font-size:28px;line-height:1.05;letter-spacing:-.035em}.eventPageHero p:last-child{margin:0;max-width:650px;color:#53635a;font-size:12px;line-height:1.6}.eventHeroPhotos{display:grid;gap:6px;border-radius:12px;overflow:hidden}.eventHeroPhotos.count-1{grid-template-columns:1fr}.eventHeroPhotos.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.eventHeroPhotos .postPhotoWrap{min-height:220px}.eventHeroPhotos img{display:block;width:100%;height:100%;object-fit:cover}.eventDetailGrid{display:grid;grid-template-columns:1fr;gap:10px}.eventDetailMain{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.eventFactsLarge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.eventFactsLarge>div{padding:10px;border-radius:9px;background:#f7faf8}.eventFactsLarge small,.eventFactsLarge strong{display:block}.eventFactsLarge small{font-size:7px;font-weight:900;letter-spacing:.08em;color:var(--green)}.eventFactsLarge strong{margin-top:3px;font-size:10px;line-height:1.35}.eventSection{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.eventSection h3{margin:0 0 5px;font-size:12px}.eventSection p{margin:0;font-size:10px;line-height:1.55;color:#56665d}.resultSection{padding:11px;border:1px solid #e3dbc2;border-radius:9px;background:#fffdf6}.eventPageActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.eventPollSection{display:grid;gap:7px}.eventPollSection>.eyebrow{margin:4px 2px 0}.registrationCard{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-top:7px}.registrationCard strong,.registrationCard small{display:block}.registrationCard strong{font-size:10px}.registrationCard small{margin-top:2px;font-size:8px;color:var(--muted)}.registrationCard p{margin:6px 0 0;font-size:9px;color:#56665d}
@media(max-width:680px){.eventPreviewTop{align-items:flex-start;flex-direction:column}.eventCardActions{display:grid;grid-template-columns:1fr 1fr}.eventCardActions .primaryButton,.eventCardActions .secondaryButton{width:100%}.pollFooter{align-items:flex-start;flex-direction:column}.eventPageHero{padding:18px 15px}.eventPageHero h1{font-size:24px}.eventHeroPhotos.count-2{grid-template-columns:1fr}.eventHeroPhotos .postPhotoWrap{min-height:180px;aspect-ratio:16/10}.eventFactsLarge{grid-template-columns:1fr}.eventDetailMain{padding:12px}.eventPageActions{display:grid;grid-template-columns:1fr 1fr}.eventPageActions .primaryButton,.eventPageActions .secondaryButton{width:100%}}

.insightsModalCard{width:min(860px,100%);padding:20px}.insightsHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-right:32px}.insightsHeading h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.025em}.insightsHeading .muted{margin:0;font-size:10px}.insightMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:15px}.insightMetric{min-height:82px;padding:11px;border:1px solid #dfe7e2;border-radius:11px;background:linear-gradient(180deg,#fff,#f8fbf9)}.insightMetric span,.insightMetric strong,.insightMetric small{display:block}.insightMetric span{font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.insightMetric strong{margin-top:5px;font-size:24px;line-height:1;color:var(--green-dark);letter-spacing:-.04em}.insightMetric small{margin-top:5px;font-size:8px;color:#738078}.insightTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.insightPanel{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}.insightPanelHead{display:flex;justify-content:space-between;gap:8px;align-items:flex-end;margin-bottom:7px}.insightPanelHead h3{margin:1px 0 0;font-size:12px}.insightPanelHead>small{font-size:8px;color:var(--muted);text-align:right}.insightRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 1px;border-top:1px solid #edf1ee}.insightRow:first-of-type{border-top:0}.insightRow strong,.insightRow small{display:block}.insightRow strong{font-size:10px}.insightRow small{margin-top:2px;font-size:8px;color:var(--muted)}.insightRowMeta{text-align:right}.insightRowMeta span,.insightRowMeta em{display:block;font-size:8px}.insightRowMeta span{color:#4f5f56}.insightRowMeta em{margin-top:2px;font-style:normal;color:var(--muted)}.insightCount{font-size:9px;font-weight:850;color:var(--green-dark);white-space:nowrap}.referrerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.referrerRow{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;border-radius:8px;background:#f7faf8;font-size:9px;text-transform:capitalize}.referrerRow strong{color:var(--green-dark)}.insightPrivacy{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:9px 10px;border-radius:9px;background:#f5f7f5;color:#59675f;font-size:8px;line-height:1.5}.insightPrivacy strong{color:#34463b;white-space:nowrap}.insightPrivacy span{flex:1}
@media(max-width:680px){.insightsModalCard{padding:14px}.insightsHeading{padding-right:28px}.insightMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.insightTwoCol{grid-template-columns:1fr}.referrerGrid{grid-template-columns:1fr 1fr}.insightPrivacy{flex-direction:column}.insightMetric{min-height:74px}.insightMetric strong{font-size:21px}}

.classFormActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.classbookModalCard{width:min(900px,100%);padding:20px}
.classbookHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-right:32px}
.classbookHeading h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.025em}
.classbookHeading .muted{margin:0;font-size:10px}
.classbookTabs{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0 10px;padding:4px;border-radius:10px;background:#f3f7f4}
.classbookTab{border:0;background:transparent;border-radius:8px;padding:8px 10px;font:inherit;font-size:9px;font-weight:850;color:#607067;cursor:pointer}
.classbookTab.active{background:#fff;color:var(--green-dark);box-shadow:0 1px 5px rgba(23,65,42,.08)}
.classbookPanel{display:grid;gap:10px}
.classbookForm{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}
.compactClassbookForm{background:#f8fbf9}
.threeCol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.classbookRoster{display:grid;gap:6px;margin:10px 0}
.attendanceRow,.testResultRow{display:grid;grid-template-columns:minmax(170px,1.25fr) 120px minmax(160px,1fr);gap:7px;align-items:center;padding:8px;border:1px solid #e1e8e3;border-radius:9px;background:#fff}
.classbookPerson strong,.classbookPerson small{display:block}
.classbookPerson strong{font-size:10px}.classbookPerson small{margin-top:2px;font-size:8px;color:var(--muted)}
.attendanceRow select,.attendanceRow input,.testResultRow input,.testResultRow select,.feeActions select,.feeActions input{width:100%}
.classbookSubsection{padding:4px 0 0}.classbookSubhead h3{margin:1px 0 7px;font-size:12px}
.attendanceHistoryRow{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;margin-top:6px;cursor:pointer}
.attendanceHistoryRow:hover{border-color:#bfd1c4;background:#fbfdfb}
.attendanceHistoryRow strong,.attendanceHistoryRow small{display:block}.attendanceHistoryRow strong{font-size:10px}.attendanceHistoryRow small{margin-top:2px;font-size:8px;color:var(--muted)}
.attendanceCounts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;font-size:8px}.attendanceCounts span{padding:3px 6px;border-radius:999px;background:#f1f5f2}.attendanceCounts em{font-style:normal;color:var(--muted)}
.classbookStack{display:grid;gap:8px}
.classbookCard{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}
.classbookCardHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.classbookCardHead h3{margin:4px 0 2px;font-size:12px}.classbookCardHead small{font-size:8px;color:var(--muted)}
.classbookCardHead label{min-width:145px}
.testResultRow{grid-template-columns:minmax(170px,1.2fr) 125px minmax(150px,1fr)}
.marksField{display:flex;align-items:center;gap:5px}.marksField input{min-width:0}.marksField span{font-size:8px;color:var(--muted);white-space:nowrap}
.feeIdentity{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;align-items:center}.feeIdentity strong,.feeIdentity small{display:block}.feeIdentity strong{font-size:10px}.feeIdentity small{margin-top:2px;font-size:8px;color:var(--muted)}
.feeActions{display:grid;grid-template-columns:120px 1fr auto;gap:7px;align-items:center;margin-top:8px}
.learningRecords{display:grid;gap:9px;margin-top:10px}
.learningRecordCard{padding:12px;border:1px solid #dce6df;border-radius:11px;background:linear-gradient(180deg,#fff,#f9fbfa)}
.learningRecordHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.learningRecordHead h3{margin:2px 0 0;font-size:12px}
.recordMetric{padding:5px 8px;border-radius:999px;background:#eaf5ee;color:var(--green-dark);font-size:8px;font-weight:850;white-space:nowrap}
.learningRecordGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.learningRecordGrid>div{padding:9px;border-radius:9px;background:#fff;border:1px solid #e6ebe7}.learningRecordGrid h4{margin:0 0 5px;font-size:9px}
.learningRecordRow{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 0;border-top:1px solid #edf1ee;font-size:8px}.learningRecordRow:first-of-type{border-top:0}.learningRecordRow span{color:#58665e}.learningRecordRow strong{white-space:nowrap}
.recordStatus{text-transform:capitalize;padding:2px 5px;border-radius:999px;background:#eef2ef;color:#536158}
.recordStatus.status-present,.recordStatus.status-paid{background:#e7f4eb;color:#2f6b43}.recordStatus.status-late{background:#fff3da;color:#8b5d00}.recordStatus.status-absent,.recordStatus.status-due{background:#fce9e9;color:#963d3d}.recordStatus.status-waived{background:#eef0f4;color:#5d6570}
@media(max-width:680px){.classbookModalCard{padding:14px}.classbookHeading{padding-right:28px}.threeCol{grid-template-columns:1fr}.attendanceRow,.testResultRow{grid-template-columns:1fr}.classbookCardHead{flex-direction:column}.classbookCardHead label{width:100%}.feeIdentity{grid-template-columns:1fr}.feeActions{grid-template-columns:1fr}.learningRecordHead{flex-direction:column}.learningRecordGrid{grid-template-columns:1fr}.attendanceHistoryRow{align-items:flex-start;flex-direction:column}.attendanceCounts{justify-content:flex-start}}

.challengePrivacyNote{display:flex;gap:8px;align-items:flex-start;padding:10px 11px;border-radius:10px;background:#fffaf0;border:1px solid #efe3c7;font-size:8px;line-height:1.5;color:#6d6248}.challengePrivacyNote strong{color:#51472f;white-space:nowrap}.challengeStack{display:grid;gap:10px}.challengeCard{padding:13px;border:1px solid #dce6df;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfdfb);box-shadow:0 6px 22px rgba(29,69,45,.045)}.challengeCardHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.challengeCardHead h3{margin:5px 0 2px;font-size:13px}.challengeCardHead small{font-size:8px;color:var(--muted)}.challengeTypeLine{display:flex;gap:6px;align-items:center}.challengeType{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--green-dark)}.challengeStatusControls{display:flex;gap:5px;align-items:center}.challengeStatusControls select{width:auto;min-width:100px}.challengeStatusControls .secondaryButton{padding:7px 9px}.challengeDescription{margin:9px 0 0;font-size:9px;line-height:1.55;color:#59675f}.challengeToolbar{display:flex;gap:7px;align-items:center;margin-top:10px}.challengeHint{font-size:8px;color:var(--muted)}.challengeSuggestions{display:grid;gap:5px;margin-top:8px}.challengeSuggestionHead{display:flex;justify-content:space-between;gap:8px;align-items:flex-end}.challengeSuggestionHead strong{font-size:9px}.challengeSuggestionHead small{font-size:8px;color:var(--muted)}.challengeSuggestion{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #dce8df;border-radius:8px;background:#f7fbf8;padding:8px 9px;text-align:left;color:inherit}.challengeSuggestion:hover{border-color:#b9d1c1;background:#fff}.challengeSuggestion span{font-size:9px}.challengeSuggestion strong{font-size:9px;color:var(--green-dark)}.challengeSuggestionEmpty{padding:8px;border-radius:8px;background:#f6f7f6;color:var(--muted);font-size:8px}.challengeAwards{margin-top:12px}.challengeSectionHead h4{margin:2px 0 7px;font-size:11px}.challengeAward{display:grid;grid-template-columns:32px minmax(0,1fr) auto 24px;gap:8px;align-items:center;padding:8px 9px;border-top:1px solid #edf1ee}.challengeAward:first-of-type{border-top:0}.awardMedal{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#fff5d9;font-size:15px}.challengeAward strong,.challengeAward span,.challengeAward small{display:block}.challengeAward strong{font-size:10px}.challengeAward span{margin-top:1px;font-size:8px;color:var(--green-dark);font-weight:800}.challengeAward small{margin-top:2px;font-size:8px;color:var(--muted)}.awardVisibility{padding:4px 6px;border-radius:999px;background:#eef2ef;font-size:7px;font-weight:850;white-space:nowrap}.awardVisibility.public{background:#e7f4eb;color:#2f6b43}.removeChallengeAward{border:0;background:transparent;font-size:16px;color:#9a6666;cursor:pointer}.challengeAwardForm{margin-top:10px;padding:10px;border-radius:10px;background:#f7faf8;border:1px solid #e3e9e5}.challengeAwardForm>label{margin-top:7px}.challengePublish{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;padding:10px;border-radius:10px;background:#f0f7f2}.challengePublish strong,.challengePublish small{display:block}.challengePublish strong{font-size:9px}.challengePublish small{margin-top:2px;font-size:8px;color:var(--muted)}.challengePublish .primaryButton:disabled{opacity:.45;cursor:not-allowed}
.studentAchievementStrip{display:grid;gap:6px;margin:10px 0}.studentAchievement{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #eadfbd;border-radius:9px;background:#fffdf6}.studentAchievement>span{font-size:15px}.studentAchievement strong,.studentAchievement small{display:block}.studentAchievement strong{font-size:9px}.studentAchievement small{margin-top:2px;font-size:8px;color:#6d6756}.studentAchievement em{font-style:normal;font-size:7px;color:#7c7359;white-space:nowrap}
.recognitionCard{margin-top:11px;padding:13px;border:1px solid #ead9a9;border-radius:12px;background:linear-gradient(135deg,#fffdf6,#fff 68%);box-shadow:0 8px 26px rgba(107,78,16,.06)}.recognitionHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.recognitionHeader strong,.recognitionHeader small{display:block}.recognitionHeader strong{margin-top:3px;font-size:12px}.recognitionHeader small{margin-top:3px;font-size:8px;color:#7b7158}.recognitionTrophy{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#fff3c8;font-size:22px}.recognitionAwards{display:grid;gap:6px;margin-top:10px}.recognitionAward{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border-radius:9px;background:rgba(255,255,255,.78);border:1px solid #f0e7cd}.recognitionInitial{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--green);color:#fff;font-size:12px;font-weight:900}.recognitionAward strong,.recognitionAward small,.recognitionTag{display:block}.recognitionTag{font-size:8px;font-weight:850;color:var(--green-dark)}.recognitionAward strong{margin-top:1px;font-size:10px}.recognitionAward small{margin-top:2px;font-size:8px;color:#6a6556}.recognitionPrivacy{margin-top:8px;font-size:7px;color:#8a816c;text-align:right}
@media(max-width:680px){.challengePrivacyNote{flex-direction:column}.challengeCardHead{flex-direction:column}.challengeStatusControls{width:100%}.challengeStatusControls select{flex:1}.challengeSuggestionHead{align-items:flex-start;flex-direction:column}.challengeSuggestion{align-items:flex-start;flex-direction:column}.challengeAward{grid-template-columns:30px minmax(0,1fr) 22px}.awardVisibility{grid-column:2/3;justify-self:start}.removeChallengeAward{grid-column:3;grid-row:1/3}.challengePublish{align-items:flex-start;flex-direction:column}.challengePublish .primaryButton{width:100%}.studentAchievement{grid-template-columns:26px minmax(0,1fr)}.studentAchievement em{grid-column:2}.recognitionHeader strong{font-size:11px}.recognitionTrophy{width:36px;height:36px;font-size:18px}}

.skipLink{position:fixed;left:12px;top:8px;z-index:1000;transform:translateY(-150%);padding:8px 11px;border-radius:8px;background:#fff;color:var(--green-dark);font-size:10px;font-weight:850;box-shadow:var(--shadow)}
.skipLink:focus{transform:translateY(0)}
.revisitSurface{width:min(920px,calc(100% - 28px));margin:12px auto 14px;display:grid;gap:9px}
.happeningCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid #d9e4dd;border-radius:14px;background:linear-gradient(135deg,#f8fcf9,#fff 58%,#f5f9f6);box-shadow:0 9px 28px rgba(32,70,48,.07)}
.happeningSignal{display:flex;align-items:center;gap:6px;align-self:flex-start;padding-top:2px;font-size:7px;font-weight:900;letter-spacing:.08em;color:var(--green-dark);white-space:nowrap}
.happeningPulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(15,81,50,.08)}
.happeningCopy{min-width:0}.happeningCopy small,.happeningCopy strong,.happeningCopy p{display:block}.happeningCopy small{font-size:7px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.happeningCopy strong{margin-top:2px;font-size:13px;line-height:1.25;letter-spacing:-.015em}.happeningCopy p{margin:3px 0 0;max-width:520px;font-size:9px;line-height:1.45;color:#65736b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.happeningMeta{text-align:right}.happeningMeta>span{display:block;margin-bottom:5px;font-size:8px;color:var(--muted);white-space:nowrap}.happeningMeta .secondaryButton{white-space:nowrap}
.profileHighlights{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.highlightItem{appearance:none;display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #e0e7e2;border-radius:11px;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.highlightItem:hover{transform:translateY(-1px);border-color:#bfd1c5;box-shadow:0 5px 15px rgba(32,70,48,.06)}
.highlightItem:focus-visible,.textButton:focus-visible,.primaryButton:focus-visible,.secondaryButton:focus-visible,.composerTab:focus-visible,.classbookTab:focus-visible,.postActionButton:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.highlightIcon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#eef6f1;font-size:13px}
.highlightItem strong,.highlightItem small{display:block;min-width:0}.highlightItem strong{font-size:9px;line-height:1.2}.highlightItem small{margin-top:2px;font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.profileHighlights{grid-template-columns:repeat(4,minmax(0,1fr))}.highlightItem{padding:8px}.highlightIcon{flex-basis:27px;width:27px;height:27px}.happeningCard{grid-template-columns:1fr auto}.happeningSignal{grid-column:1/-1;padding:0}.happeningCopy p{max-width:none}}
@media(max-width:520px){.revisitSurface{width:min(100% - 18px,920px);margin-top:9px}.profileHighlights{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.profileHighlights::-webkit-scrollbar{display:none}.highlightItem{flex:0 0 128px}.happeningCard{grid-template-columns:1fr;padding:12px}.happeningMeta{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px}.happeningMeta>span{margin:0;white-space:normal}.happeningMeta .secondaryButton{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.highlightItem{transition:none}.happeningPulse{box-shadow:none}}

#myLearning,#timeline,#batchList,#publicResources,.feedToolbar{scroll-margin-top:72px}
