:root{color-scheme:light;--bg:#f7f8fb;--ink:#15202b;--muted:#5d6b7a;--line:#d9e0e8;--panel:#ffffff;--accent:#0f766e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto;padding:72px 0}.homeTopbar{display:flex;justify-content:flex-end;margin-bottom:24px}.homeTopbar a{border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;text-decoration:none;padding:10px 14px}.hero{max-width:720px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:.82rem;font-weight:700;text-transform:uppercase}h1{margin:0;max-width:680px;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1;letter-spacing:0}.hero p:last-child{max-width:660px;margin:22px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.65}.statusGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:44px}.statusGrid div{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px}.statusGrid span,.statusGrid strong{display:block}.statusGrid span{color:var(--muted);font-size:.82rem}.statusGrid strong{margin-top:6px;overflow-wrap:anywhere;font-size:.96rem}@media (max-width:720px){.shell{padding:48px 0}.statusGrid{grid-template-columns:1fr}}body:has(.liveRoomRoot){overflow:hidden}.liveRoomRoot{overflow:hidden}.livePage,.liveRoomRoot{height:100vh;background:#0f1419;color:#f4f7fb}.livePage{min-height:100vh}.liveRoomRoot .livePage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.liveRoomRoot .embedLivePage{grid-template-rows:minmax(0,1fr) auto}.liveRoomRoot .stageOnlyLivePage{position:relative;display:block;grid-template-rows:minmax(0,1fr);min-height:100vh;background:#000}.liveRoomRoot .livePage.isFullscreen{position:relative;display:block;width:100vw;height:100vh}.livePage.isFullscreen .liveHeader{display:none}.liveHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:8px clamp(14px,3vw,24px);border-bottom:1px solid rgba(255,255,255,.1)}.liveHeader h1,.liveHeader p{margin:0}.liveHeader h1{font-size:clamp(1.12rem,2.4vw,1.45rem);line-height:1.1}.liveHeader p:last-child{margin-top:2px;color:#9eadbd;font-size:.78rem;overflow-wrap:anywhere}.liveMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.liveMeta span{min-width:96px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 10px;background:rgba(255,255,255,.07);color:#c7d2df;font-size:.72rem;text-align:center;text-transform:capitalize}.liveMeta span[data-state=connected]{border-color:rgba(45,212,191,.36);background:rgba(15,118,110,.32);color:#ccfbf1}.liveMeta strong{font-size:1.12rem;line-height:1}.liveMeta small{color:#aab8c7;font-size:.84rem}.stageBand{padding:0 clamp(12px,3vw,28px)}.stageBand,.stageBand>.trackStageShell{display:grid;height:100%;min-height:0;overflow:hidden}.stageBand>.trackStageShell{width:100%}.livePage.isFullscreen .stageBand{height:100vh;padding:0}.embedLivePage .stageBand{padding:0}.stageOnlyLivePage .stageBand{position:absolute;inset:0;background:#000;padding:0}.stageOnlyLivePage .stageBand>.trackStageShell{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;overflow:hidden;background:#000}.embedLivePage .trackGrid{gap:0}.embedLivePage .trackTile{border:0;border-radius:0}.stageOnlyLivePage .trackGrid{gap:0}.stageOnlyLivePage .trackTile{border:0;border-radius:0}.stageOnlyLivePage .stageOnlySingleShell,.stageOnlyLivePage .trackStageShell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#000}.stageOnlyLivePage .stageOnlySingleSlot{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden;background:#000}.stageOnlyLivePage .stageOnlySingleSlot .trackTile{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;border:0;border-radius:0;line-height:0;background:#000}.stageOnlyLivePage .stageOnlySingleSlot .stageOnlySingleTrackTile{position:absolute;inset:0;overflow:hidden;background:#000}.stageOnlyLivePage .stageOnlySingleSlot .trackTile>.lk-participant-media-video,.stageOnlyLivePage .stageOnlySingleSlot .trackTile>.stageOnlySingleMedia{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center center;background:#111111}@supports (-moz-appearance:none){.stageOnlyLivePage .stageOnlySingleSlot .stageOnlySingleTrackTile>.stageOnlySingleMedia[data-lk-source=camera],.stageOnlyLivePage .stageOnlySingleSlot .trackTile>.lk-participant-media-video[data-lk-source=camera],.stageOnlyLivePage .stageOnlySingleSlot .trackTile>.stageOnlySingleMedia[data-lk-source=camera]{top:-1px;height:calc(100% + 2px)}}.embedLivePage .waitingState,.stageOnlyLivePage .waitingState{min-height:0}.trackGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-auto-rows:minmax(0,1fr);grid-gap:12px;gap:12px;overflow:hidden}.trackGrid,.trackStageShell>.trackGrid{width:100%;height:100%;min-height:0}.trackGrid.single{grid-template-columns:minmax(0,1fr);place-items:center}.stageOnlyLivePage .trackGrid.single{place-items:stretch}.singleTrackSlot{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center}.stageOnlyLivePage .singleTrackSlot{place-items:stretch}.trackTile{position:relative;display:block;line-height:0;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111923}.trackTile .lk-focus-toggle-button{display:none}.trackTile video{width:100%;height:100%;object-fit:cover;object-position:center}.trackTile.screen video{object-fit:contain}.livePage.cameraFitContain:not(.stageOnlyLivePage) .trackGrid.focusLayout .focusTrackSlot .trackTile:not(.screen) video,.livePage.cameraFitContain:not(.stageOnlyLivePage) .trackGrid.single .trackTile:not(.screen) video{object-fit:contain;background:#0b1118}.livePage.cameraFitFill:not(.stageOnlyLivePage) .trackGrid.focusLayout .focusTrackSlot .trackTile:not(.screen) video,.livePage.cameraFitFill:not(.stageOnlyLivePage) .trackGrid.single .trackTile:not(.screen) video{object-fit:cover;background:transparent}.trackGrid.focusLayout .focusTrackSlot .trackTile>.lk-participant-media-video,.trackGrid.single .trackTile>.lk-participant-media-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none}.trackGrid.single .singleTrackSlot{width:min(100%,1240px);height:100%;max-height:100%}.stageOnlyLivePage .trackGrid.focusLayout .focusTrackSlot .trackTile,.stageOnlyLivePage .trackGrid.single .singleTrackSlot,.stageOnlyLivePage .trackGrid.single .trackTile{width:100%;height:100%;max-width:none;max-height:none}.stageOnlyLivePage .trackGrid.single .trackTile{position:relative;display:block;line-height:0;background:#000}.stageOnlyLivePage .trackGrid.single .trackTile>.lk-participant-media-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none}.stageOnlyLivePage .trackGrid.single .trackTile>.lk-participant-media-video[data-lk-source=camera]{object-fit:contain;object-position:center center}.trackGrid.focusLayout .focusTrackSlot .trackTile,.trackGrid.single .trackTile{width:100%;height:100%;max-height:100%}.trackGrid.expanded .singleTrackSlot,.trackGrid.expanded .trackTile{width:100%;height:100%;max-height:none}.trackGrid.focusLayout{position:relative;display:block}.focusTrackSlot{position:absolute;inset:0;display:grid;min-width:0;min-height:0;place-items:center}.focusTrackSlot,.singleTrackSlot{isolation:isolate}.focusTrackSlot .trackTile{width:100%;height:100%}.thumbnailRail{position:absolute;right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:6;display:grid;grid-gap:10px;gap:10px;width:clamp(170px,20vw,280px)}.stageOnlyPrompt{position:absolute;right:16px;bottom:16px;left:16px;z-index:9;display:grid;grid-gap:12px;gap:12px;width:min(100% - 32px,420px);margin-left:auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(15,20,25,.9);box-shadow:0 18px 48px rgba(0,0,0,.35);padding:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stageOnlyPrompt__body{display:grid;grid-gap:6px;gap:6px}.stageOnlyPrompt__eyebrow{margin:0;color:#5eead4;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stageOnlyPrompt h3,.stageOnlyPrompt p{margin:0}.stageOnlyPrompt h3{font-size:1rem}.stageOnlyPrompt p{color:#d7e0ea;font-size:.86rem;line-height:1.5}.stageOnlyPrompt__hint{color:#9edad1}.stageOnlyPrompt__actions{display:flex;flex-wrap:wrap;gap:10px}.stageOnlyPrompt__primary,.stageOnlyPrompt__secondary{min-height:40px;border-radius:10px;cursor:pointer;font-weight:700;padding:9px 14px}.stageOnlyPrompt__primary{border:0;background:#14b8a6;color:#042f2e}.stageOnlyPrompt__secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#e2e8f0}.livePage.isFullscreen .thumbnailRail{bottom:96px}.trackPreviewButton{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#111923;box-shadow:0 14px 34px rgba(0,0,0,.32);cursor:pointer;padding:0;aspect-ratio:16/9}.trackPreviewButton .trackTile{pointer-events:none;border:0;border-radius:0}.trackPreviewButton .lk-connection-quality,.trackPreviewButton .lk-focus-toggle-button,.trackPreviewButton .lk-participant-metadata,.trackPreviewButton .lk-participant-metadata-item,.trackPreviewButton .lk-participant-placeholder,.trackPreviewButton .trackTile>:not(.lk-participant-media-video),.trackPreviewButton [data-lk-participant-name]{display:none!important}.trackPreviewButton .trackTile video{object-fit:cover}.trackPreviewButton span{position:absolute;right:8px;bottom:8px;border-radius:999px;background:rgba(15,20,25,.78);color:#fff;font-size:.72rem;font-weight:800;padding:4px 7px}.videoExpandButton{position:absolute;top:10px;right:10px;z-index:7;display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(15,20,25,.74);color:#fff;cursor:pointer;touch-action:manipulation}.videoExpandButton svg{width:18px;height:18px}.joinNotice,.waitingState{display:grid;align-content:center;justify-items:center;min-height:54vh;max-width:680px;margin:0 auto;padding:32px 18px;text-align:center}.joinNotice h1,.waitingState h2{margin:0;font-size:clamp(1.7rem,5vw,3rem);line-height:1.05}.joinNotice p,.waitingState p{margin:14px 0 0;color:#aab8c7;line-height:1.65}.joinNotice code{border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px 5px;background:rgba(255,255,255,.08);color:#f4f7fb}.classroomBottomBar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;border-top:1px solid rgba(255,255,255,.12);background:rgba(15,20,25,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px clamp(12px,3vw,24px)}.livePage.isFullscreen .classroomBottomBar{position:absolute;right:12px;bottom:12px;left:12px;z-index:8;border:1px solid rgba(255,255,255,.14);border-radius:8px}.classroomBottomLeft,.classroomBottomRight{display:flex;align-items:center;gap:10px;min-width:0}.classroomBottomRight{margin-left:auto}.classroomBottomRight:empty{display:none}.teacherControlBar{position:static;z-index:5;min-width:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.teacherControlBar .lk-start-audio-button{display:none!important}.embedLivePage .classroomBottomBar{background:rgba(15,20,25,.96)}.audioStartButton{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 12px;background:rgba(255,255,255,.04);color:#f1f5f9;cursor:pointer;font-size:.9rem;font-weight:600}.audioStartButton svg{width:16px;height:16px;flex:0 0 auto}.videoFitToggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.04);color:#f1f5f9;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px}.videoFitToggle svg{width:16px;height:16px;flex:0 0 auto}.videoFitToggle[aria-pressed=true]{border-color:rgba(45,212,191,.42);background:rgba(15,118,110,.28);color:#d1fae5}.endClassButton{min-height:40px;border:0;border-radius:8px;background:#dc2626;color:#fff;cursor:pointer;font-weight:800;padding:9px 13px;white-space:nowrap}.endClassButton:disabled{opacity:.65;cursor:wait}.endError{max-width:240px;margin:0;color:#fecaca;font-size:.78rem;line-height:1.35;text-align:right}@media (max-width:720px){body:has(.liveRoomRoot){overflow:hidden}.liveHeader{align-items:flex-start;flex-direction:column;gap:8px;min-height:0;padding:10px 12px}.liveHeader h1{max-width:none;font-size:1.05rem}.liveHeader p:last-child{font-size:.74rem}.stageBand{padding:8px}.liveMeta{width:100%;justify-content:flex-start}.liveMeta span{min-width:88px}.classroomBottomBar{align-items:stretch;flex-direction:column;gap:8px;min-height:0;padding:8px}.classroomBottomLeft,.classroomBottomRight,.teacherControlBar{width:100%}.classroomBottomLeft,.classroomBottomRight{justify-content:space-between}.classroomBottomRight{margin-left:0}.audioStartButton,.endClassButton,.videoFitToggle{min-height:46px}.trackGrid.focusLayout .focusTrackSlot .trackTile,.trackGrid.single .singleTrackSlot,.trackGrid.single .trackTile{width:100%;height:100%;max-height:100%}.thumbnailRail{right:10px;bottom:10px;width:min(36vw,150px)}.livePage.isFullscreen .thumbnailRail{bottom:86px}.videoExpandButton{width:40px;height:40px}.endError{max-width:none;text-align:left}}@media (max-width:920px) and (orientation:landscape) and (max-height:540px){body:has(.liveRoomRoot){overflow:auto}.livePage,.liveRoomRoot{height:auto;min-height:100dvh;overflow:visible}.liveRoomRoot .livePage{display:block;overflow-y:auto}.liveHeader{min-height:0;padding:8px 12px}.liveHeader h1{font-size:1rem}.liveHeader p:last-child,.liveMeta{display:none}.stageBand{height:auto;min-height:calc(100dvh - 72px);padding:8px;overflow:visible}.trackGrid{height:calc(100dvh - 132px);min-height:260px}.trackGrid.focusLayout .focusTrackSlot .trackTile,.trackGrid.single .singleTrackSlot,.trackGrid.single .trackTile{width:100%;height:100%;max-height:none}.classroomBottomBar{position:-webkit-sticky;position:sticky;bottom:0;z-index:8;flex-direction:row;align-items:center;min-height:0;padding:7px 8px}.classroomBottomLeft,.classroomBottomRight,.teacherControlBar{width:auto}.audioStartButton,.endClassButton{min-height:42px}.thumbnailRail{width:min(24vw,150px)}}.adminPage{min-height:100vh;background:#f7f8fb;color:#15202b;padding:clamp(18px,4vw,36px)}.streamAdminPage{padding-top:clamp(20px,3vw,32px)}.streamAdminPage .adminHeader{max-width:1040px}.adminHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 24px;max-width:1240px}.adminHeader h1,.adminHeader p{margin:0}.adminHeader h1{margin-top:4px;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.streamAdminPage .adminHeader h1{font-size:clamp(2.5rem,5vw,4rem)}.adminHeader p:last-child{margin-top:10px;max-width:680px;color:#5d6b7a;line-height:1.6}.adminHeader a,.adminHeader button,.roomRow h3 a{border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;font:inherit;text-decoration:none}.adminHeader a,.adminHeader button{padding:10px 14px}.adminHeader button{cursor:pointer}.roomRow h3 a{display:inline-flex;border:0;padding:0}.roomRow h3 a:hover{color:#0f766e}.adminActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.adminActions form{margin:0}.iconOnly{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0}.iconOnly svg{width:28px;height:28px}.adminLoginPage{display:grid;min-height:100vh;place-items:center;background:#f7f8fb;color:#15202b;padding:24px}.adminLoginCard{display:grid;grid-gap:16px;gap:16px;width:min(420px,100%);border:1px solid #d9e0e8;border-radius:8px;background:#fff;padding:28px}.adminLoginCard h1{font-size:clamp(2rem,8vw,3rem)}.adminLoginCard label{display:grid;grid-gap:7px;gap:7px}.adminLoginCard label span{color:#5d6b7a;font-size:.82rem;font-weight:700}.adminLoginCard input{min-width:0;width:100%;border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;padding:11px 12px;font:inherit}.adminLoginCard button{border:0;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 14px}.adminLoginCard a{color:#0f766e;font-size:.9rem;text-decoration:none}.loginError{margin:0;color:#b91c1c;font-size:.9rem}.streamForm{display:grid;align-content:start}.streamForm label{display:grid;grid-gap:7px;gap:7px;border-bottom:1px solid #eef2f6;padding:15px 18px}.linkBox span,.streamForm label span{color:#6b7887;font-size:.78rem;font-weight:700}.streamForm input,.streamForm select,.streamForm textarea{min-width:0;width:100%;border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;padding:10px 12px;font:inherit}.linkBox a,.streamForm button{border:0;border-radius:8px;background:#0f766e;color:#fff;font:inherit;font-weight:700;text-align:center;text-decoration:none}.streamForm button{margin:18px;padding:11px 14px;cursor:pointer}.clientSettingsForm{grid-column:1/-1;gap:14px;width:100%;border:1px solid #e4e9f0;border-radius:8px;padding:14px;margin-top:10px}.clientSettingsForm .clientSettingsRow>label,.clientSettingsForm>label{border-bottom:0;padding:0}.clientSettingsRow{display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-gap:12px;gap:12px}.webhookEventsGroup{display:grid;grid-gap:8px;gap:8px;border:1px solid #d9e2ec;border-radius:8px;background:#fbfdff;padding:10px}.webhookEventsGroup>span{color:#6b7887;font-size:.78rem;font-weight:700}.eventChipGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:8px;gap:8px}.eventChip{display:inline-flex;align-items:center;gap:8px;min-width:0;border:1px solid #d5deea;border-radius:8px;background:#f8fafc;padding:9px 10px}.eventChip input{width:16px;height:16px;margin:0}.eventChip span{overflow-wrap:anywhere;color:#344255;font-size:.8rem;font-weight:600}.clientSettingsForm button{margin:0}.clientAccordion{width:100%;grid-column:1/-1}.clientAccordionSummary{position:relative;display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,.8fr) minmax(100px,.7fr) minmax(120px,.8fr) minmax(140px,.9fr);grid-gap:16px 36px;gap:16px 36px;align-items:center;cursor:pointer;list-style:none}.clientAccordionSummary::-webkit-details-marker{display:none}.clientAccordionSummary:after{content:"+";position:absolute;top:50%;right:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #cdd6e1;border-radius:999px;background:#fff;color:#344255;font-size:1rem;font-weight:700;line-height:1;transform:translateY(-50%)}.clientAccordion[open] .clientAccordionSummary:after{content:"-"}.clientAccordionBody{margin-top:10px}.clientSummaryCell dt{color:#6b7887;font-size:.75rem}.clientSummaryCell dd{margin:6px 0 0;font-weight:700}.clientSummaryCell p{margin:4px 0 0;color:#6b7887;font-size:.82rem}.clientActionRow{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.clientActionRow form{margin:0}.clientActionRow button{border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#263445;cursor:pointer;font:inherit;font-weight:600;padding:10px 12px}.streamEventList,.streamList,.streamRow{display:grid}.streamRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid #eef2f6;padding:20px 22px}.streamEventList article:last-child,.streamRow:last-child{border-bottom:0}.streamRow h3,.streamRow p{margin:0}.streamRow h3{margin-top:8px;font-size:1.05rem}.streamRow h3 a{color:#15202b;text-decoration:none}.streamEventList span,.streamRow p,.streamRow span{color:#6b7887;font-size:.82rem}.streamRow strong{grid-column:2;grid-row:1;justify-self:end;font-size:1.35rem}.streamRow>div{grid-row:1/span 2;min-width:0}.streamRow>span{grid-column:2;grid-row:2;justify-self:end;white-space:nowrap}.streamLinks{display:grid;align-content:start}.linkBox{display:grid;grid-gap:10px;gap:10px;min-width:0;border-bottom:1px solid #eef2f6;padding:18px}.linkBox:last-child{border-bottom:0}.linkBox a{display:inline-flex;justify-content:center;width:-moz-fit-content;width:fit-content;max-width:100%;padding:10px 14px}.linkBox code{display:block;overflow-wrap:anywhere;border:1px solid #e4e9f0;border-radius:8px;background:#f8fafc;color:#263445;padding:12px;font-size:.78rem;line-height:1.55}.linkBox p{margin:0;color:#6b7887}.streamEventList article{display:grid;grid-gap:5px;gap:5px;border-bottom:1px solid #eef2f6;padding:14px 18px}.adminPanel,.adminSplit,.metricGrid{max-width:1240px;margin-right:auto;margin-left:auto}.metricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.adminPanel,.metricCard{border:1px solid #d9e0e8;border-radius:8px;background:#fff}.metricCard{min-width:0;padding:16px}.metricCard span,.metricCard strong{display:block}.metricCard span{color:#5d6b7a;font-size:.82rem}.metricCard strong{margin-top:8px;font-size:clamp(1.35rem,3vw,2rem)}.adminSplit{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:18px;gap:18px;margin-bottom:18px}.adminSplit.streamSplit{grid-template-columns:minmax(360px,430px) minmax(420px,1fr);align-items:start;gap:24px;max-width:1040px}.adminSplit.clientsSplit{grid-template-columns:minmax(300px,360px) minmax(520px,1fr);align-items:start;gap:24px}.adminSplit>.adminPanel,.adminSplit>form.adminPanel{width:100%;margin-right:0;margin-left:0}.roomDetailSplit{grid-template-columns:minmax(0,1fr) minmax(320px,.48fr)}.roomMetricGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.adminPanel{overflow:hidden}.opsPanel,.showbackPanel{margin-bottom:18px}.showbackFilter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px 4px}.showbackFilter label{color:#6b7887;font-size:.8rem;font-weight:700}.showbackFilter select{min-width:220px}.showbackFilter a,.showbackFilter button,.showbackFilter select{border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;font:inherit;padding:8px 10px}.showbackFilter a,.showbackFilter button{font-size:.82rem;font-weight:700;text-decoration:none}.showbackTopline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:14px 18px 4px}.showbackTopline div{border:1px solid #e4e9f0;border-radius:8px;background:#f8fafc;padding:14px}.showbackTopline p,.showbackTopline span,.showbackTopline strong{display:block;margin:0}.showbackTopline span{color:#6b7887;font-size:.78rem;font-weight:700}.showbackTopline strong{margin-top:8px;font-size:clamp(1.18rem,2.8vw,1.6rem)}.showbackTopline p{margin-top:8px;color:#6b7887;font-size:.82rem}.showbackBudget{margin:0 18px 10px;border:1px solid #dbe7f3;border-radius:8px;background:#f8fafc;padding:12px 14px}.showbackBudget p,.showbackBudget strong{display:block;margin:0}.showbackBudget strong{font-size:.92rem}.showbackBudget p{margin-top:6px;color:#6b7887;font-size:.82rem;line-height:1.45}.showbackBudget.warn{border-color:#fcd34d;background:#fffbeb}.showbackBudget.critical{border-color:#fca5a5;background:#fef2f2}.showbackUsage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;padding:10px 18px 16px}.showbackUsage div{border:1px solid #eef2f6;border-radius:8px;background:#fff;padding:12px}.showbackUsage span,.showbackUsage strong{display:block}.showbackUsage span{color:#6b7887;font-size:.78rem}.showbackUsage strong{margin-top:6px;font-size:1.05rem}.showbackTableWrap{overflow-x:auto;padding:0 18px}.showbackTable{width:100%;min-width:760px;border-collapse:collapse}.showbackTable td,.showbackTable th{border-bottom:1px solid #eef2f6;padding:12px 8px;text-align:left;font-size:.86rem}.showbackTable th{color:#6b7887;font-size:.78rem}.showbackTable td:last-child,.showbackTable th:last-child{font-weight:800}.showbackTrend{margin:14px 18px 0;border:1px solid #eef2f6;border-radius:8px;background:#fff;padding:12px}.showbackTrend h3{margin:0 0 10px;font-size:.9rem}.showbackTrendRows{display:grid;grid-gap:8px;gap:8px}.showbackTrendRow{display:grid;grid-template-columns:100px minmax(120px,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.showbackTrendRow span{color:#465363;font-size:.82rem}.showbackTrendBarTrack{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.showbackTrendBar{height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,#0f766e,#14b8a6)}.showbackTrendRow strong{font-size:.84rem}.showbackNote{margin:10px 18px 16px;color:#6b7887;font-size:.82rem;line-height:1.5}.opsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0}.opsMetric{min-width:0;border-right:1px solid #eef2f6;padding:16px 18px}.opsMetric:last-child{border-right:0}.opsMetric p,.opsMetric span,.opsMetric strong{display:block}.opsMetric span{color:#6b7887;font-size:.78rem;font-weight:700}.opsMetric strong{margin-top:8px;overflow-wrap:anywhere;font-size:clamp(1.2rem,2.5vw,1.7rem)}.opsMetric p{margin:8px 0 0;color:#6b7887;font-size:.82rem;line-height:1.45}.opsMetric.good strong{color:#0f766e}.opsMetric.warn strong{color:#b45309}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e4e9f0;padding:16px 18px}.panelHeader h2{margin:0;font-size:1rem}.panelHeader span{color:#6b7887;font-size:.82rem}.clientList,.participantList,.roomList{display:grid}.clientRow,.participantRow,.roomRow{display:grid;grid-gap:16px;gap:16px;border-bottom:1px solid #eef2f6;padding:16px 18px}.clientRow:last-child,.participantRow:last-child,.roomRow:last-child{border-bottom:0}.roomRow{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:center}.clientRow h3,.clientRow p,.participantRow h3,.participantRow p,.roomRow h3,.roomRow p{margin:0}.participantRow h3,.roomRow h3{margin-top:8px;font-size:1rem}.clientRow p,.participantRow p,.roomRow p{margin-top:4px;color:#6b7887;font-size:.86rem}.participantRow dl,.roomRow dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.detailList dt,.participantRow dt,.roomRow dt{color:#6b7887;font-size:.75rem}.detailList dd,.participantRow dd,.roomRow dd{margin:4px 0 0;font-weight:700}.participantRow{grid-template-columns:minmax(0,.75fr) minmax(360px,1fr);align-items:center}.detailList dd,.participantRow dd{overflow-wrap:anywhere}.detailList{display:grid;grid-gap:14px;gap:14px;margin:0;padding:18px}.detailList div{min-width:0}.snippetHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.snippetHeader span{color:#6b7887;font-size:.78rem;font-weight:700}.snippetHeader button{border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:6px 10px}.signerBox{display:grid;grid-gap:10px;gap:10px}.signerBox label{display:grid;grid-gap:6px;gap:6px}.signerBox label span{color:#6b7887;font-size:.78rem;font-weight:700}.signerBox input,.signerBox select,.signerBox textarea{width:100%;min-width:0;border:1px solid #cdd6e1;border-radius:8px;background:#fff;color:#15202b;padding:10px 12px;font:inherit}.signerBox button{width:-moz-fit-content;width:fit-content;border:0;border-radius:8px;background:#0f766e;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:9px 12px}.statusPill{display:inline-flex;border-radius:999px;padding:4px 8px;background:#edf2f7;color:#3f4d5a;font-size:.72rem;font-weight:800}.statusPill.live{background:#ccfbf1;color:#115e59}.statusPill.ended{background:#e5e7eb;color:#374151}.statusPill.cancelled{background:#fee2e2;color:#991b1b}.statusPill.failed{background:#fde68a;color:#92400e}.clientRow{grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center}.clientRow strong{font-size:1.1rem}.clientRow span{color:#6b7887;font-size:.82rem}.eventTable{display:grid;overflow-x:auto}.eventHeader,.eventRow{display:grid;grid-template-columns:190px minmax(180px,.8fr) minmax(220px,1fr) minmax(150px,.7fr);grid-gap:12px;gap:12px;min-width:860px;border-bottom:1px solid #eef2f6;padding:13px 18px}.eventHeader{color:#6b7887;font-size:.78rem;font-weight:700}.eventRow:last-child{border-bottom:0}.eventRow span,.eventRow strong{overflow-wrap:anywhere}.eventRow strong{font-size:.86rem}.eventTimeline{display:grid}.timelineItem{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);grid-gap:16px;gap:16px;border-bottom:1px solid #eef2f6;padding:16px 18px}.timelineItem:last-child{border-bottom:0}.timelineItem div{display:grid;align-content:start;grid-gap:5px;gap:5px}.timelineItem span,.timelineItem time{color:#6b7887;font-size:.82rem}.timelineItem strong{overflow-wrap:anywhere}.timelineItem pre{max-height:260px;margin:0;overflow:auto;border:1px solid #e4e9f0;border-radius:8px;background:#f8fafc;color:#263445;padding:12px;font-size:.78rem;line-height:1.55;white-space:pre-wrap}@media (max-width:960px){.adminSplit,.metricGrid{grid-template-columns:1fr 1fr}.adminSplit,.clientRow,.opsGrid,.participantRow,.roomRow,.showbackUsage,.timelineItem{grid-template-columns:1fr}.opsMetric{border-right:0;border-bottom:1px solid #eef2f6}.opsMetric:last-child{border-bottom:0}.clientAccordionSummary,.clientSettingsRow,.showbackTopline{grid-template-columns:1fr}.showbackFilter{flex-direction:column;align-items:flex-start}.showbackFilter select{width:100%;min-width:0}.showbackTrendRow{grid-template-columns:82px minmax(100px,1fr) auto}}@media (max-width:640px){.adminHeader{align-items:flex-start;flex-direction:column}.metricGrid,.participantRow dl,.roomMetricGrid,.roomRow dl{grid-template-columns:1fr}.adminActions{justify-content:flex-start}}