:root{color:#18222f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Hebrew,Noto Sans Arabic,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:linear-gradient(135deg,#0f766e1c,#0000 34%),linear-gradient(225deg,#e85d4f1f,#0000 32%),#f7f8f4;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.login-shell{--role-accent:#0f766e;background:linear-gradient(135deg,#0f766e24,#0000 36%),linear-gradient(225deg,#e85d4f21,#0000 34%),#f7f8f4;place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel{background:#ffffffeb;border:1px solid #18222f1a;border-radius:8px;gap:18px;width:min(100%,460px);padding:24px;display:grid;box-shadow:0 22px 62px #18222f1f}.login-panel.guide-panel{width:min(100%,860px)}.login-panel h1{color:#16202d;letter-spacing:0;margin:4px 0 0;font-size:34px}.login-panel p{color:#667085;margin:0;font-size:13px}.login-brand{margin-bottom:4px}.login-form{gap:12px;display:grid}.login-form label{color:#475467;gap:7px;font-size:13px;display:grid}.login-form input,.login-form select{color:#18222f;width:100%;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;outline:none;padding:11px 12px}.login-form input:focus,.login-form select:focus{border-color:var(--role-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--role-accent) 18%, transparent)}.login-form label span{color:#667085;font-size:12px}.login-error{color:#b42318;background:#fff1f0;border-radius:8px;padding:9px 11px;font-size:13px}.demo-logins{color:#344054;gap:9px;font-size:13px;display:grid}.auth-tabs{background:#edf0ea;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.auth-tabs.compact{grid-template-columns:1fr}.auth-tabs button{color:#344054;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:38px}.auth-tabs button.active{color:#fff;background:var(--role-accent)}.register-note,.generated-code{color:#0f766e;background:#dff4ef;border-radius:8px;padding:10px 12px;font-size:13px}.generated-code{gap:8px;display:grid}.generated-code strong{color:#16202d;letter-spacing:.08em;font-size:26px}.generated-code small{color:#37515c}.guide-downloads{color:#344054;background:#fff;border:1px solid #18222f14;border-radius:8px;gap:10px;padding:12px;font-size:13px;display:grid}.guide-downloads .button-row{align-items:stretch}.guide-downloads a{text-decoration:none}.guide-page{gap:16px;display:grid}.guide-page.compact{max-height:min(58vh,620px);padding-inline-end:4px;overflow:auto}.guide-intro{background:#edf0ea;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.guide-intro svg{color:var(--role-accent);flex:none}.guide-intro strong,.guide-intro span{display:block}.guide-intro span{color:#667085;margin-top:2px;font-size:13px}.guide-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.guide-notes span{color:#37515c;background:#fff;border:1px solid #18222f14;border-radius:8px;padding:11px 12px;font-size:13px}.guide-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-section{background:#fff;border:1px solid #18222f1a;border-radius:8px;align-content:start;gap:12px;padding:16px;display:grid}.guide-section h3,.guide-section p,.guide-section ol{margin:0}.guide-section h3{color:#16202d;font-size:18px}.guide-section p{color:#667085;margin-top:5px;font-size:13px}.guide-section ol{color:#344054;gap:8px;padding-inline-start:22px;font-size:14px;display:grid}[dir=rtl] .guide-section ol{padding-inline:0 22px}.sidebar{background:#ffffffc7;border-inline-end:1px solid #18222f1a;flex-direction:column;gap:22px;min-height:100vh;padding:24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 24px #0f766e38}.brand strong,.brand span{display:block}.brand strong{font-size:19px}.brand span,.topbar p,.panel-header p,.live-top p{color:#667085;margin:0;font-size:13px}.role-switcher,.locale-tabs{background:#edf0ea;border-radius:8px;gap:6px;padding:5px;display:flex}.role-switcher{flex-direction:column}.account-card{background:#edf0ea;border-radius:8px;gap:8px;padding:10px;display:grid}.account-card .profile-chip{justify-content:flex-start}.account-card span{color:#667085;padding-inline:3px;font-size:13px}.role-switcher button,.locale-tabs button,.nav-item,.ghost-button,.solid-button,.mini-button,.file-button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.role-switcher button,.locale-tabs button{color:#344054;background:0 0;border-radius:6px;padding:8px 10px}.role-switcher button.active,.locale-tabs button.active{color:#111827;background:#fff;box-shadow:0 8px 18px #18222f14}.nav-list{gap:8px;display:grid}.nav-item{color:#344054;background:0 0;border-radius:8px;justify-content:flex-start;padding:10px 12px}.nav-item.active{color:#fff;background:var(--role-accent)}.sync-note{color:#37515c;background:#dff4ef;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:12px;font-size:13px;display:flex}.workspace{min-width:0;padding:26px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.topbar h1,.panel-header h2,.live-top h2{color:#16202d;letter-spacing:0;margin:4px 0 0}.topbar h1{font-size:clamp(28px,3vw,42px)}.top-actions,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-chip,.join-pill{color:#344054;background:#fff;border:1px solid #18222f1a;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:8px 12px;display:inline-flex}.join-card{background:#fff;border:1px solid #18222f1a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:14px;display:grid}.join-card label{color:#475467;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.join-card input{color:#18222f;min-width:0;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;outline:none;padding:10px 11px}.join-card input:focus{border-color:var(--role-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--role-accent) 18%, transparent)}.inline-form{border-top:1px solid #eef0eb;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 0;display:grid}.inline-form label{color:#475467;gap:7px;font-size:13px;display:grid}.inline-form input{color:#18222f;min-width:0;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;outline:none;padding:10px 11px}.inline-form input:focus{border-color:var(--role-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--role-accent) 18%, transparent)}.content-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.admin-content-grid{grid-template-columns:minmax(0,1fr)}.primary-panel,.live-card,.phone-card{background:#ffffffe6;border:1px solid #18222f1a;border-radius:8px;box-shadow:0 18px 48px #18222f14}.primary-panel{gap:18px;padding:20px;display:grid}.panel-header,.table-head,.live-top,.phone-status{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-header h2{font-size:28px}.ghost-button,.solid-button,.mini-button,.file-button{border-radius:8px;padding:10px 14px}.ghost-button:disabled,.solid-button:disabled,.mini-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.ghost-button,.mini-button,.file-button{color:#223042;background:#eef1ee}.mini-button.active{color:#fff;background:var(--role-accent)}.mini-button.danger{color:#9f342d;background:#fff0ed;width:auto;padding-inline:10px}.file-button{min-height:38px;position:relative}.admin-data-tools{border-inline-start:1px solid #18222f1f;flex-wrap:wrap;gap:8px;padding-inline-start:10px;display:flex}.file-button input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.data-status{color:#0f766e;background:#dff4ef;border-radius:8px;padding:9px 11px;font-size:13px}.solid-button{color:#fff;background:var(--role-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--role-accent) 28%, transparent)}.wide{width:100%}.builder-grid{grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:16px;display:grid}.live-control,.report-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;display:grid}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-table{grid-column:1/-1}.report-actions{background:#fff;border:1px solid #18222f1a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.quiz-report-row{grid-template-columns:minmax(180px,1.4fr) minmax(110px,.7fr) auto auto auto auto}.live-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.live-room-list{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.live-room-list strong,.live-room-list span{background:#eef1ee;border-radius:8px;padding:7px 9px}.live-room-list strong{color:#16202d;background:#dff4ef}.live-result-card{box-shadow:none;margin:12px 0}.empty-state{color:#667085;border-top:1px solid #eef0eb;padding:16px 0 4px}.question-card,.settings-card,.table-card,.progress-card{background:#fff;border:1px solid #18222f1a;border-radius:8px;padding:16px}.card-title{color:#667085;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.question-card h3,.phone-shell h3,.student-question{margin:16px 0;font-size:22px}.student-question{margin:0}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answers.compact{grid-template-columns:1fr}.answer{color:#18222f;text-align:start;cursor:pointer;background:#f8faf8;border:1px solid #18222f1f;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:12px;display:flex}.answer span{color:#fff;background:#18222f;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.answer.selected{border-color:var(--role-accent);background:color-mix(in srgb, var(--role-accent) 13%, white);box-shadow:inset 0 0 0 1px var(--role-accent)}.answer.correct{background:#e3f6ef;border-color:#0f766e}.answer.correct span{background:#0f766e}.answer.wrong{background:#fff0ed;border-color:#d85d55}.answer.wrong span{background:#d85d55}.feedback-card{background:#fff;border:1px solid #18222f1a;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.feedback-card div{gap:2px;display:grid}.feedback-card span{color:#667085;font-size:13px}.feedback-card.correct{color:#075f57;background:#e3f6ef}.feedback-card.wrong{color:#9f342d;background:#fff0ed}.settings-card{align-content:start;gap:12px;display:grid}.settings-card label{color:#475467;gap:6px;font-size:13px;display:grid}.settings-card input,.settings-card textarea,.settings-card select{color:#18222f;width:100%;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;outline:none;padding:10px 11px}.settings-card textarea{resize:vertical}.settings-card input:focus,.settings-card textarea:focus,.settings-card select:focus{border-color:var(--role-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--role-accent) 18%, transparent)}.assignment-box{border-top:1px solid #eef0eb;gap:10px;padding-top:12px;display:grid}.question-select-list{gap:8px;max-height:190px;padding:2px;display:grid;overflow:auto}.question-select-list.compact-list{max-height:160px}.full-test-question-list{gap:12px;max-height:560px;padding-inline-end:4px;display:grid;overflow:auto}.full-test-question{background:#fff;border:1px solid #18222f1a;border-radius:8px;gap:8px;padding:12px;display:grid}.quiz-tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-settings-panel,.quality-panel{background:#f8faf8;border:1px solid #18222f1a;border-radius:8px;gap:10px;padding:12px;display:grid}.ai-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-panel{border-color:#0f766e33}.quality-panel.warning{background:#fff7f5;border-color:#9f342d40}.hidden-file-input{display:none}.question-check{background:#fbfcfa;border:1px solid #eef0eb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:8px;display:grid}.question-check input{width:auto;margin-top:2px}.question-check span{color:#344054;line-height:1.35}.test-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check-line{background:#fbfcfa;border:1px solid #eef0eb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.check-line input{width:auto}.test-settings-summary{color:#475467;flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.test-settings-summary span{background:#eef1ee;border-radius:8px;padding:7px 9px}.question-tools{grid-template-columns:minmax(180px,1.2fr) minmax(130px,.7fr) minmax(130px,.7fr);align-items:end;gap:10px;display:grid}.question-tools label,.question-editor label{color:#475467;gap:6px;font-size:13px;display:grid}.question-tools input,.question-tools select,.question-editor input,.question-editor textarea,.question-editor select{color:#18222f;width:100%;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;outline:none;padding:10px 11px}.question-bank-row{gap:8px;display:grid}.question-bank-row.selected .table-row{background:color-mix(in srgb, var(--role-accent) 11%, white);box-shadow:inset 3px 0 0 var(--role-accent)}[dir=rtl] .question-bank-row.selected .table-row{box-shadow:inset -3px 0 0 var(--role-accent)}.question-editor{background:#f8faf8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.question-editor>strong,.question-editor .editor-wide{grid-column:1/-1}.correct-picker{color:#475467;gap:8px;font-size:13px;display:grid}.correct-picker div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.correct-picker button,.icon-button{cursor:pointer;border:0}.correct-picker button{color:#344054;background:#edf0ea;border-radius:8px;min-height:34px}.correct-picker button.active{color:#fff;background:var(--role-accent)}.setting-line{color:#475467;border-bottom:1px solid #eef0eb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.table-card,.progress-card{gap:10px;display:grid}.table-head.soft{border-top:1px solid #eef0eb;margin-top:8px;padding-top:12px}.table-row{color:#475467;border-top:1px solid #eef0eb;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:46px;display:grid}.student-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr) auto}.class-expander{border-top:1px solid #eef0eb}.class-row-button{text-align:start;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.class-expander.active .class-row-button{color:#16202d}.class-detail-block{background:#f8faf8;border:1px solid #eef0eb;border-radius:8px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:12px;margin:8px 0 4px;padding:12px;display:grid}.class-student-list,.student-score-list{align-content:start;gap:8px;display:grid}.student-pill{color:#344054;cursor:pointer;text-align:start;background:#fff;border:1px solid #0000;border-radius:8px;gap:2px;width:100%;padding:10px 12px;display:grid}.student-pill.active{border-color:var(--role-accent);background:color-mix(in srgb, var(--role-accent) 10%, white)}.student-pill span{color:#18222f;font-weight:700}.student-pill small{color:#667085}.compact-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.8fr) auto}.class-share-card{border-top:1px solid #eef0eb;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);align-items:center;gap:12px;padding-top:12px;display:grid}.class-share-card strong,.class-share-card span,.code-stack span{display:block}.class-share-card span,.code-stack span{color:#667085;font-size:13px}.code-stack{background:#edf0ea;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.code-stack b{color:#16202d;letter-spacing:.06em}.code-stack .icon-button,.table-row .icon-button,.teacher-assignment .icon-button{vertical-align:middle;width:28px;height:28px;margin-inline-start:6px}.user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.password-reset-control{position:relative}.reset-password-form{background:#fff;border:1px solid #18222f1a;border-radius:8px;grid-template-columns:minmax(150px,1fr) auto;gap:8px;width:min(360px,86vw);margin-top:8px;padding:10px;display:grid}.reset-password-form input{color:#18222f;min-width:0;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;padding:8px 10px}.reset-password-form span{color:#0f766e;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.topbar-password-form{background:#fff;border:1px solid #18222f1a;border-radius:8px;grid-template-columns:repeat(3,minmax(120px,1fr)) auto;gap:8px;width:min(100%,720px);padding:8px;display:grid}.topbar-password-form input{color:#18222f;min-width:0;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;padding:8px 10px}.password-gate{background:#fff7f5;border:1px solid #b4231838;border-radius:8px;gap:10px;margin:0 0 16px;padding:14px;display:grid}.password-gate strong,.password-gate span,.backup-summary span{display:block}.backup-summary{color:#475467;background:#edf0ea;border-radius:8px;padding:10px 12px}.audit-log .compact-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(130px,auto)}.backup-manager .compact-row{grid-template-columns:minmax(0,1.3fr) minmax(100px,.5fr) minmax(150px,.8fr) auto auto auto}.compact-select{color:#667085;gap:4px;font-size:12px;display:grid}.compact-select select{color:#18222f;min-width:120px;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;padding:7px 8px}.teacher-assignment{border-top:1px solid #eef0eb;grid-template-columns:minmax(180px,.7fr) minmax(0,1.2fr) minmax(150px,.6fr) minmax(170px,.7fr);align-items:center;gap:12px;padding-top:12px;display:grid}.teacher-assignment strong,.teacher-assignment span,.teacher-assignment small{display:block}.teacher-assignment span,.teacher-assignment small,.assignment-summary{color:#667085;font-size:13px}.class-checks{flex-wrap:wrap;gap:8px;display:flex}.class-checks label{color:#344054;cursor:pointer;background:#edf0ea;border-radius:8px;grid-template-columns:auto auto auto;align-items:center;gap:6px;min-height:36px;padding:7px 9px;display:inline-grid}.class-checks input{accent-color:var(--role-accent)}.class-checks small{color:#0f766e;font-weight:700}.student-assignment-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:16px;display:grid}.assignment-item{color:#344054;cursor:pointer;text-align:start;background:0 0;border:0;border-top:1px solid #eef0eb;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;width:100%;padding:12px 0;display:grid}.assignment-item.active{color:#16202d}.assignment-item span{font-weight:700}.assignment-item small{color:#667085}.assignment-item .status{grid-area:1/2/span 2}.assignment-solver{align-content:start}.assignment-solver .question-card{box-shadow:none}.student-score-history{border-color:#d79c183d}.score-history-row{grid-template-columns:minmax(150px,1.1fr) repeat(3,auto) minmax(130px,auto) auto}.table-row.selectable{border-radius:8px;padding-inline:8px}.table-row.selectable.selected{background:color-mix(in srgb, var(--role-accent) 11%, white);box-shadow:inset 3px 0 0 var(--role-accent)}[dir=rtl] .table-row.selectable.selected{box-shadow:inset -3px 0 0 var(--role-accent)}.row-main{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;gap:2px;padding:0;display:grid}.row-main span{color:#18222f;font-weight:700}.row-main small{color:#667085}.row-actions{align-items:center;gap:8px;display:inline-flex}.saved-test-row{border-top:1px solid #eef0eb;gap:10px;padding:12px 0;display:grid}.saved-test-summary{grid-template-columns:minmax(180px,1.2fr) minmax(120px,.7fr) repeat(6,auto);align-items:center;gap:10px;display:grid}.saved-test-summary input,.saved-test-summary select{color:#18222f;width:100%;font:inherit;background:#f8faf8;border:1px solid #18222f24;border-radius:8px;outline:none;padding:9px 10px}.quiz-editor{background:#f8faf8;border-radius:8px;gap:8px;padding:10px;display:grid}.quiz-actions{flex-wrap:wrap;gap:8px;display:flex}.teacher-tests-manager{border-color:#4b6f5f33}.quiz-result-list{background:#f8faf8;border-radius:8px;gap:8px;padding:10px;display:grid}.icon-button{color:#475467;background:#eef1ee;border-radius:8px;width:34px;height:34px}.status{color:#344054;background:#edf0ea;border-radius:999px;justify-self:start;padding:4px 9px;font-size:12px}.status.active{color:#075f57;background:#dff4ef}.status.pending{color:#9a5b00;background:#fff1ce}.status.draft,.status.neutral{color:#46536a;background:#eef1f7}.status.closed{color:#9f342d;background:#fff0ed}.stats-grid,.live-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:#fff;border:1px solid #18222f14;border-radius:8px;gap:4px;padding:14px;display:grid}.metric svg{color:var(--role-accent)}.metric span,.metric small{color:#667085;font-size:12px}.metric strong{font-size:24px}.progress-row{border-top:1px solid #eef0eb;grid-template-columns:90px minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:50px;display:grid}.progress-row span{color:#667085;font-size:12px;display:block}.meter{background:#edf0ea;border-radius:999px;height:9px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#f1b43f);height:100%;display:block}.side-stack{align-content:start;gap:18px;display:grid}.live-card{color:#fff;background:#18222f;padding:18px}.live-top h2{color:#fff;font-size:38px}.live-top p,.live-card .metric span,.live-card .metric small{color:#ffffffb3}.pulse-dot{background:#47d18c;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 8px #47d18c2e}.live-card .metric{background:#ffffff14;border-color:#ffffff1f}.live-card .metric strong{color:#fff}.leaderboard{gap:8px;margin-top:16px;display:grid}.leader-row{background:#ffffff14;border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:grid}.leader-row span{color:#18222f;background:#f1b43f;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.leader-row em{color:#d8e7e1;font-style:normal}.phone-card{background:linear-gradient(160deg,#fff,#eef7f3);padding:18px}.phone-shell{background:#fff;border:10px solid #17202d;border-radius:28px;max-width:270px;margin:0 auto;padding:16px;box-shadow:0 18px 38px #18222f29}.phone-status{color:#667085;font-size:12px}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-bottom:1px solid #18222f1a;min-height:auto}.nav-list,.role-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.role-switcher,.nav-list{display:grid}.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.workspace,.sidebar{padding:16px}.topbar,.panel-header{flex-direction:column;align-items:stretch}.topbar h1{font-size:30px}.builder-grid,.live-control,.report-grid,.student-assignment-grid,.stats-grid,.side-stack,.live-metrics,.guide-notes,.guide-sections,.join-card,.inline-form,.class-share-card,.class-detail-block,.teacher-assignment,.question-tools,.question-editor,.test-settings-grid,.ai-settings-panel,.live-answer-grid,.saved-test-summary,.quiz-report-row,.score-history-row,.compact-row,.student-row{grid-template-columns:1fr}.join-card label{grid-template-columns:auto minmax(0,1fr)}.join-card label input{grid-column:1/-1}.answers{grid-template-columns:1fr}.locale-tabs{width:100%}.locale-tabs button{flex:1}}