:root{--bg: #0e131b;--bg-elev: #121826;--panel: #171e2c;--panel-2: #1c2435;--panel-3: #222b40;--line: rgba(148, 173, 214, .14);--line-strong: rgba(148, 173, 214, .24);--text: #e8eef8;--muted: #93a0b8;--accent: #3b82f6;--accent-2: #2563eb;--danger: #ef5b5b;--warn: #f0a33a;--ok: #34d399;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--radius: 12px;--font: "IBM Plex Sans Arabic", Tahoma, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,a{font:inherit}button{border:0;cursor:pointer}input,select{width:100%;color:var(--text);background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:.78rem .9rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f629}a{color:#93c5fd}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;padding:.65rem 1rem;border-radius:10px;transition:.15s ease;text-decoration:none;white-space:nowrap}.btn.xs{min-height:34px;padding:.4rem .7rem;font-size:.86rem;border-radius:8px}.btn-accent{background:linear-gradient(180deg,#4b8fff,var(--accent-2));color:#fff;font-weight:600;box-shadow:0 8px 20px #2563eb47}.btn-accent:hover{filter:brightness(1.05)}.btn-ghost{background:#ffffff08;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--line-strong);background:#ffffff0d}.btn-danger{background:#ef5b5b1f;color:#ffb4b4;border:1px solid rgba(239,91,91,.35)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:grid;gap:.4rem;margin-bottom:.85rem}.field span{color:var(--muted);font-size:.86rem}.muted{color:var(--muted)}.alert{margin:.7rem 0;padding:.75rem .9rem;border-radius:10px;background:#ef5b5b1f;border:1px solid rgba(239,91,91,.3);color:#ffc5c5}.eyebrow{margin:0;color:#7dd3fc;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}.brand-seal{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#93c5fd,transparent 40%),linear-gradient(145deg,#60a5fa,#1d4ed8);box-shadow:inset 0 0 0 2px #ffffff2e,0 8px 20px #2563eb59;flex-shrink:0}.brand-seal.sm{width:28px;height:28px}.gate-brand{display:flex;gap:.85rem;align-items:center;margin-bottom:1.2rem}.gate-brand.compact{margin-bottom:0}.gate-brand h1{margin:.15rem 0 0;font-size:1.35rem}.text-link{display:inline-block;margin-top:.9rem;text-align:center;width:100%;color:var(--muted);text-decoration:none}.text-link:hover{color:var(--text)}.gate{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 15%,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.12),transparent 24%),linear-gradient(160deg,#0b1018,#121826 50%,#0e131b)}.gate-card{width:min(420px,100%);padding:1.4rem;border-radius:18px;background:#171e2ceb;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gate-card.wide{width:min(460px,100%)}.gate-card .btn-accent{width:100%}.home{min-height:100%;position:relative;overflow:hidden;padding:1.25rem 1.5rem 3rem;background:linear-gradient(165deg,#0b1018,#121a28 45%,#0e131b)}.home-glow{position:absolute;inset:-20% auto auto 30%;width:520px;height:520px;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 65%);pointer-events:none}.home-top,.admin-bar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.home-hero{position:relative;z-index:1;width:min(920px,100%);margin:4rem auto 0}.home-hero h2{margin:.4rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.03em;line-height:1.2}.lede{max-width:620px;color:var(--muted);font-size:1.05rem}.home-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.4rem 0 2rem}.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-cards article{padding:1.1rem;border-radius:var(--radius);background:#171e2ccc;border:1px solid var(--line)}.home-cards h3{margin:0 0 .4rem;font-size:1rem}.home-cards p{margin:0;color:var(--muted);font-size:.92rem}.admin{min-height:100%;padding:1.25rem;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 30%),var(--bg)}.admin-layout{margin-top:1.1rem;display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:1rem}.surface{background:#171e2ce6;border:1px solid var(--line);border-radius:16px;padding:1.1rem;box-shadow:var(--shadow)}.surface h2{margin:0 0 .9rem;font-size:1.05rem}.stack .btn-accent{width:100%}.divider{height:1px;background:var(--line);margin:1.1rem 0}.class-list,.member-table,.roster-list{display:grid;gap:.55rem}.class-item,.member-row,.roster-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem;border-radius:10px;background:var(--panel-2);border:1px solid transparent;color:inherit;text-align:right}.class-item{width:100%}.class-item:hover,.class-item.active{border-color:#3b82f673;background:#3b82f614}.meta{color:var(--muted);font-size:.82rem;margin-top:.15rem;font-family:var(--mono)}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.section-head h2{margin:0}.member-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .75rem;margin-bottom:1rem}.member-form .btn-accent{grid-column:1 / -1}.pill{font-size:.78rem;padding:.22rem .55rem;border-radius:999px;border:1px solid var(--line)}.pill.teacher{color:#93c5fd;background:#3b82f624}.pill.student{color:#cbd5e1}.empty-panel{min-height:320px;display:grid;place-content:center;text-align:center}.live{height:100%;display:grid;grid-template-rows:auto auto 1fr;background:#0c1118;overflow:hidden}.live-top{display:flex;justify-content:space-between;align-items:center;padding:.55rem .95rem;background:#0a0e15;border-bottom:1px solid rgba(255,255,255,.06)}.timer{display:flex;align-items:center;gap:.45rem;color:#b6c2d6;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.92rem}.pulse{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 #ef5b5b8c;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #ef5b5b00}to{box-shadow:0 0 #ef5b5b00}}.live-title{display:flex;align-items:center;gap:.55rem;font-weight:600}.live-toolbar{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem .7rem;background:linear-gradient(180deg,#121925,#0f1520);border-bottom:1px solid rgba(255,255,255,.06)}.tools{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.tool{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#dbe4f5;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:.15s ease}.tool:hover,.tool.on{background:#3b82f62e;border-color:#3b82f673;color:#fff}.tool.off{opacity:.55}.tool.danger:hover{background:#ef5b5b2e;border-color:#ef5b5b73}.soft-chip{padding:.35rem .7rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.84rem}.live-grid{min-height:0;display:grid;grid-template-columns:1fr 320px;gap:.55rem;padding:.55rem;direction:ltr}.live-grid .pane-head,.live-grid .roster-list,.live-grid .chat-feed,.live-grid .composer,.live-grid .placeholder,.live-grid .roster-row{direction:rtl}.right-rail{min-height:0;display:grid;gap:.55rem;grid-template-rows:1fr 1.2fr;direction:ltr}.live-grid.screen-mode.with-roster.with-chat .right-rail{grid-template-rows:180px minmax(140px,.9fr) minmax(180px,1.2fr)}.live-grid.screen-mode.with-roster:not(.with-chat) .right-rail,.live-grid.cam-mode.with-roster:not(.with-chat) .right-rail{grid-template-rows:180px 1fr}.live-grid.screen-mode:not(.with-roster).with-chat .right-rail{grid-template-rows:180px 1fr}.live-grid.cam-mode.with-roster.with-chat .right-rail{grid-template-rows:minmax(160px,.9fr) minmax(200px,1.2fr)}.live-grid.cam-mode:not(.with-roster).with-chat .right-rail{grid-template-rows:1fr}.cam-pip .cam-body{min-height:140px}.main-stage{min-width:0}.main-body{min-height:0}.main-body video,.cam-body video{width:100%;height:100%;display:block;background:#000}.main-body video.contain,.cam-body video.contain{object-fit:contain}.main-body video.cover,.cam-body video.cover{object-fit:cover}.main-body video.hide,.cam-body video.hide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.main-body video.show,.cam-body video.show{position:relative;opacity:1}.live-grid:not(.with-roster):not(.with-chat){grid-template-columns:1fr}.pane{min-height:0;display:flex;flex-direction:column;background:#151c29;border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.pane-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem;background:#00000038;border-bottom:1px solid rgba(255,255,255,.06);color:#a9b6cc;font-size:.88rem}.pane-head em{font-style:normal;color:#93c5fd;font-size:.78rem;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amber-dot{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px #f0a33a2e}.pane-body{flex:1;min-height:0;position:relative;background:#070a10}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.45rem;text-align:center;color:var(--muted);padding:1rem}.placeholder svg{opacity:.7}.placeholder p{margin:0;color:#d5deee}.placeholder span{font-size:.84rem}.placeholder.compact{position:relative;min-height:100%}.chat-feed{flex:1;overflow:auto;padding:.7rem;display:grid;gap:.5rem;align-content:start}.bubble{padding:.55rem .65rem;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.05)}.bubble strong{display:block;margin-bottom:.15rem;color:#93c5fd;font-size:.8rem}.bubble p{margin:0;font-size:.92rem}.composer{display:grid;grid-template-columns:1fr auto;gap:.4rem;padding:.55rem;border-top:1px solid rgba(255,255,255,.06)}.center{text-align:center}.roster-list{padding:.65rem;overflow:auto}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:30;padding:.75rem 1rem;border-radius:10px;background:#281010f5;border:1px solid rgba(239,91,91,.45);color:#ffc5c5}@media(max-width:1100px){.live-grid,.live-grid.with-roster,.live-grid.with-chat,.live-grid.with-roster.with-chat{grid-template-columns:1fr;overflow:auto}.right-rail,.live-grid.screen-mode.with-roster.with-chat .right-rail,.live-grid.cam-mode.with-roster.with-chat .right-rail{grid-template-rows:auto}.main-body,.cam-pip .cam-body{min-height:240px}.admin-layout,.home-cards,.member-form{grid-template-columns:1fr}}