:root{--color-bg: #f0f2f5;--color-surface: #ffffff;--color-primary: #1a73e8;--color-primary-hover: #1558b0;--color-text: #202124;--color-text-muted: #5f6368;--color-error: #d93025;--color-error-bg: #fce8e6;--color-border: #dadce0;--color-active: #e8f0fe;--radius: 8px;--shadow: 0 1px 3px rgba(60, 64, 67, .15), 0 2px 6px rgba(60, 64, 67, .1)}*,*: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);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)}.appbar__brand{display:flex;align-items:center;gap:10px;min-width:0}.appbar__logo{background:var(--color-primary);color:#fff;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.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;top:calc(100% + 8px);right: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)}.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}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.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)}.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)}.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}.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}.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(--color-active);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.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)}.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}.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}.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}.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}.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}.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-top:16px;border-top:1px solid var(--color-border)}.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}.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(--color-active);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.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}