body.s5-open{overflow:hidden}.s5-overlay[hidden]{display:none!important}.s5-overlay{position:fixed;inset:0;z-index:1000005;background:rgba(15,23,42,.68);display:grid;place-items:end center;padding:0;backdrop-filter:blur(3px)}.s5-sheet{width:min(760px,100%);max-height:94vh;overflow:auto;background:#f7f9fc;border-radius:28px 28px 0 0;box-shadow:0 -24px 70px rgba(15,23,42,.32)}.s5-sheet>header{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:44px 50px 1fr;gap:12px;align-items:center;padding:16px 18px;background:#fff;border-bottom:1px solid #e6eaf0}.s5-sheet>header img{width:50px;height:50px;border-radius:15px;object-fit:cover}.s5-sheet>header h2{margin:0;font-size:20px;color:#172033}.s5-sheet>header p{margin:3px 0 0;color:#667085;font-size:12px}.s5-close{width:40px;height:40px;border:0;border-radius:50%;background:#eef2f7;color:#344054;font-size:24px;cursor:pointer}.s5-sheet>main{padding:18px}.s5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.s5-card{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #dfe5ef;background:#fff;border-radius:18px;padding:16px;min-height:100px;cursor:pointer;box-shadow:0 5px 18px rgba(15,23,42,.05)}.s5-card>b{width:42px;height:42px;border-radius:14px;background:#eef4ff;display:grid;place-items:center;font-size:22px}.s5-card span{display:flex;flex-direction:column;gap:5px;flex:1}.s5-card strong{font-size:14px;color:#172033}.s5-card small{font-size:11px;color:#667085;line-height:1.35}.s5-card i{font-style:normal;font-size:22px;color:#98a2b3}.s5-note,.s5-empty,.s5-error,.s5-success{margin:14px 0;padding:13px 14px;border-radius:14px;font-size:13px;line-height:1.55}.s5-note{background:#eef4ff;color:#334e8a}.s5-empty{background:#fff;border:1px dashed #cfd7e5;color:#667085;text-align:center}.s5-error{background:#fff0f0;color:#a61b1b;border:1px solid #ffc9c9}.s5-success{background:#eaf8ee;color:#176b32;border:1px solid #b8e0c1}.s5-success small,.s5-empty small{display:block;margin-top:5px}.s5-loading{display:flex;gap:10px;align-items:center;justify-content:center;padding:35px;color:#667085}.s5-loading span{width:20px;height:20px;border:3px solid #dce6fb;border-top-color:#155eef;border-radius:50%;animation:s5spin .8s linear infinite}@keyframes s5spin{to{transform:rotate(360deg)}}.s5-form{display:grid;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.s5-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#475467}.s5-form input,.s5-form select{width:100%;min-height:46px;border:1px solid #cfd7e5;border-radius:12px;background:#fff;padding:10px 12px;font:inherit;color:#172033}.s5-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;font-weight:700!important}.s5-check input{width:18px!important;min-height:auto!important;height:18px}.s5-primary,.s5-secondary,.s5-danger,.s5-link,.s5-back{border:0;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer}.s5-primary{background:#155eef;color:#fff}.s5-secondary{background:#eef4ff;color:#155eef;border:1px solid #cfe0ff}.s5-danger{width:100%;margin-top:18px;background:#fff0f0;color:#b42318;border:1px solid #ffc9c9}.s5-link,.s5-back{background:transparent;color:#155eef;padding:6px 8px}.s5-a{display:inline-flex;text-decoration:none}.s5-auth-tabs,.s5-tabs{display:flex;gap:8px;margin-bottom:12px}.s5-auth-tabs button,.s5-tabs button{flex:1;border:1px solid #d5dce7;background:#fff;border-radius:12px;padding:10px;font-weight:800;cursor:pointer}.s5-auth-tabs button.active,.s5-tabs button.active{background:#155eef;color:#fff;border-color:#155eef}.s5-tabs button:disabled{opacity:.45;cursor:not-allowed}.s5-teacher-top{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;margin-bottom:12px}.s5-create{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:12px 0;overflow:hidden}.s5-create summary{padding:14px 16px;font-weight:900;cursor:pointer;color:#155eef}.s5-create .s5-form{border:0;border-radius:0;border-top:1px solid #edf0f5}.s5-list,.s5-mini-list{display:grid;gap:10px}.s5-batch{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.s5-batch h3,.s5-mini-list strong{margin:0;color:#172033}.s5-batch p{margin:5px 0 0;color:#667085;font-size:12px}.s5-batch code,.s5-codebox strong{font-size:18px;letter-spacing:1px;color:#0f3c93}.s5-codebox{background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid #cfe0ff;border-radius:18px;padding:18px;text-align:center;margin:12px 0}.s5-codebox span{display:block;color:#667085;font-size:12px}.s5-codebox strong{display:block;font-size:28px;margin:6px 0 12px}.s5-codebox>div{display:flex;gap:8px;justify-content:center}.s5-mini-list>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:10px}.s5-mini-list small{color:#667085;text-align:right}.s5-rank-summary{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin:10px 0}.s5-rank-list{display:grid;gap:7px}.s5-rank-list>div{display:grid;grid-template-columns:46px 1fr 64px;gap:8px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.s5-rank-list>div>b{color:#155eef}.s5-rank-list>div>strong{text-align:right}.s5-switch{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:12px;font-weight:800}.s5-switch input{width:20px;height:20px}.s5-injected{border-color:#cfe0ff!important}
@media(max-width:700px){.s5-grid{grid-template-columns:1fr}.s5-sheet{max-height:96vh}.s5-sheet>header{grid-template-columns:38px 44px 1fr;padding:13px}.s5-sheet>header img{width:44px;height:44px}.s5-sheet>header h2{font-size:18px}.s5-sheet>main{padding:13px}.s5-batch{align-items:flex-start;flex-direction:column}.s5-batch .s5-primary{width:100%}.s5-mini-list>div{flex-direction:column}.s5-mini-list small{text-align:left}}

/* v1.21 Teacher & Growth System */
.s5-role-pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid #cfe0ff;border-radius:999px;background:#f4f8ff;color:#155eef;font:inherit;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.s5-role-choice{display:grid;gap:12px;margin:8px 0}.s5-role-choice .s5-card{min-height:112px;border-width:2px}.s5-role-choice .s5-card b{width:48px;height:48px;font-size:25px}.s5-role-choice .s5-card strong{font-size:15px}.s5-role-choice .s5-card small{font-size:12px}
.s5-onboard-hero{text-align:center;padding:8px 4px 14px}.s5-onboard-hero .s5-hero-icon{width:62px;height:62px;margin:0 auto 10px;border-radius:20px;background:linear-gradient(135deg,#155eef,#5b8cff);display:grid;place-items:center;color:#fff;font-size:30px;box-shadow:0 10px 28px rgba(21,94,239,.22)}.s5-onboard-hero h2{margin:0;color:#172033;font-size:22px}.s5-onboard-hero p{margin:7px auto 0;max-width:520px;color:#667085;font-size:13px;line-height:1.5}
.s5-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.s5-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:12px;text-align:center;min-width:0}.s5-summary-card strong{display:block;font-size:23px;color:#155eef;line-height:1.1}.s5-summary-card span{display:block;margin-top:5px;color:#667085;font-size:10px;font-weight:800;line-height:1.25}.s5-summary-card.attention strong{color:#b42318}.s5-summary-card.good strong{color:#137333}
.s5-teacher-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 14px}.s5-teacher-actions .s5-primary,.s5-teacher-actions .s5-secondary{min-height:46px}
.s5-privacy-note{display:flex;gap:9px;align-items:flex-start;background:#f7faff;border:1px solid #d8e3f5;border-radius:14px;padding:12px;color:#475467;font-size:11px;line-height:1.5}.s5-privacy-note b{font-size:18px}.s5-privacy-note strong{color:#172033}
.s5-student-list{display:grid;gap:10px;margin:10px 0}.s5-student{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:13px}.s5-student.need-attention{border-color:#fecaca;background:#fffafa}.s5-student-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.s5-student-head h4{margin:0;color:#172033;font-size:15px}.s5-student-head small{display:block;margin-top:3px;color:#667085}.s5-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;background:#eaf8ee;color:#137333;white-space:nowrap}.s5-status.warn{background:#fff1f0;color:#b42318}
.s5-perf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0}.s5-perf>div{background:#f8fafc;border-radius:10px;padding:8px 6px;text-align:center;min-width:0}.s5-perf strong{display:block;color:#172033;font-size:14px}.s5-perf span{display:block;color:#667085;font-size:9px;margin-top:2px;line-height:1.2}.s5-subject-chips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.s5-subject-chips span{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:5px 7px;color:#475467;font-size:10px;font-weight:800}.s5-student-actions{display:flex;gap:7px;margin-top:9px}.s5-student-actions button{flex:1}
.s5-section-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:16px 0 8px}.s5-section-title h3{margin:0;color:#172033;font-size:16px}.s5-section-title small{color:#667085}
.s5-mode-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;background:linear-gradient(135deg,#155eef,#3f7cff);color:#fff;border-radius:18px;padding:14px 15px;margin-bottom:12px}.s5-mode-banner strong{display:block;font-size:16px}.s5-mode-banner small{display:block;opacity:.9;margin-top:3px}.s5-mode-banner button{border:0;background:#fff;color:#155eef;border-radius:11px;padding:9px 11px;font-weight:900;cursor:pointer;white-space:nowrap}
@media(max-width:700px){.s5-summary-grid{grid-template-columns:repeat(2,1fr)}.s5-perf{grid-template-columns:repeat(2,1fr)}.s5-teacher-actions{grid-template-columns:1fr}.s5-role-pill span{display:none}.s5-role-pill{width:36px;justify-content:center;padding:6px}.s5-student-head{align-items:flex-start}.s5-mode-banner{align-items:flex-start;flex-direction:column}.s5-mode-banner button{width:100%}}
/* v1.21 exact Teacher dashboard component styles */
.s5-role-intro{text-align:center;margin:2px 0 12px}.s5-role-intro h3{margin:0;color:#172033;font-size:19px}.s5-role-intro p{margin:6px auto 0;max-width:520px;color:#667085;font-size:12px;line-height:1.5}.s5-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s5-role-card{display:flex;gap:12px;align-items:center;text-align:left;border:2px solid #e2e8f0;background:#fff;border-radius:18px;padding:15px;min-height:104px;cursor:pointer}.s5-role-card.teacher{border-color:#cfe0ff;background:#f8fbff}.s5-role-card b{width:46px;height:46px;border-radius:15px;background:#eef4ff;display:grid;place-items:center;font-size:24px;flex:0 0 auto}.s5-role-card span{display:flex;flex-direction:column;gap:4px;flex:1}.s5-role-card strong{color:#172033;font-size:14px}.s5-role-card small{color:#667085;font-size:11px;line-height:1.35}.s5-role-card i{font-style:normal;color:#98a2b3;font-size:22px}.s5-role-later{display:block;margin:12px auto 0}
.s5-top-actions{display:flex;gap:6px;align-items:center}.s5-dashboard-stats,.s5-class-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.s5-class-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.s5-dashboard-stats>div,.s5-class-summary>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:11px 8px;text-align:center;min-width:0}.s5-dashboard-stats strong,.s5-class-summary strong{display:block;color:#155eef;font-size:22px;line-height:1}.s5-dashboard-stats span,.s5-class-summary span{display:block;color:#667085;font-size:9px;font-weight:800;line-height:1.25;margin-top:5px}.s5-dashboard-stats .attention strong,.s5-class-summary .attention strong{color:#b42318}
.s5-batch-metrics{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.s5-batch-metrics span{font-size:9px;font-weight:800;padding:5px 7px;background:#f8fafc;border-radius:999px;color:#475467}.s5-batch-metrics span.warn{background:#fff1f0;color:#b42318}.s5-advanced{border:1px solid #edf0f5;border-radius:12px;padding:0 10px}.s5-advanced>summary{cursor:pointer;padding:10px 0;font-size:11px;color:#667085;font-weight:800}
.s5-student-list{display:grid;gap:9px}.s5-student-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.s5-student-card.attention{border-color:#fecaca;background:#fffafa}.s5-student-card.active{border-color:#b7e4c5}.s5-student-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.s5-student-head>div{min-width:0}.s5-student-head strong{display:block;color:#172033;font-size:14px}.s5-student-head small{display:block;color:#667085;font-size:10px;line-height:1.35;margin-top:3px}.s5-student-head>span{flex:0 0 auto;border-radius:999px;background:#eef4ff;color:#155eef;padding:5px 8px;font-size:10px;font-weight:900}.s5-student-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0}.s5-student-stats span{background:#f8fafc;border-radius:10px;padding:7px 4px;text-align:center;color:#667085;font-size:9px}.s5-student-stats b{display:block;color:#172033;font-size:13px;margin-bottom:2px}.s5-perf-chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.s5-perf-chips span{display:inline-flex;gap:5px;align-items:center;border:1px solid #e2e8f0;border-radius:999px;padding:5px 7px;background:#fff;font-size:9px}.s5-perf-chips b{color:#475467}.s5-perf-chips em{font-style:normal;color:#155eef;font-weight:900}.s5-student-foot{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f2f5}.s5-student-foot small{color:#98a2b3;font-size:9px}.s5-student-foot button{padding:8px 9px;font-size:10px}.s5-student-empty{margin:8px 0!important;padding:9px!important}
@media(max-width:700px){.s5-role-grid{grid-template-columns:1fr}.s5-top-actions{align-items:flex-end;flex-direction:column}.s5-top-actions .s5-secondary{font-size:10px;padding:8px 9px}.s5-class-summary{grid-template-columns:repeat(2,1fr)}.s5-class-summary>div:last-child{grid-column:1/-1}.s5-student-stats{grid-template-columns:repeat(2,1fr)}.s5-student-foot{align-items:flex-start;flex-direction:column}.s5-student-foot button{width:100%}}


/* v1.21.3 Teacher Welcome Guide + in-app User Manual */
.s5-manual-card{width:100%;display:grid;grid-template-columns:46px 1fr 22px;gap:12px;align-items:center;text-align:left;border:1px solid #cfe0ff;background:linear-gradient(135deg,#f7faff,#fff);border-radius:16px;padding:13px 14px;margin:0 0 12px;cursor:pointer;color:#172033}.s5-manual-card>span{width:46px;height:46px;border-radius:14px;background:#eaf2ff;display:grid;place-items:center;font-size:24px}.s5-manual-card>div{display:grid;gap:3px}.s5-manual-card strong{font-size:14px}.s5-manual-card small{font-size:11px;line-height:1.4;color:#667085}.s5-manual-card i{font-style:normal;font-size:22px;color:#98a2b3}.s5-manual-card.dashboard{margin:12px 0}
.s5-guide-hero{display:flex;gap:13px;align-items:flex-start;background:linear-gradient(135deg,#eaf2ff,#f8fbff);border:1px solid #cfe0ff;border-radius:18px;padding:15px;margin-bottom:14px}.s5-guide-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff;font-size:27px;box-shadow:0 3px 12px rgba(21,94,239,.09);flex:0 0 auto}.s5-guide-hero h3{margin:1px 0 5px;color:#172033;font-size:17px}.s5-guide-hero p{margin:0;color:#475467;line-height:1.5;font-size:12px}.s5-guide-steps{display:grid;gap:9px}.s5-guide-steps article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.s5-guide-steps article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#155eef;color:#fff;font-size:14px}.s5-guide-steps article>div{display:grid;gap:3px}.s5-guide-steps strong{font-size:13px;color:#172033}.s5-guide-steps small{font-size:11px;line-height:1.45;color:#667085}.s5-guide-benefits{margin:12px 0;background:#eefaf2;border:1px solid #c7ead2;border-radius:14px;padding:12px;color:#176b32}.s5-guide-benefits strong{font-size:13px}.s5-guide-benefits p{margin:5px 0 0;font-size:11px;line-height:1.5}.s5-guide-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:12px}.s5-guide-actions button{min-height:46px}.s5-guide-later{display:block;margin:10px auto 0}.s5-guide-tip{text-align:center;color:#667085;font-size:10.5px;line-height:1.45;margin:8px auto 0;max-width:520px}
@media(max-width:520px){.s5-guide-actions{grid-template-columns:1fr}.s5-manual-card{grid-template-columns:42px 1fr 18px}.s5-manual-card>span{width:42px;height:42px}.s5-teacher-top{align-items:flex-start}.s5-top-actions{display:grid;gap:6px;justify-items:end}.s5-top-actions .s5-secondary,.s5-top-actions .s5-link{font-size:11px;padding:8px 9px}}

/* v1.21.4 Teacher step-by-step contextual coach */
.s5-coach-card{position:relative;margin:12px 0 14px;padding:15px;border:1px solid #b9d2ff;border-radius:18px;background:linear-gradient(135deg,#edf4ff,#ffffff);box-shadow:0 8px 24px rgba(21,94,239,.08);overflow:hidden}.s5-coach-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#155eef}.s5-coach-kicker{display:inline-flex;align-items:center;gap:5px;color:#155eef;font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:none;margin-bottom:8px}.s5-coach-card h3{margin:3px 0 6px;color:#172033;font-size:16px;line-height:1.3}.s5-coach-card p{margin:0;color:#475467;font-size:11.5px;line-height:1.55}.s5-coach-steps{display:flex;gap:7px;margin:1px 0 10px}.s5-coach-steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid #d8e3f5;background:#fff;color:#98a2b3;font-size:11px;font-weight:900}.s5-coach-steps span.done{background:#eaf8ee;border-color:#9ed9af;color:#137333}.s5-coach-steps span.current{background:#155eef;border-color:#155eef;color:#fff;box-shadow:0 0 0 4px rgba(21,94,239,.10)}.s5-coach-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;margin-top:12px}.s5-coach-actions:has(>button:only-child){grid-template-columns:1fr}.s5-coach-actions button{min-height:43px;font-size:11px}.s5-create[open]{scroll-margin-top:15px}.s5-create input[name="name"]:focus{outline:3px solid rgba(21,94,239,.18);border-color:#155eef;box-shadow:0 0 0 2px #fff}.s5-attention-heading{scroll-margin-top:16px}
@media(max-width:520px){.s5-coach-card{padding:13px 12px 13px 15px}.s5-coach-card h3{font-size:15px}.s5-coach-actions{grid-template-columns:1fr}.s5-coach-actions button{width:100%}.s5-coach-steps span{width:26px;height:26px}}


/* v1.21.7: visible home role selector + safe class deletion */
.s5-home-role-switch{margin:0 0 12px;padding:12px;border:1px solid #dbe7fb;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 5px 18px rgba(15,23,42,.05);display:grid;grid-template-columns:minmax(120px,.75fr) minmax(240px,1.25fr);gap:12px;align-items:center}
.s5-home-role-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.s5-home-role-copy strong{font-size:13px;color:#172033}.s5-home-role-copy small{font-size:10px;line-height:1.35;color:#667085}
.s5-home-role-segment{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#eef3fb;border:1px solid #dde6f3;border-radius:14px}
.s5-home-role-segment button{min-height:44px;border:0;border-radius:10px;background:transparent;color:#475467;font:inherit;font-size:12px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;transition:.18s ease}
.s5-home-role-segment button.active{background:#155eef;color:#fff;box-shadow:0 4px 10px rgba(21,94,239,.22)}
.s5-batch-actions{display:flex;gap:8px;align-items:center}.s5-batch-actions .s5-primary{min-width:118px}.s5-icon-danger{width:46px;height:46px;border:1px solid #ffc9c9;border-radius:12px;background:#fff5f4;color:#b42318;font-size:17px;cursor:pointer;display:grid;place-items:center}.s5-icon-danger:active{transform:scale(.97)}
@media(max-width:700px){.s5-home-role-switch{grid-template-columns:1fr;margin:0 0 10px;padding:10px}.s5-home-role-copy{padding:0 2px}.s5-home-role-copy small{font-size:9.5px}.s5-home-role-segment button{min-height:46px;font-size:12px}.s5-role-pill{width:auto;max-width:112px;justify-content:center;padding:6px 9px}.s5-role-pill span{display:inline;overflow:hidden;text-overflow:ellipsis}.s5-batch-actions{width:100%}.s5-batch-actions .s5-primary{flex:1;width:auto}.s5-icon-danger{flex:0 0 46px}}
@media(max-width:390px){.s5-home-role-segment button span{font-size:11px}.s5-role-pill span{display:none}.s5-role-pill{width:36px;padding:6px}}

/* v1.5.0 Teacher Assignment Center */
.s5-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 8px}.s5-section-title h3{margin:0}.s5-section-title .s5-secondary{padding:8px 10px;font-size:10px}
.s5-assignment-create select optgroup{font-weight:900;color:#172033}.s5-assignment-create select option{font-weight:600}
.s5-assignments{margin:15px 0}.s5-assignments>h3{margin:0 0 9px}.s5-assignment-grid{display:grid;gap:9px}.s5-assignment-card{border:1px solid #dfe7f3;border-radius:16px;background:#fff;padding:12px;box-shadow:0 3px 12px rgba(15,23,42,.04)}.s5-assignment-card.overdue{border-color:#fecaca;background:#fffafa}.s5-assignment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.s5-assignment-head>div{display:grid;gap:4px;min-width:0}.s5-assignment-head strong{font-size:13px;color:#172033;line-height:1.35}.s5-assignment-head small{font-size:10px;color:#667085;line-height:1.35}.s5-paper-badge{display:inline-flex;width:max-content;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.s5-paper-badge.p1{background:#eaf2ff;color:#155eef}.s5-paper-badge.p2{background:#f1eafe;color:#6f2bd4}.s5-due{flex:0 0 auto;border-radius:999px;background:#f2f4f7;color:#475467;padding:5px 7px;font-size:9px;font-weight:900}.s5-due.overdue{background:#fee4e2;color:#b42318}.s5-assignment-progress{display:flex;align-items:center;gap:8px;margin:10px 0;padding:8px 9px;border-radius:11px;background:#f8fafc}.s5-assignment-progress b{font-size:13px;color:#155eef}.s5-assignment-progress span{font-size:10px;color:#667085}.s5-share-assignment{width:100%}
@media(max-width:520px){.s5-section-title{align-items:flex-start;flex-direction:column}.s5-section-title .s5-secondary{width:100%}.s5-assignment-head{gap:6px}.s5-assignment-head strong{font-size:12.5px}}


/* v1.6.0 Teacher performance insights */
.s5-insight-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0}.s5-insight-metrics span,.s5-paper-metrics span{min-width:0;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;padding:8px 6px;text-align:center;display:grid;gap:2px;color:#667085;font-size:9px;line-height:1.25}.s5-insight-metrics b,.s5-paper-metrics b{font-size:12px;color:#172033}.s5-insight-metrics .up{background:#effaf3;border-color:#b7e2c3}.s5-insight-metrics .up b{color:#137333}.s5-insight-metrics .down{background:#fff5f4;border-color:#fecaca}.s5-insight-metrics .down b{color:#b42318}.s5-paper-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 9px}.s5-strength-weak{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 0}.s5-strength-weak span{border-radius:10px;padding:7px 8px;background:#f8fafc;color:#475467;font-size:9.5px;line-height:1.35}.s5-strength-weak b{color:#172033}.s5-strength-weak span:first-child{background:#effaf3}.s5-strength-weak span:last-child{background:#fff8eb}
@media(max-width:480px){.s5-strength-weak{grid-template-columns:1fr}.s5-insight-metrics span{padding:7px 4px}}

/* v4.1.1 mobile video QA: keep inactive Teacher Mode tabs readable even when the WP theme forces button text to white */
.s5-auth-tabs button,.s5-tabs button{
  color:#344054!important;
  -webkit-text-fill-color:#344054;
  opacity:1!important;
  line-height:1.25;
  white-space:normal;
}
.s5-auth-tabs button.active,.s5-tabs button.active{
  color:#fff!important;
  -webkit-text-fill-color:#fff;
}

/* v4.1.2 Professional Role Onboarding — delayed, non-abrupt bottom sheet */
.s5-role-prompt{background:rgba(15,23,42,.54);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.s5-role-prompt .s5-sheet{width:min(590px,100%);max-height:92vh;background:#fff;border-radius:30px 30px 0 0;overflow:auto;animation:s5RoleSheetIn .34s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 -24px 72px rgba(15,23,42,.28)}
.s5-role-prompt .s5-sheet>header{display:none!important}.s5-role-prompt .s5-sheet>main{padding:0!important}
.s5-role-onboard{padding:18px 18px max(20px,calc(18px + env(safe-area-inset-bottom)));background:linear-gradient(180deg,#f8fbff 0,#fff 42%)}
.s5-role-brand{display:flex;align-items:center;gap:10px;margin-bottom:17px}.s5-role-brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 5px 16px rgba(21,94,239,.15)}.s5-role-brand>div{display:grid;gap:1px}.s5-role-brand strong{color:#172033;font-size:13px;line-height:1.2}.s5-role-brand small{color:#667085;font-size:10.5px;font-weight:700}
.s5-role-prompt .s5-role-intro{text-align:left;margin:0 0 16px}.s5-role-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:#eaf2ff;color:#155eef;font-size:9.5px;font-weight:900;letter-spacing:.015em;margin-bottom:8px}.s5-role-prompt .s5-role-intro h3{font-size:22px;line-height:1.22;letter-spacing:-.015em}.s5-role-prompt .s5-role-intro p{margin:7px 0 0;max-width:500px;font-size:12px;line-height:1.55;color:#667085}
.s5-role-prompt .s5-role-grid{grid-template-columns:1fr 1fr;gap:10px}.s5-role-prompt .s5-role-card{position:relative;min-height:154px;align-items:flex-start;padding:15px;border:1px solid #dce4f1;border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.s5-role-prompt .s5-role-card:hover,.s5-role-prompt .s5-role-card:focus-visible{transform:translateY(-2px);border-color:#8db2ff;box-shadow:0 10px 26px rgba(21,94,239,.12);outline:none}.s5-role-prompt .s5-role-card.teacher{background:linear-gradient(145deg,#f5f9ff,#fff);border-color:#bdd3ff}.s5-role-prompt .s5-role-card.student{background:linear-gradient(145deg,#fff,#fbfcff)}
.s5-role-prompt .s5-role-card>b{width:48px;height:48px;border-radius:15px;background:#edf3ff;font-size:25px;box-shadow:none}.s5-role-prompt .s5-role-card.teacher>b{background:#e8f0ff}.s5-role-prompt .s5-role-card span{gap:4px}.s5-role-prompt .s5-role-card em{font-style:normal;color:#667085;font-size:9.5px;font-weight:800;line-height:1.3}.s5-role-prompt .s5-role-card strong{font-size:14px;line-height:1.32;color:#172033}.s5-role-prompt .s5-role-card small{font-size:10.5px;line-height:1.45;color:#667085}.s5-role-prompt .s5-role-card i{position:absolute;right:13px;top:15px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-size:18px}
.s5-role-continue{width:100%;min-height:46px;margin-top:12px;border:1px solid #dfe5ef;border-radius:13px;background:#fff;color:#344054;font:inherit;font-size:11.5px;font-weight:900;cursor:pointer}.s5-role-continue:hover,.s5-role-continue:focus-visible{background:#f8fafc;border-color:#c8d2e1;outline:2px solid rgba(21,94,239,.12);outline-offset:2px}.s5-role-note{text-align:center;margin:8px 6px 0;color:#98a2b3;font-size:9.5px;line-height:1.4}
@keyframes s5RoleSheetIn{from{transform:translateY(34px);opacity:.25}to{transform:translateY(0);opacity:1}}
@media(max-width:560px){.s5-role-prompt .s5-sheet{border-radius:26px 26px 0 0}.s5-role-onboard{padding:15px 14px max(17px,calc(15px + env(safe-area-inset-bottom)))}.s5-role-prompt .s5-role-grid{grid-template-columns:1fr}.s5-role-prompt .s5-role-card{min-height:104px;display:grid;grid-template-columns:48px 1fr 25px;align-items:center;gap:11px}.s5-role-prompt .s5-role-card i{position:static}.s5-role-prompt .s5-role-intro h3{font-size:20px}.s5-role-brand{margin-bottom:14px}}
@media(max-width:380px){.s5-role-onboard{padding-left:12px;padding-right:12px}.s5-role-prompt .s5-role-card{padding:12px}.s5-role-prompt .s5-role-card strong{font-size:13px}.s5-role-prompt .s5-role-card small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.s5-role-prompt .s5-sheet{animation:none!important}.s5-role-prompt .s5-role-card{transition:none!important}}