:root{--color-bg: #eef1f8;--color-surface: #ffffff;--color-primary: #4054d6;--color-primary-hover: #2f3fb0;--color-text: #1c1e26;--color-text-muted: #61667a;--color-error: #d93025;--color-error-bg: #fce8e6;--color-border: #e2e5ee;--color-active: #eaecfb;--radius: 8px;--shadow: 0 1px 2px rgba(40, 44, 90, .08), 0 4px 14px rgba(40, 44, 90, .08);--brand-grad: linear-gradient(135deg, #5b6ef0 0%, #3a4fd0 55%, #6a4bd1 100%);--color-accent: #14b8a6;--av1-bg: #e7ecfd;--av1-fg: #3a4fd0;--av2-bg: #e2f6f1;--av2-fg: #0d9488;--av3-bg: #fdeede;--av3-fg: #c2740a;--av4-bg: #fbe6f0;--av4-fg: #be1d68;--av5-bg: #e8f3e2;--av5-fg: #3f8c2f;--av6-bg: #eee9fb;--av6-fg: #6a4bd1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-bg);background-image:radial-gradient(1200px 420px at 100% -10%,rgba(106,75,209,.1),transparent 60%),radial-gradient(1000px 380px at -10% 0%,rgba(64,84,214,.1),transparent 55%);background-attachment:fixed;color:var(--color-text);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px #282c5a0a}.appbar__brand{display:flex;align-items:center;gap:10px;min-width:0}.appbar__logo{background:var(--brand-grad);color:#fff;border-radius:9px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 2px 6px #3a4fd059}.appbar__title{font-weight:600;font-size:15px}.appbar__controls{display:flex;align-items:center;gap:8px}.lang-switch{font-family:inherit;font-size:13px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:6px 8px}.settings{position:relative}.settings__gear{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:background .15s,color .15s}.settings__gear:hover{background:var(--color-active);color:var(--color-primary)}.settings__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.settings__panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:21;min-width:220px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow)}.settings__title{font-size:12px;font-weight:600;color:var(--color-text-muted);padding:4px 8px 8px}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px}.settings__label{font-size:14px}.settings__sep{height:1px;background:var(--color-border);margin:6px 0}.settings__logout{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;border-radius:var(--radius);font-size:14px;font-family:inherit;text-align:left;color:var(--color-error);cursor:pointer}.settings__logout:hover{background:var(--color-error-bg)}.settings__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;border-radius:var(--radius);font-size:14px;font-family:inherit;text-align:left;color:var(--color-text);cursor:pointer}.settings__item:hover{background:var(--color-active);color:var(--color-primary)}.roster__topbar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--color-border)}.roster__back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.roster__back:hover{background:var(--color-active);color:var(--color-primary)}.kebab{position:relative}.kebab__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:background .15s,color .15s}.kebab__btn:hover{background:var(--color-active);color:var(--color-primary)}.kebab__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.kebab__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:21;min-width:200px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow)}.kebab__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:none;background:transparent;border-radius:var(--radius);font-size:14px;font-family:inherit;text-align:left;color:var(--color-text);cursor:pointer}.kebab__item:hover:not(:disabled){background:var(--color-active);color:var(--color-primary)}.kebab__item:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.linklike{border:none;background:transparent;padding:0;font-family:inherit;font-size:13px;color:var(--color-primary);cursor:pointer}.linklike:hover{text-decoration:underline}.detail{padding:4px 4px 8px}.detail__row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px}.detail__row:not(:last-child){border-bottom:1px solid var(--color-border)}.detail__label{font-size:13px;color:var(--color-text-muted)}.detail__value{font-size:14px;font-weight:500;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 18px;transition:background .15s,opacity .15s,box-shadow .15s,filter .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-grad);color:#fff;box-shadow:0 2px 8px #3a4fd047}.btn--primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 14px #3a4fd05c}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-active)}.btn--sm{padding:6px 14px;font-size:13px}.btn--block{width:100%;margin-top:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field__label{font-size:13px;font-weight:500;color:var(--color-text)}.field__input{border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;font-size:15px;font-family:inherit;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s}.field__input:focus{border-color:var(--color-primary)}.field__input--area{resize:vertical;min-height:96px;line-height:1.4}.field__hint{font-size:12px;color:var(--color-text-muted)}.sent__toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.sent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.sent{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius);padding:12px}.sent__main{flex:1;min-width:0}.sent--editing{display:block}.sent__open{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:9px;margin-right:-6px;border-radius:8px;color:var(--color-text-muted);cursor:pointer}.sent__open:hover,.sent__open:focus-visible{background:var(--color-active);color:var(--color-primary)}.sent__chevron{flex-shrink:0}.sent--retracted{opacity:.65}.sent__head{display:flex;align-items:center;gap:8px;justify-content:space-between}.sent__title{font-weight:600}.sent__body{margin:6px 0 0;white-space:pre-wrap}.sent__meta{margin:8px 0 0;font-size:12px;color:var(--color-text-muted)}.sent__actions{margin-top:10px}.sent-detail__back{margin-bottom:4px}.sent-detail .sent__body{margin:10px 0 0}.sent-detail__facts{margin:14px 0 0;font-size:13px;color:var(--color-text-muted)}.sent__quote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--color-border);background:var(--color-surface-muted, rgba(0, 0, 0, .03));border-radius:0 var(--radius) var(--radius) 0}.roster__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--color-border)}.roster__actions-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--color-surface);border-radius:16px;box-shadow:0 8px 32px #3c404340;width:100%;max-width:360px;padding:20px}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal__title{font-size:18px;font-weight:700}.modal__close{border:none;background:transparent;font-size:16px;color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;border-radius:50%}.modal__close:hover{background:var(--color-bg)}.modal__hint{font-size:13px;color:var(--color-text-muted);margin-bottom:14px}.modal__actions{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.invite-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.invite-qr svg{border:1px solid var(--color-border);border-radius:12px;padding:10px;background:#fff}.invite-qr__valid{font-size:12px;color:var(--color-text-muted)}.start__footer--end{justify-content:flex-end}.gsi{display:flex;flex-direction:column;gap:12px}.gsi__head{display:flex;align-items:center;gap:10px;margin-bottom:2px}.gsi__title{font-size:15px;font-weight:600}.gsi__subtitle{font-size:12px;color:var(--color-text-muted);margin-top:3px}.gsi__accounts{list-style:none;display:flex;flex-direction:column;gap:6px}.gsi__account{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s,border-color .12s}.gsi__account:hover:not(:disabled){background:var(--color-active);border-color:var(--color-primary)}.gsi__account:disabled{opacity:.6;cursor:default}.gsi__avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--color-active);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.gsi__text{display:flex;flex-direction:column;min-width:0}.gsi__name{font-size:14px;font-weight:500}.gsi__email{font-size:12px;color:var(--color-text-muted)}.gsi__another{align-self:flex-start;border:none;background:transparent;padding:4px 0;font-family:inherit;font-size:13px;color:var(--color-primary);cursor:pointer}.gsi__another:hover{text-decoration:underline}.gsi__actions{display:flex;justify-content:space-between;gap:8px;margin-top:4px}.gsi__sim{font-size:11px;color:var(--color-text-muted);text-align:center;margin-top:4px}.gsi__button{display:flex;justify-content:center;margin-top:4px}.start{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 16px}.start__card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow);padding:28px 24px}.start__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.start__title{font-size:22px;font-weight:700}.start__subtitle{margin-top:4px;margin-bottom:16px;font-size:14px;color:var(--color-text-muted)}.user-list{list-style:none;display:flex;flex-direction:column;gap:8px}.user-list__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s,border-color .12s}.user-list__item:hover{background:var(--color-active);border-color:var(--color-primary)}.user-list__avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--av1-bg);color:var(--av1-fg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-list li:nth-child(6n+2) .user-list__avatar{background:var(--av2-bg);color:var(--av2-fg)}.user-list li:nth-child(6n+3) .user-list__avatar{background:var(--av3-bg);color:var(--av3-fg)}.user-list li:nth-child(6n+4) .user-list__avatar{background:var(--av4-bg);color:var(--av4-fg)}.user-list li:nth-child(6n+5) .user-list__avatar{background:var(--av5-bg);color:var(--av5-fg)}.user-list li:nth-child(6n) .user-list__avatar{background:var(--av6-bg);color:var(--av6-fg)}.user-list__text{display:flex;flex-direction:column;min-width:0}.user-list__name{font-size:15px;font-weight:500}.user-list__email{font-size:12px;color:var(--color-text-muted)}.user-list--rows{gap:0}.user-list--rows>li:not(:last-child){border-bottom:1px solid var(--color-border)}.user-list--rows .user-list__item{border:0;border-radius:0;background:none;padding:12px 18px;cursor:default}.user-list--rows .user-list__item:hover{background:none;border-color:transparent}.user-list--rows .user-list__text{flex:1}.user-list__open{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:9px;margin-right:-6px;border-radius:8px;color:var(--color-text-muted);cursor:pointer}.user-list__open:hover,.user-list__open:focus-visible{background:var(--color-active);color:var(--color-primary)}.user-list__chevron{flex-shrink:0}.start__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border)}.start__devnote{font-size:12px;color:var(--color-text-muted)}.start__qr{display:flex;flex-direction:column;align-items:center;gap:8px}.start__qr svg{border:1px solid var(--color-border);border-radius:12px;padding:10px;background:#fff}.start__qrhint{font-size:13px;color:var(--color-text-muted)}.start__origin{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--color-text-muted);word-break:break-all;text-align:center}.content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:20px 16px 32px}.appfooter{position:sticky;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border)}.appfooter__inner{width:100%;height:56px;display:flex;align-items:center;gap:12px;padding:0 8px}.appfooter__name{font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appfooter__notes{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-muted);border-radius:50%;cursor:pointer}.appfooter__notes~.appfooter__notes{margin-left:0}.appfooter__notes:hover,.appfooter__notes.is-active{background:var(--color-active);color:var(--color-primary)}.state{font-size:14px;padding:12px 4px}.state--muted{color:var(--color-text-muted)}.state--error{color:var(--color-error);background:var(--color-error-bg);border:1px solid #f5c6c2;border-radius:var(--radius);padding:12px 14px}.state--success{color:#188038;background:#e6f4ea;border:1px solid #b7dfc0;border-radius:var(--radius);padding:12px 14px}.state--pending{color:#8a5a00;background:#fdf3e0;border:1px solid #f0d9a8;border-radius:var(--radius);padding:12px 14px}.greeting{margin-bottom:20px}.greeting__title{font-size:26px;font-weight:700}.greeting__note{margin-top:4px;font-size:14px;color:var(--color-text-muted)}.roster{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.roster__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--color-border)}.roster__name{font-size:18px;font-weight:700}.roster__sub{margin-top:2px;font-size:13px;color:var(--color-text-muted)}.roster__count{flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-active);border-radius:999px;padding:4px 10px;white-space:nowrap}.cal__term{font-size:12px;color:var(--color-text-muted);padding:0 4px 8px}.cal__badge{flex-shrink:0;font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-active);border-radius:999px;padding:3px 8px;white-space:nowrap}.roster__foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--color-border)}.att-tag{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.att-tag--absent{background:#fce8e6;color:#c5221f}.att-tag--late{background:#feefc3;color:#b06000}.att-tag--expected{background:#e8f0fe;color:#1a73e8}.att-tag--btn{border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px}.att-tag--btn:hover{filter:brightness(.95)}.att-tag--btn:focus-visible{outline:2px solid var(--color-active);outline-offset:1px}.att-tag--btn:disabled{cursor:default;opacity:.6}.admin-actions{display:flex;flex-direction:column;gap:10px;padding:18px}.roster__body{padding:16px 18px}.roster__body .admin-actions{padding:14px 0 0}.roster__body .state{padding-left:0;padding-right:0}.seg{display:inline-flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.seg__btn{background:var(--color-surface);border:0;border-left:1px solid var(--color-border);padding:7px 12px;font:inherit;font-size:13px;color:var(--color-text-muted);cursor:pointer}.seg__btn:first-child{border-left:0}.seg--fill{display:flex}.seg--fill .seg__btn{flex:1 1 0;text-align:center}.seg__btn:hover{background:var(--color-active)}.seg__btn.is-active{color:#fff}.seg__btn--reason.is-active{background:#5f6368}.roster-stack{display:flex;flex-direction:column;gap:20px}.roster__toggle{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.roster__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform .15s ease}.roster__chevron.is-open{transform:rotate(180deg)}.roster__head--collapsed{border-bottom:0}.roster__search{padding:12px 18px;border-bottom:1px solid var(--color-border)}.roster__search .field__input{padding:6px 12px;font-size:14px}.user-list__item--draggable{cursor:grab}.user-list__item--draggable:active{cursor:grabbing}.class-row{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 18px}.class-row--drop{background:var(--color-active);outline:2px dashed var(--color-primary);outline-offset:-2px;border-radius:var(--radius)}.class-row__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.class-row__head .user-list__open{margin-block:-9px}.class-row__homeroom{display:flex;align-items:center;gap:8px}.class-row__homeroom-name{font-size:13px;color:var(--color-text-muted)}.child-actions{margin-top:16px}.dob-row{display:flex;gap:8px}.dob-row .field__input{flex:1;min-width:0;padding:7px 8px;font-size:14px;line-height:1.2;background:var(--color-surface)}.report{margin-top:16px;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow)}.report__title{font-size:15px;margin:0 0 8px}.report__hint,.report__status{font-size:13px;color:var(--color-text-muted);margin:0 0 10px}.report__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.report__nudge{font-size:12px;color:#1a73e8;margin:10px 0 0}.roster__head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notes{margin-top:16px;padding:16px 18px;border-top:1px solid var(--color-border)}.notes-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.notes--floating{position:fixed;right:8px;bottom:64px;z-index:6;width:min(360px,calc(100vw - 16px));margin-top:0;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow)}.notes__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes__title{font-size:15px;margin:0;overflow-wrap:anywhere}.notes__hint{font-size:12px;color:var(--color-text-muted);margin:4px 0 10px}.notes__text{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid var(--color-border);border-radius:8px;resize:vertical}.notes__actions{display:flex;align-items:center;gap:10px;margin-top:10px}.todos__add{display:flex;gap:8px;margin-bottom:10px}.todos__input{flex:1;min-width:0;font:inherit;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px}.todos__empty{font-size:13px;color:var(--color-text-muted);margin:4px 0}.todos__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.todos__row{display:flex;align-items:flex-start;gap:8px;padding:6px 4px;border-bottom:1px solid var(--color-border)}.todos__row:last-child{border-bottom:none}.todos__check{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;cursor:pointer}.todos__check input{width:16px;height:16px;flex:none;margin-top:1px}.todos__text{font-size:14px;min-width:0;overflow-wrap:anywhere}.todos__row.is-done .todos__text{text-decoration:line-through;color:var(--color-text-muted)}.todos__remove{border:none;background:none;color:var(--color-text-muted);font-size:18px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:6px}.todos__remove:hover{background:var(--color-active);color:var(--color-primary)}.learner-list{list-style:none}.learner-list>li:not(:last-child){border-bottom:1px solid var(--color-border)}.learner{display:flex;align-items:center;gap:12px;padding:12px 18px}.learner__open{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:9px;margin-right:-6px;border-radius:8px;color:var(--color-text-muted);cursor:pointer}.learner__open:hover,.learner__open:focus-visible{background:var(--color-active);color:var(--color-primary)}.learner__chevron{flex-shrink:0}.learner__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--av1-bg);color:var(--av1-fg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.learner-list>li:nth-child(6n+2) .learner__avatar{background:var(--av2-bg);color:var(--av2-fg)}.learner-list>li:nth-child(6n+3) .learner__avatar{background:var(--av3-bg);color:var(--av3-fg)}.learner-list>li:nth-child(6n+4) .learner__avatar{background:var(--av4-bg);color:var(--av4-fg)}.learner-list>li:nth-child(6n+5) .learner__avatar{background:var(--av5-bg);color:var(--av5-fg)}.learner-list>li:nth-child(6n) .learner__avatar{background:var(--av6-bg);color:var(--av6-fg)}.learner__name{flex:1;font-size:15px;min-width:0}.learner__check{flex-shrink:0;width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.learner__check:disabled{cursor:not-allowed;opacity:.35}.learner.is-selected{background:var(--color-active)}.roster__bulkbar{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000000f}.roster__bulkbar-count{flex:1;font-size:14px;font-weight:600}.pshell{padding-bottom:76px}.pshell__view>.report:first-child{margin-top:0}.pnav{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.pnav__inner{display:flex;align-items:center;gap:2px;max-width:640px;margin:0 auto;padding:4px 8px}.pnav__settings{flex-shrink:0;display:inline-flex;margin-right:4px}.pnav__btn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:0;background:transparent;color:var(--color-text-muted);border-radius:10px;cursor:pointer}.pnav__btn:hover{background:var(--color-active)}.pnav__btn.is-active{color:var(--color-primary)}.pnav__icon{position:relative;display:inline-flex}.pnav__label{font-size:11px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnav__badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;color:#fff;background:var(--color-error);border-radius:999px}.psheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.psheet__scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#1c1e2666;cursor:pointer}.psheet__panel{position:absolute;left:0;right:0;bottom:0;background:var(--color-surface);border-top-left-radius:16px;border-top-right-radius:16px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--shadow)}.psheet__title{font-size:15px;margin:0 0 8px}.psheet__list{list-style:none}.psheet__item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 8px;border:0;background:transparent;font:inherit;color:var(--color-text);border-radius:10px;cursor:pointer}.psheet__item:hover{background:var(--color-active)}.psheet__item.is-active{color:var(--color-primary)}.unread{display:flex;flex-direction:column;gap:12px}.msgcard{padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-primary);border-left-width:4px;border-radius:12px;box-shadow:var(--shadow)}.msgcard__kicker{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin:0 0 4px}.msgcard__title{font-size:16px;font-weight:700;margin:0 0 6px}.msgcard__body{font-size:14px;line-height:1.45;margin:0 0 12px}.msgcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.msgcard__from{font-size:12px;color:var(--color-text-muted)}.btn--sm{padding:6px 12px;font-size:13px}.messages{margin-top:4px}.messages__title{font-size:18px;font-weight:700;margin:0 0 12px}.messages__list{list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.messages__list>.msg:not(:last-child){border-bottom:1px solid var(--color-border)}.msg--unread{background:var(--color-active)}.msg__head{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.msg__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.msg__headtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.msg__title{font-size:15px;font-weight:600}.msg--unread .msg__title{font-weight:700}.msg__from{font-size:12px;color:var(--color-text-muted)}.msg__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform .15s}.msg__chevron.is-open{transform:rotate(180deg)}.msg__body{padding:0 16px 8px;font-size:14px;line-height:1.45}.msg__meta{padding:0 16px 14px;font-size:12px;color:var(--color-text-muted)}.pfeature-empty{padding:40px 8px;text-align:center}.pfeature-empty__title{font-size:17px;margin:0 0 8px}.pfeature-empty__body{font-size:14px;color:var(--color-text-muted);margin:0 auto;max-width:36ch}.schedule{margin-top:4px}.schedule__bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.schedule__nav{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.schedule__nav:hover{background:var(--color-active);color:var(--color-primary)}.schedule__week{flex:1;height:36px;font-size:14px;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.schedule__week:disabled{color:var(--color-text-muted);cursor:default}.schedule__days{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.schedule__day{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px}.schedule__day--today{border-color:var(--color-primary)}.schedule__dayhead{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.schedule__dayname{font-size:15px;font-weight:700}.schedule__daydate{font-size:12px;color:var(--color-text-muted)}.schedule__todaytag{margin-left:auto;font-size:11px;font-weight:700;color:var(--color-primary);background:var(--color-active);border-radius:999px;padding:2px 8px}.schedule__free{font-size:13px;color:var(--color-text-muted);margin:0}.schedule__lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.schedule__lesson{display:flex;align-items:baseline;gap:12px;font-size:14px}.schedule__time{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:96px}.schedule__subject{font-weight:600}.rollcall-tools{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border, #e2e2e2);display:flex;flex-direction:column;gap:12px}.rollcall-nag{margin:0}.rollcall-nag__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.rollcall-nag__list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.sf2-tools{display:flex;flex-direction:column;gap:10px}.sf2-summary{padding:12px;border-radius:8px;background:var(--color-surface-2, #f6f6f6);display:flex;flex-direction:column;gap:8px;font-size:14px}.past-rollcall{display:flex;flex-direction:column;gap:12px}.past-rollcall__title{margin:4px 0 0;font-variant-numeric:tabular-nums}.learner.is-absent{opacity:.72}