:root{--bg-main:#f8f4e8;--bg-alt:#dff3ec;--card:#fffcf5cc;--card-solid:#fffdf8;--muted:#5c666b;--text:#182026;--line:#d9d4c6;--accent:#b45309;--accent-2:#0f766e;--accent-soft:#fff1dc}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Avenir Next Condensed,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 0 0,rgba(15,118,110,.16),transparent 35%),radial-gradient(circle at 100% 10%,rgba(180,83,9,.14),transparent 35%),linear-gradient(155deg,var(--bg-main),var(--bg-alt));color:var(--text);min-height:100%}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:28px 20px 60px;position:relative;isolation:isolate}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,253,248,.85);border-bottom:1px solid #ece6d8}.site-header-inner{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.site-logo{gap:10px;font-weight:800;letter-spacing:.02em}.logo-mark,.site-logo{display:inline-flex;align-items:center}.logo-mark{width:34px;height:34px;border-radius:10px;justify-content:center;background:linear-gradient(130deg,#0f766e,#b45309);color:#fff;font-size:.85rem}.site-nav{display:flex;gap:8px;align-items:center}.account-menu{position:relative}.account-menu summary{list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu-content{position:absolute;right:0;top:calc(100% + 8px);background:#fffdf8;border:1px solid #ece6d8;border-radius:10px;padding:8px;display:grid;grid-gap:8px;gap:8px;min-width:140px;box-shadow:0 8px 24px rgba(24,32,38,.12)}.site-footer{border-top:1px solid #ece6d8;background:rgba(255,253,248,.9);margin-top:22px}.site-footer-inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;align-items:center}.bg-grid{inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(24,32,38,.05) 1px,transparent 0),linear-gradient(180deg,rgba(24,32,38,.05) 1px,transparent 0);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at center,#000 35%,transparent 90%);mask-image:radial-gradient(circle at center,#000 35%,transparent 90%)}.bg-grid,.bg-orb{position:absolute}.bg-orb{z-index:-2;border-radius:999px;filter:blur(2px);animation:float 10s ease-in-out infinite}.orb-a{width:260px;height:260px;top:-60px;right:-40px;background:radial-gradient(circle at 30% 30%,#f59e0b 0,rgba(245,158,11,.1) 65%,transparent 80%)}.orb-b{width:340px;height:340px;bottom:-100px;left:-90px;background:radial-gradient(circle at 40% 40%,#14b8a6 0,rgba(20,184,166,.1) 65%,transparent 80%);animation-delay:1.6s}.hero-block{display:grid;grid-template-columns:1.35fr .65fr;grid-gap:18px;gap:18px;margin-bottom:20px;animation:rise .45s ease}.headline{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;margin:10px 0}.eyebrow{margin:0;letter-spacing:.08em;font-size:.78rem;text-transform:uppercase;color:var(--accent);font-weight:700}.status-card{border:1px solid #f0b66f66;border-radius:18px;padding:16px 16px 14px;background:linear-gradient(145deg,#fff8ea,#fff3dc 62%,#fde9d3);display:grid;grid-gap:12px;gap:12px;align-content:start;box-shadow:0 12px 30px rgba(180,83,9,.11)}.status-row{display:flex;justify-content:space-between;align-items:center}.role-nav{display:flex;gap:8px;flex-wrap:wrap}.mobile-nav{display:none}.mobile-title{margin:4px 0 0;font-size:1.05rem}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(320px,84vw);transform:translateX(100%);transition:transform .24s ease;z-index:60}.drawer.open{transform:translateX(0)}.drawer-content{height:100%;background:#fff8ea;border-left:1px solid var(--line);padding:16px 14px;display:grid;align-content:start;grid-gap:12px;gap:12px;box-shadow:-12px 0 34px rgba(24,32,38,.15)}.drawer-links{display:grid;grid-gap:8px;gap:8px}.drawer-backdrop{position:fixed;inset:0;background:rgba(24,32,38,.36);border:0;z-index:55}.label{color:var(--muted);font-size:.9rem}.dashboard-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.panel{background:var(--card);border:1px solid #fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:18px;padding:18px;box-shadow:0 15px 35px rgba(24,32,38,.08);animation:rise .45s ease}.panel h2{margin:0 0 6px}.mode-switch{display:flex;gap:10px;margin-bottom:12px}.chip{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);padding:6px 12px;cursor:pointer}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.form{grid-gap:10px;gap:10px}.form,label{display:grid}label{grid-gap:6px;gap:6px;font-size:.9rem}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--text);font-size:16px}textarea{min-height:84px;resize:vertical}.btn{border:1px solid var(--accent);background:linear-gradient(140deg,var(--accent),#d97706);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(180,83,9,.25)}.btn.secondary{border-color:var(--line);background:var(--card-solid);color:var(--text)}.btn.danger{background:#b91c1c;border-color:#b91c1c}.btn:disabled{opacity:.55;cursor:not-allowed}.list{display:grid;grid-gap:10px;gap:10px}.list-item{border:1px solid #ece6d8;border-radius:12px;padding:10px;background:var(--card-solid);display:flex;justify-content:space-between;gap:14px;align-items:flex-start;transition:transform .2s ease,box-shadow .2s ease}.list-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,32,38,.1)}.muted,.subtle{color:var(--muted)}.subtle{font-size:.8rem}.error{border:1px solid #fca5a5;background:#fff1f2;color:#b91c1c;border-radius:10px}.error,.info{padding:10px 12px;margin:0 0 14px}.info{border:1px solid #86efac;background:#f0fdf4;color:#166534;border-radius:10px}.row{display:flex;gap:10px;flex-wrap:wrap}.divider{margin:14px 0 10px;color:var(--muted);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.stat-box{border:1px solid #ece6d8;border-radius:12px;padding:10px;background:var(--card-solid);display:grid;grid-gap:4px;gap:4px}.live-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.live-tile{border:1px solid #ece6d8;border-radius:12px;padding:8px;background:var(--card-solid);display:grid;grid-gap:8px;gap:8px}.live-video{width:100%;aspect-ratio:16/9;border-radius:10px;background:#0b0f17;object-fit:cover}.admin-bars{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.admin-bar{border-radius:8px;color:#fff;font-size:.78rem;font-weight:700;padding:6px 10px;white-space:nowrap}.admin-bar.users{background:linear-gradient(120deg,#0f766e,#14b8a6)}.admin-bar.enrollments{background:linear-gradient(120deg,#0369a1,#0ea5e9)}.admin-bar.completions{background:linear-gradient(120deg,#92400e,#f59e0b)}.admin-progress-track{margin-top:8px;width:100%;height:10px;border-radius:999px;background:#efe8d8;overflow:hidden}.admin-progress-fill{height:100%;background:linear-gradient(120deg,#0f766e,#14b8a6)}.status-pill{display:inline-flex;margin-top:6px;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-pill.on{background:#ecfdf5;color:#166534;border:1px solid #86efac}.status-pill.off{background:#fff1f2;color:#9f1239;border:1px solid #fda4af}.live-health{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.health-pill{border-radius:999px;padding:4px 10px;border:1px solid #d9d4c6;font-size:.8rem;background:#fffdf8}.whiteboard{width:100%;min-height:280px;height:320px;border:1px solid #ece6d8;border-radius:12px;background:#fffdf8;margin-top:10px;cursor:crosshair}.checkbox-inline{display:flex;align-items:center;gap:8px}.checkbox-inline input{width:auto;margin:0}.state-connected{background:#ecfdf5;border-color:#86efac;color:#166534}.state-connecting{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.state-disconnected,.state-errored{background:#fff1f2;border-color:#fca5a5;color:#b91c1c}.quality-good{background:#f0fdf4;border-color:#86efac;color:#166534}.quality-normal{background:#fffbeb;border-color:#fcd34d;color:#92400e}.quality-poor{background:#fff1f2;border-color:#fda4af;color:#9f1239}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero-block{grid-template-columns:1fr}.container{padding:20px 14px 42px}.site-footer-inner,.site-header-inner{padding:10px 14px}}@media (max-width:768px){.mobile-nav{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.hero-block{display:none}.site-header{position:static}.dashboard-grid{grid-template-columns:1fr}.panel,.status-card{padding:14px;border-radius:14px}.list-item{flex-direction:column;gap:10px}.btn{text-align:center}.btn,.btn.secondary{width:100%}.row{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.footer-links{width:100%;justify-content:space-between}}@media (max-width:520px){.container{padding:14px 10px 30px}.headline{font-size:clamp(1.35rem,7vw,1.9rem)}.mode-switch{display:grid;grid-template-columns:1fr 1fr}.chip{width:100%;text-align:center}.role-nav{display:grid}.role-nav,.stats-grid{grid-template-columns:1fr}.list-item{padding:9px}}