:root{--bg:#f6f7f9;--surface:#ffffff;--text:#1c2430;--muted:#5b6675;--border:#dde2e8;--primary:#1f5eff;--primary-text:#ffffff;--danger:#c62828;--success:#1b7f3b;--radius:8px;--space:16px;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);padding:var(--space)}.sidebar nav{display:flex;flex-direction:column;gap:4px;-webkit-margin-before:var(--space);margin-block-start:var(--space)}.sidebar nav a{padding:8px 10px;border-radius:var(--radius);color:var(--text)}.sidebar nav a:hover{background:var(--bg);text-decoration:none}.main{padding:calc(var(--space) * 1.5);max-width:1200px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space)}.card,.topbar{-webkit-margin-after:var(--space);margin-block-end:var(--space)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space);gap:var(--space)}.stat{font-size:2rem;font-weight:600}table{width:100%;border-collapse:collapse}td,th{text-align:start;padding:8px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:.9rem}form.stack{display:flex;flex-direction:column;gap:10px;max-width:520px}form.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text)}textarea{min-height:120px}button{font:inherit;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--primary);background:var(--primary);color:var(--primary-text);cursor:pointer}button.secondary{background:transparent;color:var(--primary)}button.danger{background:var(--danger);border-color:var(--danger)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;background:var(--bg);border:1px solid var(--border)}.badge.ACTIVE,.badge.APPROVED,.badge.LIVE,.badge.PRESENT,.badge.PUBLISHED{color:var(--success);border-color:var(--success)}.badge.ABSENT,.badge.CANCELLED,.badge.REJECTED{color:var(--danger);border-color:var(--danger)}.alert{padding:10px 12px;border-radius:var(--radius);-webkit-margin-after:var(--space);margin-block-end:var(--space)}.alert.error{background:#fdecea;color:var(--danger)}.alert.success{background:#e8f5ec;color:var(--success)}.muted{color:var(--muted)}.center{min-height:100vh;display:grid;place-items:center}code{background:var(--bg);padding:2px 6px;border-radius:4px}.lesson-editor{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);-webkit-margin-before:16px;margin-block-start:16px;-webkit-padding-before:16px;padding-block-start:16px}.lesson-editor h3{margin-block:0 8px}.lesson-items{-webkit-padding-start:24px;padding-inline-start:24px}.lesson-items li{padding-block:8px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.lesson-item-label{overflow-wrap:anywhere;min-width:0}.lesson-item-actions,.lesson-save{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lesson-item-actions button{padding:4px 8px}.lesson-upload{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-block:16px}.lesson-upload label{width:min(100%,520px)}.lesson-upload input[type=file]{width:100%}.lesson-upload .muted{margin:0}.upload-progress{display:flex;align-items:center;gap:8px}.upload-progress progress{accent-color:var(--primary)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.demo-roles{-webkit-margin-before:12px;margin-block-start:12px;max-width:520px}.demo-roles h2{margin-block:0 8px;font-size:1.1rem}.demo-role-actions{display:flex;flex-wrap:wrap;gap:8px}.lesson-text{white-space:pre-wrap;max-width:70ch;line-height:1.65}:root{--bg:oklch(0.972 0.008 253);--surface:#fff;--text:oklch(0.225 0.035 255);--muted:oklch(0.43 0.025 255);--border:oklch(0.89 0.012 255);--primary:oklch(0.48 0.19 264);--primary-hover:oklch(0.42 0.18 264);--primary-text:#fff;--success:oklch(0.37 0.12 154);--danger:oklch(0.46 0.18 27);--radius:12px;--space:18px}html{scroll-behavior:smooth}body{line-height:1.55}h1,h2,h3{line-height:1.3;text-wrap:balance}h1{letter-spacing:-.025em}a,button,input,select,textarea{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}a:hover{color:var(--primary-hover)}.button-link:hover,button:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;text-decoration:none}.button-link:active,button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid oklch(.69 .14 264);outline-offset:3px}input,select,textarea{min-height:42px}.card{box-shadow:0 2px 14px rgb(20 43 86/.035)}.shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:100vh;background:#112746;color:#fff;padding:26px 16px 18px;border:0}.brand-lockup{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 12px 24px;-webkit-border-after:1px solid rgb(255 255 255/.12);border-block-end:1px solid rgb(255 255 255/.12)}.brand-lockup strong{display:block;font-size:.98rem;line-height:1.35;font-weight:750}.brand-lockup small{display:block;color:#b8c9df;-webkit-margin-before:3px;margin-block-start:3px;font-size:.78rem}.brand-symbol{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#3d69eb;font-size:1.3rem}.sidebar .app-nav{display:block}.nav-group+.nav-group,.sidebar .app-nav{-webkit-margin-before:24px;margin-block-start:24px}.nav-caption{margin:0 12px 8px;color:#a9bdd7;font-size:.75rem;font-weight:700}.sidebar .app-nav-link{display:flex;align-items:center;min-height:40px;margin-block:2px;padding:8px 12px;border-radius:9px;color:#dce6f3;font-size:.91rem;font-weight:550}.sidebar .app-nav-link:hover{color:#fff;background:rgb(255 255 255/.11);text-decoration:none}.sidebar .app-nav-link[aria-current=page]{color:#fff;background:color-mix(in srgb,var(--sidebar-bg,#142b4d) 72%,white);font-weight:700}.shell .sidebar{background:var(--sidebar-bg,#142b4d)}.shell .brand-symbol{background:var(--primary)}.sidebar-footer{display:flex;align-items:center;gap:8px;-webkit-margin-before:auto;margin-block-start:auto;padding:20px 12px 0;color:#a9bdd7;font-size:.74rem;-webkit-border-before:1px solid rgb(255 255 255/.12);border-block-start:1px solid rgb(255 255 255/.12)}.sidebar-footer-mark{color:#8eafff}.main{max-width:none;min-width:0;padding:0}.topbar{margin:0;padding:10px clamp(22px,4vw,56px);background:#fff;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.topbar-context{display:flex;align-items:center;gap:9px;font-size:.85rem;font-weight:650;color:var(--muted)}.topbar-context-dot{width:8px;height:8px;border-radius:50%;background:#34a57c}.topbar-actions{display:flex;align-items:center;gap:12px}.account-chip,.topbar-link{font-size:.84rem;font-weight:650;white-space:nowrap}.account-chip{display:flex;align-items:center;gap:9px;-webkit-padding-start:14px;padding-inline-start:14px;-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8edff;color:#2b50ac;font-size:.72rem;font-weight:800}.topbar-signout{padding:7px 10px;font-size:.8rem;white-space:nowrap}.page-content{max-width:1440px;margin-inline:auto;padding:36px clamp(22px,4vw,56px) 72px}.page-content>h1,.page-content>section>h1{-webkit-margin-before:0;margin-block-start:0}.teacher-dashboard{display:grid;grid-gap:26px;gap:26px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-kicker{margin:0 0 6px;color:var(--primary);font-size:.8rem;font-weight:750}.page-heading h1{margin:0;font-size:2rem;font-weight:780}.page-intro{margin:8px 0 0;color:var(--muted);font-size:.95rem;max-width:65ch}.teacher-counts{display:flex;align-items:stretch;gap:0;padding:12px 4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 14px rgb(20 43 86/.035)}.teacher-counts span{display:flex;flex-direction:column;min-width:108px;padding-inline:17px;color:var(--muted);font-size:.73rem;white-space:nowrap}.teacher-counts span+span{-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.teacher-counts strong{color:var(--text);font-size:1.35rem;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.teacher-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.85fr);align-items:flex-start;grid-gap:22px;gap:22px}.teacher-primary,.teacher-side{display:grid;grid-gap:22px;gap:22px;min-width:0}.next-session{min-height:256px;padding:24px 28px;color:#fff;background:var(--sidebar-bg,#203d7f);border-radius:16px;position:relative;overflow:hidden}.next-session:after{content:"";position:absolute;width:200px;height:200px;border:1px solid rgb(255 255 255/.17);border-radius:50%;inset-inline-end:-75px;inset-block-end:-90px;pointer-events:none}.next-session-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.next-session h2{margin:0;font-size:.98rem;font-weight:650;color:#cfddff}.next-session .badge{color:#fff;background:rgb(255 255 255/.14);border-color:rgb(255 255 255/.3)}.next-session-date{display:flex;align-items:baseline;gap:12px;-webkit-margin-before:22px;margin-block-start:22px;color:#dbe5ff;font-size:.86rem}.next-session-date strong{font-size:1rem;color:#fff}.next-session h3{max-width:28ch;margin:9px 0 0;font-size:1.44rem;font-weight:750}.next-session-cohort{margin:7px 0 0;color:#d3dfff;font-size:.86rem}.next-session-actions{display:flex;flex-wrap:wrap;gap:10px;-webkit-margin-before:22px;margin-block-start:22px}.next-session-actions form{margin:0}.button-link,.next-session-actions button{display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:7px 14px;border-radius:8px;font:inherit;font-size:.83rem;font-weight:700}.next-session-actions button{background:#fff;border-color:#fff;color:#18366e}.next-session-actions button:hover{background:#e8edff;color:#18366e}.next-session-actions .button-link.secondary{background:transparent;color:#fff;border:1px solid rgb(255 255 255/.45)}.next-session-actions .button-link.secondary:hover{background:rgb(255 255 255/.12)}.next-session-empty{-webkit-margin-before:34px;margin-block-start:34px;max-width:44ch;color:#e2eaff}.teacher-section{min-width:0;margin:0;padding:22px 24px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 14px rgb(20 43 86/.035)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;-webkit-margin-after:14px;margin-block-end:14px}.section-heading h2{margin:0;font-size:1.03rem;font-weight:760}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.section-count{display:grid;place-items:center;min-width:27px;height:27px;padding-inline:6px;border-radius:8px;background:#eaf0ff;color:#294d9b;font-size:.78rem;font-weight:800}.session-list{margin-inline:-24px}.session-row{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(150px,1.8fr) auto auto;align-items:center;grid-gap:14px;gap:14px;padding:14px 24px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.session-details,.session-when{display:flex;flex-direction:column;min-width:0}.session-when strong{font-size:.82rem}.session-details small,.session-when span{color:var(--muted);font-size:.76rem}.session-details a{color:var(--text);font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.session-details a:hover,.session-open:hover{color:var(--primary)}.session-open{white-space:nowrap;font-size:.79rem;font-weight:750}.teacher-section .badge{white-space:nowrap;font-size:.72rem;font-weight:700}.teacher-empty{padding-block:22px;color:var(--muted);font-size:.88rem}.review-clear{margin:0;padding:18px;border-radius:10px;background:#eaf6f0;color:#1d6445;font-size:.84rem;font-weight:650}.cohort-list,.review-list{list-style:none;padding:0;margin:0}.review-list li{display:grid;grid-gap:3px;gap:3px;padding-block:12px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.review-list a{color:var(--text);font-size:.86rem;font-weight:700}.cohort-list small,.review-list small{display:block;color:var(--muted);font-size:.77rem}.cohort-list li{display:flex;align-items:center;gap:12px;padding-block:12px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.cohort-list strong{display:block;font-size:.86rem}.cohort-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#eaf0ff;color:#284c99;font-weight:800}@media (max-width:1180px){.teacher-layout{grid-template-columns:minmax(0,1fr)}.teacher-side{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}}@media (max-width:780px){.shell{display:block}.sidebar{min-height:0;padding:12px 18px}.brand-lockup{padding:0 0 12px;min-height:0}.brand-lockup small,.nav-caption,.sidebar-footer{display:none}.sidebar .app-nav{display:flex;gap:8px;overflow-x:auto;-webkit-margin-before:10px;margin-block-start:10px;-webkit-padding-after:3px;padding-block-end:3px}.nav-group{display:flex;flex:none;gap:3px}.nav-group+.nav-group{margin:0}.sidebar .app-nav-link{margin:0;padding:7px 10px;white-space:nowrap;font-size:.82rem}.topbar{min-height:0;padding:12px 20px}.account-chip span:last-child,.topbar-context{display:none}.topbar-actions{width:100%;justify-content:space-between;gap:9px}.account-chip{-webkit-padding-start:0;padding-inline-start:0;border:0}.page-content{padding:26px 18px 52px}.teacher-side{grid-template-columns:1fr}.teacher-counts{width:100%}.teacher-counts span{min-width:0;flex:1 1;padding-inline:12px;white-space:normal}.session-row{grid-template-columns:1fr auto}.session-details,.session-when{grid-column:1}.session-row .badge{grid-column:2;grid-row:1}.session-open{grid-column:2;grid-row:2}}@media (max-width:420px){.topbar-link{font-size:.74rem}.account-avatar{display:none}.teacher-counts span{font-size:.66rem}.teacher-counts strong{font-size:1.15rem}.next-session,.teacher-section{padding:20px}.session-list{margin-inline:-20px}.session-row{padding-inline:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,input,select,textarea{transition:none}}.content-index{display:grid;grid-gap:22px;gap:22px}.content-index-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.content-index-header h1,.creation-page h1{margin:0;font-size:1.85rem}.content-index-header p{max-width:68ch;margin:6px 0 0;color:var(--muted);font-size:.92rem}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;flex:none;padding:8px 17px;background:var(--primary);color:#fff;border-radius:9px;font-size:.86rem;font-weight:750}.primary-link:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.content-collection{display:grid;grid-gap:12px;gap:12px}.content-index .content-collection{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.content-item.content-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;overflow:hidden;grid-gap:0;gap:0;padding:0}.content-card>.content-item-main{min-width:0;padding:20px 22px 22px}.content-card>.content-open,.content-card>form{justify-self:start;min-width:0;margin:0 22px 22px}.content-card .content-item-top,.content-card .content-links,.content-card .content-media,.content-card .content-paths{min-width:0;max-width:100%}.content-card .content-links>*,.content-card .content-media>*,.content-card .content-paths>*,.content-card .content-title{min-width:0;max-width:100%;overflow-wrap:anywhere}.content-card-cover{display:block;width:100%;height:166px;object-fit:cover;background:var(--surface-soft,#eef3f8)}.lesson-card-visual{position:relative;display:grid;place-items:center;height:150px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,#fff),#eaf2f6 70%);color:var(--primary)}.lesson-card-visual:after,.lesson-card-visual:before{content:"";position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:50%}.lesson-card-visual:before{width:240px;height:240px;inset-inline-end:-75px;top:-140px}.lesson-card-visual:after{width:170px;height:170px;inset-inline-start:-55px;bottom:-110px}.lesson-card-visual img{display:block;width:100%;height:100%;object-fit:cover}.lesson-card-visual>span{font-size:3.2rem;line-height:1;opacity:.7}.lesson-card-visual small{position:absolute;inset-inline-start:16px;bottom:14px;padding:5px 10px;border-radius:999px;background:rgb(255 255 255/.88);color:var(--text);font-size:.72rem;font-weight:750}.course-hero-cover{width:180px;height:112px;border-radius:10px;object-fit:cover}.cover-upload{margin-top:10px}.cover-upload-button{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:8px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:#fff;font-size:.85rem;font-weight:650}.cover-upload-button input{position:absolute;width:1px;height:1px;opacity:0}.cover-upload small{display:block;margin-top:5px;color:#a52b2b}.admin-overview-head,.ops-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}.admin-overview-head h1,.ops-heading h1{margin:0}.ops-heading-actions{display:flex;flex-wrap:wrap;gap:10px}.ops-table-wrap{overflow-x:auto}.ops-table{min-width:620px}.ops-table th{padding:13px 14px;background:#f5f7fb;font-weight:700}.ops-table td{padding:16px 14px;vertical-align:middle}.ops-table tr:last-child td{border-bottom:0}.org-switch{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.org-switch button,.org-switch select{width:100%}.session-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.member-manage,.session-actions details{flex-basis:100%}.member-manage form,.session-actions form.stack{margin-top:8px;min-width:220px}.creation-switch,.session-days{display:flex;flex-wrap:wrap;gap:10px}.lesson-document iframe{display:block;width:100%;height:min(70vh,680px);border:1px solid var(--border);border-radius:8px;background:#fff}.lesson-document a{display:inline-block;margin-top:12px}.admin-overview{display:grid;grid-gap:22px;gap:22px}.admin-overview-head{margin:0}.admin-overview-head p:last-child{margin:8px 0 0;color:var(--muted)}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.admin-summary{display:grid;grid-gap:8px;gap:8px;min-height:138px;padding:20px;color:inherit;text-decoration:none;border:1px solid var(--border);border-radius:12px;background:#fff}.admin-summary strong{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1}.admin-summary small{color:var(--muted)}.admin-overview-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px;align-items:start}.admin-panel{min-width:0;padding:22px;border:1px solid var(--border);border-radius:12px;background:#fff}.admin-panel-wide{grid-row:span 2}.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.admin-panel-head h2{margin:3px 0 0;font-size:1.13rem}.admin-empty{color:var(--muted);line-height:1.7}.admin-event-list,.admin-notification-list{display:grid}.admin-event,.admin-notification{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.admin-event>div,.admin-notification>div{display:grid;grid-gap:4px;gap:4px;min-width:0;flex:1 1}.admin-event small,.admin-notification small{color:var(--muted)}.admin-event-date{display:grid;place-items:center;flex:0 0 56px;min-height:50px;border-radius:8px;background:#eef4fa;color:var(--primary);font-weight:750;text-align:center}.admin-event-state{font-size:.78rem;color:var(--muted)}.admin-readiness{display:grid}.admin-readiness a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border);color:inherit;text-decoration:none}.notification-dot{flex:0 0 8px;height:8px;border-radius:50%;background:var(--primary)}.notification-dot.read{background:#aeb8c6}@media (max-width:1100px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.admin-overview-grid,.content-index .content-collection{grid-template-columns:1fr}.admin-panel-wide{grid-row:auto}.admin-overview-head,.ops-heading{flex-direction:column}}.content-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 14px rgb(20 43 86/.03)}.content-item-main{min-width:0;display:grid;grid-gap:8px;gap:8px}.content-item-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.content-title{color:var(--text);font-size:1.05rem;font-weight:760;overflow-wrap:anywhere}.content-title:hover{color:var(--primary)}.content-meta{margin:0;color:var(--muted);font-size:.8rem}.content-links,.content-media,.content-paths{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--muted);font-size:.8rem}.content-links strong{color:var(--text);font-size:.78rem}.content-links a,.content-paths a{font-weight:650}.content-links>a,.content-media span{padding:3px 9px;border-radius:7px;background:#edf2ff}.content-links small{color:var(--muted)}.content-paths>div{padding:4px 9px;border-radius:7px;background:#f2f5f9}.content-media{-webkit-margin-before:3px;margin-block-start:3px}.content-media span{background:#f0f3f7;color:#31435d;font-size:.76rem}.content-open{flex:none;font-size:.82rem;font-weight:750;white-space:nowrap}.content-empty{padding:30px;background:#fff;border:1px dashed #b6c4d7;border-radius:12px;color:var(--muted)}.content-empty h2{margin:0 0 5px;color:var(--text);font-size:1.06rem}.content-empty p{margin:0 0 8px}.content-section{display:grid;grid-gap:14px;gap:14px}.content-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-section-heading h2,.content-section-heading h3{margin:0;font-size:1.05rem}.content-section-heading span{color:var(--muted);font-size:.82rem}.question-heading{-webkit-margin-before:6px;margin-block-start:6px}.bank-tabs{display:flex;flex-wrap:wrap;gap:8px}.bank-tabs a{padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:.84rem}.bank-tabs a[aria-current=page]{border-color:var(--primary);background:#eaf0ff;color:#24488f;font-weight:750}.bank-tabs small{color:var(--muted)}.question-list{display:grid;grid-gap:8px;gap:8px}.question-row{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;background:#fff;border:1px solid var(--border);border-radius:10px}.question-row strong{font-size:.9rem}.question-row p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.question-actions{display:flex;align-items:center;gap:8px}.question-actions button{white-space:nowrap}.creation-page{display:grid;justify-items:start;grid-gap:12px;gap:12px}.creation-page .page-intro{margin:0 0 8px}.back-link{font-size:.85rem;font-weight:700}.creation-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,760px);max-width:none!important;padding:26px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 14px rgb(20 43 86/.035);grid-gap:16px!important;gap:16px!important}.creation-form label{min-width:0;gap:6px;color:var(--text);font-weight:650}.creation-form input:not([type=checkbox]),.creation-form select{width:100%;height:44px;min-height:44px;padding-block:9px;font-weight:400}.creation-form textarea{width:100%;font-weight:400}.creation-form .form-actions,.creation-form .form-field-wide,.creation-form .form-note,.creation-form .question-picker{grid-column:1/-1}.creation-form textarea{min-height:100px}.theme-settings{display:grid;grid-gap:24px;gap:24px}.theme-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);grid-gap:24px;gap:24px;align-items:start}.theme-form{width:100%}.theme-form label small{color:var(--muted);font-size:.76rem;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.theme-form input[type=color]{cursor:pointer;padding:5px}.theme-preview{display:grid;grid-template-columns:125px minmax(0,1fr);min-height:285px;overflow:hidden;border:1px solid var(--border);border-radius:var(--preview-radius);background:#f6f7f9;box-shadow:0 2px 14px rgb(20 43 86/.035)}.theme-preview-side{display:flex;flex-direction:column;gap:13px;padding:18px 12px;background:var(--preview-sidebar);color:#fff;font-size:.76rem}.theme-preview-side strong{-webkit-margin-after:12px;margin-block-end:12px;line-height:1.4}.theme-preview-side span{padding:7px;border-radius:6px}.theme-preview-side span:first-of-type{background:rgb(255 255 255/.16)}.theme-preview-main{padding:20px;min-width:0}.theme-preview-main small{color:#596579}.theme-preview-main h2{margin:9px 0 6px;font-size:1.1rem}.theme-preview-main p{margin:0 0 18px;color:#596579;font-size:.78rem}.theme-preview-surface{display:flex;justify-content:space-between;gap:8px;padding:14px;border:1px solid #dde2e8;border-radius:var(--preview-radius);background:#fff;font-size:.75rem}.theme-preview-surface span{color:var(--preview-primary);font-weight:700}.theme-preview-button{display:inline-block;-webkit-margin-before:14px;margin-block-start:14px;padding:9px 14px;border-radius:var(--preview-radius);background:var(--preview-primary);color:#fff;font-size:.76rem;font-weight:700}.theme-settings-footnote{margin:0;color:var(--muted);font-size:.82rem}@media (max-width:1180px){.theme-settings-grid{grid-template-columns:1fr}.theme-form{max-width:760px!important}}@media (max-width:480px){.theme-preview{grid-template-columns:100px minmax(0,1fr)}.theme-preview-side{padding:14px 8px}.theme-preview-main{padding:14px}.theme-preview-surface{flex-direction:column}}.form-note{margin:0;padding:12px 14px;background:#edf2ff;border-radius:8px;color:#274983;font-size:.82rem}.form-actions{display:flex;justify-content:flex-start;-webkit-padding-before:14px;padding-block-start:14px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.question-picker{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--border);border-radius:9px}.question-picker legend{padding-inline:5px;font-size:.86rem;font-weight:700}.question-picker .check-row{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px;border-radius:7px;background:#f6f8fb}.check-row input{min-height:0}.check-row small,.check-row strong{display:block}.check-row small{color:var(--muted);font-size:.76rem}@media (max-width:660px){.content-index-header,.content-item,.question-row{flex-direction:column;align-items:stretch}.content-open,.primary-link{align-self:flex-start}.content-item{gap:14px;padding:18px}.creation-form{padding:18px;grid-template-columns:1fr}.creation-form .form-actions,.creation-form .form-field-wide,.creation-form .form-note,.creation-form .question-picker{grid-column:auto}}.content-filters{display:flex;flex-wrap:wrap;gap:8px}.content-filters a{padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-size:.8rem;font-weight:650}.content-filters a:hover{color:var(--primary);border-color:var(--primary);text-decoration:none}.content-filters a[aria-current=page]{color:#fff;background:#203d7f;border-color:#203d7f}.lesson-detail-paths{margin-block:12px 18px}.learner-home,.learner-program-page,.learning-admin-page,.student-exercise-page{display:grid;grid-gap:24px;gap:24px}.learning-admin-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:28px 32px;background:#fff;border:1px solid var(--border);border-radius:14px}.learning-admin-hero h1{margin:0;font-size:2rem}.learning-admin-hero p:last-child{margin:9px 0 0;color:var(--muted)}.learning-admin-totals{display:flex;gap:24px}.learning-admin-totals span{display:grid;grid-gap:2px;gap:2px;min-width:70px;color:var(--muted);font-size:.8rem}.learning-admin-totals strong{color:var(--text);font-size:1.55rem;line-height:1}.learner-section-head,.learning-admin-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.learner-section-head h2,.learning-admin-head h2{margin:0;font-size:1.18rem}.learner-section-head p,.learning-admin-head p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.curriculum-version{padding:0;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.curriculum-version-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);background:#fbfcfe}.curriculum-version-head>div:first-child{display:flex;align-items:center;gap:10px}.curriculum-version-head h3{margin:0;font-size:.95rem}.curriculum-edit summary,.curriculum-tools summary{cursor:pointer;color:var(--primary);font-size:.82rem;font-weight:700}.curriculum-tools form{-webkit-margin-before:8px;margin-block-start:8px}.curriculum-course-list{display:grid}.curriculum-course+.curriculum-course{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.curriculum-course{padding:22px 26px}.curriculum-course-head,.curriculum-module-head,.learner-course-head{display:flex;align-items:center;gap:14px}.curriculum-course-head p,.curriculum-module-head small,.learner-course-head small{display:block;margin:0;color:var(--muted);font-size:.75rem}.curriculum-course-head h4,.curriculum-module-head h4{margin:1px 0;font-size:1.03rem}.curriculum-course-head small{color:var(--muted);font-size:.77rem}.curriculum-number{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#e8efff;color:#28509f;font-weight:800}.curriculum-module-list{display:grid;grid-gap:12px;gap:12px;-webkit-margin-before:18px;margin-block-start:18px}.curriculum-module{padding:15px 18px;background:#f6f8fc;border-radius:9px}.curriculum-module>strong{font-size:.85rem}.curriculum-module ol,.curriculum-module ul{margin:8px 0 0;-webkit-padding-start:24px;padding-inline-start:24px;color:var(--muted);font-size:.84rem}.curriculum-module li{padding-block:3px}.curriculum-edit{margin:18px 24px 24px;padding:13px 16px;border:1px solid var(--border);border-radius:9px}.curriculum-edit form{-webkit-margin-before:14px;margin-block-start:14px}.curriculum-edit .check-row{flex-direction:row;align-items:center}.curriculum-edit input[type=checkbox]{min-height:0}.course-detail-modules{margin:0;padding:18px 24px}.course-detail-modules .curriculum-module{background:#fff;border:1px solid var(--border)}.curriculum-module-head p{margin:0;color:var(--muted);font-size:.76rem}.learner-heading h1{margin:0;font-size:2rem}.learner-heading p:last-child{margin:8px 0 0;color:var(--muted)}.continue-panel{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 30px;color:#fff;background:#203d7f;border-radius:14px}.continue-panel p{margin:0;color:#d8e5ff;font-size:.82rem}.continue-panel h2{margin:5px 0;font-size:1.3rem}.continue-panel span{color:#d8e5ff;font-size:.79rem}.continue-button{flex:none;padding:9px 17px;border-radius:8px;background:#fff;color:#1b3977;font-size:.85rem;font-weight:750}.continue-button:hover{background:#eaf0ff;text-decoration:none}.learner-home-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);grid-gap:22px;gap:22px;align-items:start}.learner-program-list{display:grid;grid-gap:15px;gap:15px;-webkit-margin-before:16px;margin-block-start:16px}.learner-program{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:205px;background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.program-cover{position:relative;display:grid;place-items:center;color:#fff;background:#3160b5}.program-cover span{position:absolute;inset-block-start:12px;inset-inline-start:16px;font-size:1.2rem;opacity:.75}.program-cover strong{font-size:4rem;opacity:.86}.learner-program-body{padding:20px 24px}.program-kind{margin:0;color:var(--primary);font-size:.74rem;font-weight:750}.learner-program-body h3{margin:5px 0;font-size:1.16rem}.learner-program-body h3 a{color:var(--text)}.learner-program-body>p:not(.program-kind){margin:0 0 18px;color:var(--muted);font-size:.78rem}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.77rem}.progress-label strong{color:var(--text)}.learner-program progress,.learner-progress progress{display:block;width:100%;height:7px;margin-block:7px 13px;accent-color:#3867cf}.learner-open{font-size:.82rem;font-weight:750}.learner-schedule{padding:22px;background:#fff;border:1px solid var(--border);border-radius:13px}.learner-schedule h2{margin:0 0 14px;font-size:1.02rem}.learner-schedule ul{list-style:none;margin:0;padding:0}.learner-schedule li{display:flex;gap:10px;padding:13px 0;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.learner-schedule strong{display:block;font-size:.83rem}.learner-schedule small{display:block;color:var(--muted);-webkit-margin-before:3px;margin-block-start:3px}.session-date-mark{color:var(--primary);font-size:.65rem}.learner-program-hero{display:flex;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:16px;background:#203d7f;color:#fff}.learner-program-hero .page-kicker{color:#c9d9ff}.learner-program-hero h1{margin:0;font-size:1.9rem}.learner-program-hero p:not(.page-kicker){margin:8px 0;color:#d7e3ff;font-size:.85rem}.learner-program-hero .primary-link{background:#fff;color:#173672;-webkit-margin-before:15px;margin-block-start:15px}.learner-progress{max-width:370px;display:grid;grid-template-columns:1fr auto;grid-gap:3px;gap:3px;-webkit-margin-before:20px;margin-block-start:20px;color:#e0eaff;font-size:.8rem}.learner-progress progress{grid-column:1/-1;accent-color:#fff}.program-hero-art{display:grid;place-items:center;align-self:stretch;min-width:180px;font-size:6rem;opacity:.3}.learner-curriculum{display:grid;grid-gap:14px;gap:14px}.learner-course{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden}.learner-course-head{padding:20px 24px;background:#f8faff}.learner-course-head h3{margin:0;font-size:1.1rem}.learner-module{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.learner-module summary{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;cursor:pointer;font-size:.9rem;font-weight:700}.learner-module summary:hover{background:#f8faff}.learner-module summary small{color:var(--muted);font-weight:500}.learner-module ol{margin:0;padding:0;list-style:none}.learner-module li+li{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.learner-module li a{display:flex;align-items:center;gap:12px;padding:12px 28px;color:var(--text);font-size:.85rem}.learner-module li a:hover{background:#f7f9fd;text-decoration:none}.learner-module li a>span:nth-child(2){flex:1 1}.learner-module li small{display:block;color:var(--muted);font-size:.73rem}.learner-module li strong{color:var(--muted);font-size:.75rem}.lesson-state{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf0ff;color:#3155a6;font-size:.7rem}.lesson-player{display:grid;grid-template-columns:minmax(0,1fr) 285px;grid-gap:24px;gap:24px;align-items:start}.lesson-player-main{min-width:0;display:grid;grid-gap:18px;gap:18px}.lesson-player-heading{padding:24px 26px;background:#fff;border:1px solid var(--border);border-radius:13px}.lesson-player-heading h1{margin:0;font-size:1.7rem}.lesson-player-heading p:last-child{margin:7px 0 0;color:var(--muted);font-size:.82rem}.lesson-content{display:grid;grid-gap:16px;gap:16px}.lesson-content-item{min-width:0}.lesson-content-item figure,.lesson-media,.lesson-practice,.lesson-reading{margin:0;padding:25px 28px;background:#fff;border:1px solid var(--border);border-radius:13px}.lesson-media h2,.lesson-practice h2,.lesson-reading h2{margin:0 0 12px;font-size:1.08rem}.lesson-reading p{margin:0;white-space:pre-wrap;max-width:72ch;line-height:1.85}.lesson-media video{max-height:460px;border-radius:8px;background:#10203b}.lesson-media audio,.lesson-media video{display:block;width:100%}.lesson-content-item img{display:block;max-width:100%;max-height:600px;margin-inline:auto;object-fit:contain}.lesson-content-item figcaption{-webkit-margin-before:10px;margin-block-start:10px;color:var(--muted);font-size:.78rem}.lesson-practice{display:flex;justify-content:space-between;align-items:center;gap:18px}.lesson-practice p:last-child{margin:0;color:var(--muted);font-size:.84rem}.lesson-player-actions{justify-content:space-between;align-items:center}.lesson-player-actions,.lesson-player-actions>div{display:flex;flex-wrap:wrap;gap:12px}.lesson-player-actions a{font-size:.83rem;font-weight:700}.lesson-player-sidebar{position:-webkit-sticky;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:12px}.lesson-player-sidebar>div:first-child{padding:18px;background:#f8faff;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.lesson-player-sidebar p,.lesson-player-sidebar small{color:var(--muted);font-size:.75rem}.lesson-player-sidebar h2{margin:3px 0;font-size:.96rem}.lesson-player-sidebar p{margin:0}.lesson-player-sidebar section{padding:12px 16px}.lesson-player-sidebar h3{margin:0;font-size:.87rem}.lesson-player-sidebar h4{margin:12px 0 5px;color:var(--muted);font-size:.77rem}.lesson-player-sidebar ol{padding:0;margin:0;list-style:none}.lesson-player-sidebar a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;color:var(--text);font-size:.78rem}.lesson-player-sidebar a:hover,.lesson-player-sidebar a[aria-current=page]{background:#eaf0ff;color:#21478c;text-decoration:none}.student-exercise-page header h1{margin:0}.student-exercise-page header p:last-child{color:var(--muted)}.student-quiz{display:grid;grid-gap:20px;gap:20px;max-width:820px}.student-quiz fieldset{margin:0;padding:22px 25px;border:1px solid var(--border);border-radius:12px;background:#fff}.student-quiz legend{padding-inline:4px;font-weight:750}.quiz-options{display:grid;grid-gap:9px;gap:9px}.quiz-options label{flex-direction:row;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer}.quiz-options input{min-height:0}.quiz-result{display:flex;align-items:center;gap:10px;padding:18px;border-radius:9px;background:#fff3e5;color:#794612}.quiz-result.passed{background:#e9f6ee;color:#246342}.quiz-result strong{font-size:1.25rem}.student-quiz>button{justify-self:start}@media (max-width:1150px){.learner-home-grid,.lesson-player{grid-template-columns:1fr}.lesson-player-sidebar{position:static;max-height:none}}@media (max-width:700px){.continue-panel,.learner-program-hero,.learning-admin-hero,.lesson-practice{flex-direction:column;align-items:stretch}.learning-admin-totals{align-self:stretch}.program-hero-art{display:none}.learner-program{grid-template-columns:1fr}.program-cover{min-height:130px}.learner-course-head,.learner-module summary{padding-inline:18px}.lesson-content-item figure,.lesson-media,.lesson-practice,.lesson-reading{padding:19px}}.learning-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:28px;color:var(--muted);font-size:.82rem}.learning-breadcrumbs a{font-weight:650}.learning-breadcrumbs span:last-child{color:var(--text)}.draft-action{max-width:290px;display:grid;justify-items:end;grid-gap:7px;gap:7px;text-align:end}.draft-action small{color:var(--muted);font-size:.73rem;line-height:1.45}.workflow-actions{display:flex;flex-wrap:wrap;gap:7px}.author-lesson-list{display:grid;grid-gap:0;gap:0;padding:0!important;-webkit-margin-before:17px!important;margin-block-start:17px!important;list-style:none;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.author-lesson-list li{display:flex;align-items:center;gap:14px;padding:12px 0;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);color:var(--text)}.author-lesson-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#edf2fd;color:#284b8e;font-weight:750}.author-lesson-main{flex:1 1;min-width:0}.author-lesson-main strong{display:block;font-size:.89rem}.author-content-kinds{display:flex;flex-wrap:wrap;gap:5px;-webkit-margin-before:4px;margin-block-start:4px}.author-content-kinds small{padding:2px 7px;border-radius:6px;background:#f1f4f8;color:#43536a;font-size:.72rem}.author-lesson-list a{flex:none;font-size:.78rem;font-weight:700}.admin-lesson-content-list{display:grid;grid-gap:12px;gap:12px;padding:0;list-style:none}.admin-lesson-content-list li{padding:16px 18px;border:1px solid var(--border);border-radius:9px}.admin-lesson-content-list strong{display:block;-webkit-margin-after:8px;margin-block-end:8px}.admin-lesson-content-list p{margin:0}.admin-lesson-content-list img,.admin-lesson-content-list video{display:block;width:min(100%,680px);max-height:450px;object-fit:contain;border-radius:7px;background:#15233c}.admin-lesson-content-list audio{display:block;width:min(100%,680px)}.learner-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-block:18px 23px}.learner-overview>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:18px 20px;background:#fff;border:1px solid var(--border);border-radius:12px}.learner-overview>div+div{border:1px solid var(--border)}.learner-overview strong{font-size:1.22rem;color:var(--text)}.learner-overview span{font-size:.78rem;color:var(--muted)}.learner-side{display:grid;grid-gap:16px;gap:16px;align-content:start}.learner-leaderboard{padding:22px;background:#fff;border:1px solid var(--border);border-radius:13px}.learner-leaderboard h2{margin:0;font-size:1.02rem}.learner-leaderboard>p{margin:5px 0 14px;font-size:.78rem;color:var(--muted)}.learner-leaderboard ol{margin:0;padding:0;list-style:none}.learner-leaderboard li{display:grid;grid-template-columns:30px 1fr;grid-column-gap:10px;column-gap:10px;padding:9px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.learner-leaderboard li.is-you{background:#edf3ff;border-radius:8px}.class-actions,.learner-quick-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.class-overview-grid,.profile-grid,.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-block:24px}.class-overview-grid>*,.profile-grid>*,.ranking-grid>*{min-width:0}.profile-card,.ranking-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--radius,14px);padding:24px;min-width:0}.ranking-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-card h2,.ranking-card h2{margin:0 0 8px}.profile-card p,.ranking-card p{color:var(--muted);margin:0 0 18px}.ranking-score{font-size:2rem;font-weight:800;color:var(--primary);white-space:nowrap}.ranking-score small{display:block;font-size:.72rem;font-weight:500;text-align:center}.ranking-list{list-style:none;padding:0;margin:16px 0 0}.ranking-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;border-top:1px solid var(--border);padding:12px 8px}.ranking-list li.is-you{background:#edf3ff;border-radius:8px}.ranking-list small{display:block;color:var(--muted)}.ranking-rank{font-weight:800;color:var(--primary)}.profile-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--primary);color:#fff;font-size:2rem;font-weight:700;margin-bottom:18px}.profile-meta{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;gap:12px}.profile-form,.profile-form label{display:grid;grid-gap:8px;gap:8px}.profile-form{gap:16px}.profile-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.profile-form input,.profile-form select{width:100%;box-sizing:border-box}.chat-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.chat-channel-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius,14px);padding:18px;text-decoration:none;color:inherit}.chat-channel-card:hover{border-color:var(--primary)}.chat-channel-card small{display:block;color:var(--muted);margin-top:4px}.chat-channel-card b{background:var(--primary);color:#fff;border-radius:99px;min-width:24px;text-align:center}.chat-channel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#edf3ff;color:var(--primary);font-size:1.4rem;font-weight:800}.chat-thread{background:#fff;border:1px solid var(--border);border-radius:var(--radius,14px);padding:18px;min-height:280px;display:flex;flex-direction:column;gap:14px}.chat-message{align-self:flex-start;max-width:min(75%,580px);background:#f4f6fa;border-radius:12px;padding:12px 16px;overflow-wrap:anywhere}.chat-message.is-you{align-self:flex-end;background:#edf3ff}.chat-message>div{display:flex;gap:16px;justify-content:space-between;font-size:.78rem}.chat-message time{color:var(--muted)}.chat-message p{margin:8px 0 0;white-space:pre-wrap}.chat-compose{display:grid;grid-gap:10px;gap:10px;margin-top:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius,14px);padding:18px}.chat-compose textarea{min-height:90px;resize:vertical}.chat-compose button{justify-self:start}.chat-section-heading{margin-top:32px}.notification-grid{display:grid;grid-gap:12px;gap:12px;margin-block:24px}.notification-card{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px}.notification-card.unread{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.notification-card .notification-dot{width:8px;height:8px;border-radius:50%;background:#b9c0ca}.notification-card.unread .notification-dot{background:var(--primary)}.notification-card small{display:block;color:var(--muted);margin-top:5px}.notification-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:800px){.class-overview-grid,.profile-form-row,.profile-grid,.ranking-grid{grid-template-columns:1fr}.learner-quick-links{margin-top:14px}}@media(max-width:1000px){.learner-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.learner-overview{grid-template-columns:1fr 1fr}.learner-overview>div{padding:14px}}.leader-rank{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4ecfc;color:#234788;font-weight:750}.learner-leaderboard li strong{font-size:.82rem}.learner-leaderboard li small{font-size:.72rem;color:var(--muted)}.lesson-heading-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;-webkit-margin-before:10px;margin-block-start:10px;font-size:.82rem;color:var(--muted)}.learning-state{display:inline-flex;align-items:center;padding:4px 9px;border-radius:7px;background:#edf2fb;color:#2b4e8e;font-size:.76rem;font-weight:700}.learning-state.done{background:#e7f4eb;color:#236243}.lesson-player-actions{padding:18px 0;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.lesson-player-actions>div{align-items:center}.lesson-curriculum-link,.lesson-previous{padding:9px 11px;background:#fff;border:1px solid var(--border);border-radius:8px}.lesson-player-actions .primary-link,.lesson-player-actions form button{min-height:43px;font-weight:750}.lesson-player-sidebar a>span:last-child{min-width:0}.lesson-player-sidebar a small{display:block;-webkit-margin-before:2px;margin-block-start:2px}.lesson-list-state{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#e7edfa;color:#294e94;font-size:.72rem;font-weight:750}.lesson-list-state.completed{background:#e7f4eb;color:#236243}.teacher-week{margin-block:18px 22px;padding:17px 20px;border:1px solid var(--border);border-radius:12px;background:#fff}.teacher-week h2{margin:0 0 11px;font-size:.98rem}.teacher-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.teacher-week-days>*{display:grid;grid-gap:4px;gap:4px;min-height:65px;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--muted)}.teacher-week-days .has-session{background:#edf3ff;border-color:#bad0f5;color:#1d4385}.teacher-week-days time{font-size:.78rem;font-weight:700}.teacher-week-days strong{font-size:.72rem;font-weight:650}.teacher-calendar-page{display:grid;grid-gap:22px;gap:22px}.teacher-calendar-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.teacher-calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.teacher-calendar-toolbar h2{margin:0;min-width:190px;text-align:center;font-size:1.15rem}.teacher-calendar-toolbar a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;font-size:1.35rem}.teacher-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.teacher-calendar-weekday{padding:11px;background:var(--bg);text-align:center;color:var(--muted);font-size:.77rem}.teacher-calendar-day{min-width:0;min-height:116px;padding:9px;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border)}.teacher-calendar-day.outside{background:var(--bg);color:var(--muted)}.teacher-calendar-day time{display:grid;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700}.teacher-calendar-day.today time{color:#fff;background:var(--primary);border-radius:50%}.teacher-calendar-day>div{display:grid;grid-gap:4px;gap:4px;-webkit-margin-before:7px;margin-block-start:7px}.teacher-calendar-day a{display:grid;min-width:0;padding:5px 7px;border-radius:6px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--text);font-size:.7rem;line-height:1.35;overflow-wrap:anywhere}.teacher-calendar-day a span{color:var(--primary);font-weight:750}.teacher-calendar-note{margin:0;color:var(--muted);font-size:.8rem}.teacher-roadmap{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);-webkit-padding-before:20px;padding-block-start:20px}.teacher-roadmap h2{margin:0 0 12px;font-size:1rem}.teacher-roadmap>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.teacher-roadmap article{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.teacher-roadmap article:before{content:"قريبًا";display:block;-webkit-margin-after:8px;margin-block-end:8px;color:var(--muted);font-size:.7rem}.teacher-roadmap strong{font-size:.9rem}.teacher-roadmap p{margin:5px 0 0;color:var(--muted);font-size:.78rem}html[lang=en] .teacher-roadmap article:before{content:"Planned"}@media (max-width:950px){.teacher-roadmap>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:660px){.teacher-calendar-card{overflow-x:auto}.teacher-calendar-grid{min-width:700px}.teacher-roadmap>div{grid-template-columns:1fr}}.content-search{display:flex;align-items:flex-end;gap:9px;margin-block:15px 18px}.content-search label{width:min(100%,430px);color:var(--text);font-size:.79rem;font-weight:700}.content-search input[type=search]{width:100%;background:#fff}.content-search button{min-height:42px}@media (max-width:850px){.teacher-week-days{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.draft-action{justify-items:start;text-align:start;max-width:none}.learning-admin-head{align-items:start}.author-lesson-list li{flex-wrap:wrap}.author-lesson-list a{-webkit-margin-start:44px;margin-inline-start:44px}.learner-overview>div{flex:1 1 140px}.learner-overview>div+div{border:0}.lesson-player-actions{align-items:stretch}.lesson-player-actions .primary-link,.lesson-player-actions form,.lesson-player-actions form button{width:100%;text-align:center}.teacher-week-days{grid-template-columns:repeat(2,minmax(0,1fr))}.content-search label{flex:1 1;min-width:0}}.topbar{gap:20px;min-height:72px}.workspace-search{position:relative;display:flex;align-items:center;gap:10px;width:min(520px,60%)}.header-icon svg,.workspace-search>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.workspace-search>input{margin:0;background:#f4f6f9;border-color:transparent;height:42px;-webkit-padding-start:38px;padding-inline-start:38px}.workspace-search>svg{position:absolute;inset-inline-start:12px;color:#64748b}.workspace-search-results{position:absolute;top:50px;inset-inline-start:0;width:min(600px,80vw);max-height:480px;overflow:auto;background:white;border:1px solid var(--border);box-shadow:0 12px 30px #172b4d1a;border-radius:12px;z-index:80}.workspace-search-results p{padding:16px;margin:0;color:var(--muted)}.workspace-search-results a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.workspace-search-results a:hover{background:#f1f5ff}.workspace-search-results a span{min-width:0}.workspace-search-results small{display:block;color:var(--muted)}.workspace-search-results strong{overflow-wrap:anywhere}.header-icon{display:grid;place-items:center;width:40px;height:40px;color:#475569;border-radius:10px}.header-icon:hover{background:#edf2fa}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.account-menu-items{position:absolute;inset-inline-end:0;top:50px;min-width:230px;padding:12px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #172b4d1a;z-index:75}.account-menu-items a,.account-menu-items strong{display:block;padding:10px}.account-menu-items form button{width:100%}.messenger{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--border);border-radius:14px;overflow:hidden;background:white;height:calc(100dvh - 130px);min-height:480px}.messenger-sidebar{display:flex;flex-direction:column;min-height:0;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);padding:16px 12px;gap:12px}.messenger-panel header,.messenger-sidebar header{display:flex;justify-content:space-between;align-items:center;gap:10px}.messenger-sidebar h1{font-size:21px;margin:0}.messenger-sidebar input{margin:0}.messenger-conversations{overflow:auto;flex:1 1}.messenger-conversations>p{margin:14px 10px 6px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.messenger-row{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text);padding:12px 10px;border-radius:9px;text-align:start;min-height:72px}.messenger-row:hover{background:#f5f7fb}.messenger-row.selected{background:#eaf0ff;color:#1e4ba5}.messenger-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#edf2fc;color:#3159a6;font-weight:700}.messenger-row-copy{flex:1 1;min-width:0}.messenger-row-copy small,.messenger-row-copy strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.messenger-row-copy small{color:var(--muted);font-size:12px;margin-top:4px}.messenger-unread{background:var(--primary);color:white;border-radius:20px;min-width:20px;padding:2px 6px;font-size:11px}.messenger-main{display:flex;flex-direction:column;min-height:0;min-width:0}.messenger-chat-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}.messenger-chat-header small{display:block;color:var(--muted);font-size:12px}.messenger-menu{-webkit-margin-start:auto;margin-inline-start:auto;position:relative}.messenger-menu summary{cursor:pointer;font-size:24px;list-style:none}.messenger-menu>div{position:absolute;inset-inline-end:0;background:white;border:1px solid var(--border);padding:8px;min-width:180px;z-index:5;border-radius:9px}.messenger-menu button{display:block;width:100%;background:white;color:var(--text);text-align:start;border:0}.messenger-history{flex:1 1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:#f5f7fa}.messenger-bubble{align-self:flex-start;max-width:min(78%,540px);padding:10px 14px;background:white;border:1px solid #e3e8ef;border-radius:12px 12px 12px 3px;overflow-wrap:anywhere}.messenger-bubble.own{align-self:flex-end;background:#e8efff;border-color:#d8e3fb;border-radius:12px 12px 3px 12px}.messenger-bubble>strong{font-size:12px;color:#3159a6}.messenger-bubble p{white-space:pre-wrap;margin:4px 0;line-height:1.55}.messenger-bubble time{display:block;text-align:end;font-size:10px;color:#69788f;margin-top:5px}.messenger-bubble img{display:block;max-height:240px;max-width:100%;border-radius:8px}.messenger-bubble a{display:block;font-size:13px}.messenger-poll{display:grid;grid-gap:6px;gap:6px}.messenger-poll button{background:white;color:var(--text);border:1px solid #d4ddec;display:flex;justify-content:space-between;gap:18px}.messenger-poll button.voted{border-color:var(--primary);background:#eff4ff}.messenger-compose{padding:12px 16px;border-top:1px solid var(--border)}.messenger-compose form{display:flex;align-items:center;gap:10px}.messenger-compose textarea{flex:1 1;resize:vertical;margin:0;min-height:42px;max-height:120px}.messenger-attach{font-size:24px;cursor:pointer;padding:4px}.messenger-empty{text-align:center;color:var(--muted)}.messenger-welcome{margin:auto;padding:32px;text-align:center;max-width:500px}.messenger-welcome h2{font-size:24px}.messenger-welcome p{color:var(--muted)}.messenger-panel{padding:24px;overflow:auto;max-width:620px;width:100%;margin-inline:auto}.messenger-panel label{display:block;margin:12px 0}.messenger-people{max-height:300px;overflow:auto}.messenger-people label{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--border)}.messenger-people input{width:18px}.messenger-error{background:#fff0ed;color:#9d3421;padding:10px}.messenger-error button{float:inline-end}.messenger-back{display:none}.messenger-poll-editor{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:12px;gap:12px;padding-bottom:12px}.messenger-poll-editor label{font-size:12px}@media(max-width:1100px){.messenger{grid-template-columns:260px minmax(0,1fr)}.account-name{display:none}.topbar-actions{gap:6px}}@media(max-width:700px){.messenger{grid-template-columns:1fr;height:calc(100dvh - 145px);min-height:400px}.messenger-main,.messenger.has-conversation .messenger-sidebar{display:none}.messenger.has-conversation .messenger-main{display:flex}.messenger:has(.messenger-panel) .messenger-main{display:flex}.messenger:has(.messenger-panel) .messenger-sidebar{display:none}.messenger-back{display:block}.messenger-bubble{max-width:88%}.messenger-history{padding:12px}.messenger-chat-header,.messenger-compose{padding:10px}.messenger-compose form{gap:6px}.messenger-poll-editor{grid-template-columns:1fr}.workspace-search{width:100%;min-width:0}.topbar{padding:12px;gap:8px}.header-icon{width:32px}.account-menu summary{gap:3px}.account-avatar{width:32px;height:32px}.page-content:has(.messenger){padding:12px}}.lesson-detail-header{display:flex;gap:20px;align-items:flex-start;background:white;padding:20px;border:1px solid var(--border);border-radius:12px}.lesson-detail-header>img{width:130px;height:110px;object-fit:cover;border-radius:9px}.lesson-detail-header>div{flex:1 1;min-width:0}.lesson-detail-header h1{font-size:26px;margin:0 0 12px}.lesson-metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 12px}.lesson-metadata dt{color:var(--muted);font-size:12px}.lesson-metadata dd{margin:4px 0 0;font-weight:600;font-size:13px;overflow-wrap:anywhere}.lesson-version{border:1px solid var(--border);background:white;border-radius:12px;overflow:hidden}.lesson-version>summary{display:flex;gap:12px;align-items:center;padding:16px 20px;cursor:pointer}.lesson-version>summary>span:first-child{font-weight:700}.lesson-version>summary small{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--muted)}.lesson-version>.card{border:0;box-shadow:none;border-top:1px solid var(--border);border-radius:0;margin:0}.admin-lesson-content-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-lesson-content-list li{min-width:0}.admin-lesson-content-list .lesson-document{padding:0}.admin-lesson-content-list img,.admin-lesson-content-list video{max-height:300px}.admin-lesson-content-list details summary,.lesson-document details summary{padding:10px 0;cursor:pointer}.lesson-document iframe{max-height:360px}.lesson-player-heading{padding-block:16px}.lesson-media,.lesson-reading{padding:20px}.lesson-player-main{gap:16px}.learning-admin-head{margin-block:16px}.content-collection-grid,.content-grid,.learning-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));grid-gap:18px;gap:18px;align-items:start}.content-card,.learning-content-card{min-width:0;overflow:hidden}.content-card h2,.content-card h3,.content-card p,.learning-content-card h2{overflow-wrap:anywhere}@media(max-width:950px){.lesson-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.lesson-detail-header{padding:16px;gap:12px}.lesson-detail-header>img{width:72px;height:72px}.lesson-detail-header h1{font-size:21px}.admin-lesson-content-list{grid-template-columns:1fr}.lesson-version>summary{flex-wrap:wrap;padding:12px}.lesson-version>summary small{width:100%;margin:0}.lesson-metadata{gap:10px}}.content-index .content-collection{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.content-index .content-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:20px;min-height:220px;box-shadow:none}.content-index .content-card .content-item-main{flex:1 1}.content-index .content-card .content-open{border-top:1px solid var(--border);padding-top:12px}.content-index .content-card .content-card-cover{width:calc(100% + 40px);margin:-20px -20px 0;height:148px;object-fit:cover;max-width:none}.content-index .content-card .content-title{font-size:17px}.content-index .content-card .content-item-top,.content-index .content-card .content-links{align-items:flex-start}@media(max-width:700px){.content-index .content-collection{grid-template-columns:1fr}.content-index .content-card{min-height:0}}.workspace-search>input{width:100%;min-width:0;box-sizing:border-box}.messenger-people label{flex-direction:row}.messenger-people input{min-height:18px;height:18px}.lesson-detail-header{padding:18px 20px}.learning-admin-page .learning-admin-head{margin-block:0}.lesson-version .card{padding:18px 20px}.lesson-version .muted{margin-top:0}.topbar-actions{width:auto;flex-shrink:0}@media(max-width:420px){.account-menu .account-avatar{display:grid}.account-menu summary>span:last-child{display:none}.workspace-search>input{font-size:12px}.topbar-actions{gap:2px}}.shell:has(.messenger){height:100dvh;min-height:0}.shell:has(.messenger) .main{display:flex;flex-direction:column;min-height:0}.page-content:has(.messenger){flex:1 1;min-height:0;display:flex;padding:20px}.page-content>.messenger{height:100%;min-height:0;flex:1 1}.shell:has(.messenger) .topbar{flex-shrink:0}@media(max-width:780px){.shell:has(.messenger){display:flex;flex-direction:column}.shell:has(.messenger) .main{flex:1 1}.shell:has(.messenger) .sidebar{flex-shrink:0}.sidebar .app-nav{flex-direction:row;flex-wrap:nowrap}.page-content:has(.messenger){padding:12px}}.messenger-panel>label input,.messenger-panel>label textarea,.messenger-poll-editor label input,.messenger-poll-editor label textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px}.messenger-panel>label{font-weight:600}.messenger-panel>label textarea{min-height:110px}.meeting{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(78vh,820px);min-height:560px;background:#14171c;color:#f5f7fa;border-radius:16px;overflow:hidden}.meeting:-webkit-full-screen{height:100%;min-height:100%;border-radius:0}.meeting.is-full,.meeting:fullscreen{height:100%;min-height:100%;border-radius:0}.meeting-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#101216}.meeting-status{margin:0;padding:4px 10px;border-radius:999px;background:rgb(255 255 255/.08);color:#fff;font-size:.82rem}.meeting-clock{display:flex;align-items:baseline;gap:10px;-webkit-margin-start:auto;margin-inline-start:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meeting-clock time{font-size:1.05rem;font-weight:700;letter-spacing:.04em}.meeting-clock span{color:#c5ced8;font-size:.82rem}.meeting-views{display:flex;gap:4px;padding:3px;border-radius:10px;background:#22272e}.meeting-views .meeting-view{min-height:32px;padding:4px 10px;border:0;border-radius:8px;background:transparent;color:#d5dde6;font-size:.78rem}.meeting-views .meeting-view[aria-pressed=true]{background:#f5f7fa;color:#14171c}.meeting-views .meeting-view:hover{background:#343b44;color:#fff}.meeting-views .meeting-view[aria-pressed=true]:hover{background:#fff;color:#14171c}.meeting-stage{position:relative;min-height:0;padding:10px}.meeting-grid,.meeting-speaker,.meeting-split,.meeting-widget{height:100%;min-height:0}.meeting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:8px;gap:8px}.meeting-speaker{display:grid;grid-template-rows:minmax(0,1fr) 124px;grid-gap:8px;gap:8px}.meeting-filmstrip{display:flex;gap:8px;overflow-x:auto}.meeting-filmstrip .meeting-tile{width:200px;min-height:0;flex:none}.meeting-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.meeting-widget{position:relative}.meeting-pip{position:absolute;inset-inline-end:16px;bottom:16px;width:min(240px,36%);aspect-ratio:16/9;z-index:3;box-shadow:0 10px 28px rgb(0 0 0/.45)}.meeting-pip .meeting-tile{height:100%;min-height:0;border:2px solid rgb(255 255 255/.75)}.meeting-audio{position:absolute;width:0;height:0;overflow:hidden}.meeting-tile{position:relative;min-height:160px;height:100%;background:#2a3038;border-radius:12px;overflow:hidden}.meeting-tile.is-speaking{box-shadow:inset 0 0 0 3px #7dcea0}.meeting-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#2a3038}.meeting-tile.is-off video{opacity:0}.meeting-avatar{position:absolute;inset:0;display:none;place-items:center}.meeting-tile.is-off .meeting-avatar{display:grid}.meeting-avatar span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#3d4652;color:#fff;font-size:2rem;font-weight:650}.meeting-name{position:absolute;inset-inline-start:10px;bottom:10px;max-width:calc(100% - 20px);padding:4px 8px;border-radius:6px;background:rgb(0 0 0/.62);color:#fff;font-size:.85rem}.meeting-waiting{margin:0;position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;color:#d5dde6}.meeting-pin{position:absolute;inset-inline-end:8px;top:8px;min-height:28px;padding:4px 8px;border:0;border-radius:999px;background:rgb(0 0 0/.55);color:#fff;font-size:.75rem;opacity:0}.meeting-pin[aria-pressed=true],.meeting-tile:focus-within .meeting-pin,.meeting-tile:hover .meeting-pin{opacity:1}.meeting-pin:hover{background:#f5f7fa;color:#14171c}.meeting-dock{display:flex;justify-content:center;align-items:flex-end;gap:10px;padding:12px 16px 16px;background:#101216}.meeting-dock .meeting-ctl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:92px;max-width:140px;min-height:72px;padding:8px 10px;border:0;border-radius:14px;background:#2c333c;color:#fff;font-size:.75rem;line-height:1.2;text-align:center}.meeting-dock .meeting-ctl svg{width:22px;height:22px;flex:none}.meeting-dock .meeting-ctl.is-muted{background:#8d1d1d}.meeting-dock .meeting-ctl.is-leave{background:#c62828}.meeting-dock .meeting-ctl:hover{background:#3c4550;color:#fff}.meeting-dock .meeting-ctl.is-leave:hover,.meeting-dock .meeting-ctl.is-muted:hover{background:#a52222;color:#fff}.meeting-dock .meeting-ctl[aria-pressed=true]{box-shadow:inset 0 0 0 2px #f5f7fa}.meeting-dock .meeting-ctl:disabled{opacity:.45}.meeting-dock .meeting-ctl:focus-visible,.meeting-pin:focus-visible,.meeting-views .meeting-view:focus-visible{outline:2px solid #fff;outline-offset:3px}@media (max-width:700px){.meeting{height:auto;min-height:0}.meeting-bar{flex-wrap:wrap}.meeting-clock{-webkit-margin-start:0;margin-inline-start:0}.meeting-stage{min-height:460px}.meeting-split{grid-template-columns:1fr}.meeting-speaker{grid-template-rows:320px 112px}.meeting-dock{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.meeting-tile video{transition:none}}