:root{--bg:#000;--bg-2:#0a0612d9;--card:#120a20b8;--card-2:#24143eb3;--border:#a855f72e;--text:#f1eaff;--muted:#a397bd;--accent:#a855f7;--accent-2:#c084fc;--accent-dim:#a855f729;--green:#34d399;--red:#f87171;--yellow:#fbbf24;--blue:#60a5fa;--purple:#a78bfa;--discord:#5865f2;--radius:14px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(ellipse at 85% 0%, #7e22ce47, transparent 50%), radial-gradient(ellipse at 0% 100%, #581c874d, transparent 55%), var(--bg);color:var(--text);background-attachment:fixed;font-family:Cairo,system-ui,sans-serif;font-size:15px;line-height:1.6}.stars{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#root>:not(.stars){z-index:1;position:relative}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#a855f759;border-radius:10px}a{color:var(--accent-2);text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.3}h1{font-size:26px;font-weight:800}h3{font-size:17px;font-weight:700}h4{margin:8px 0;font-size:15px}p{margin:6px 0}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.small{font-size:13px}.bold{font-weight:700}.grow{flex:1}.pre{white-space:pre-wrap;word-break:break-word}.center-text{text-align:center}.text-green{color:var(--green);font-weight:700}.text-red{color:var(--red);font-weight:700}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:14px;display:flex}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.grid.videos{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.align-start{align-items:start}.sticky{position:sticky;top:16px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--border);flex-direction:column;width:260px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar nav{flex-direction:column;flex:1;gap:4px;margin-top:24px;display:flex;overflow-y:auto}.sidebar nav a{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;transition:all .15s;display:flex}.sidebar nav a:hover{background:var(--card);color:var(--text)}.sidebar nav a.active{background:var(--accent-dim);color:var(--accent-2);box-shadow:inset -3px 0 0 var(--accent)}.nav-icon{text-align:center;width:22px}.nav-count{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-inline-start:auto;padding:0 6px;font-size:11px;font-weight:800;display:grid}.section-title{margin:26px 0 12px}.picker{flex-direction:column;gap:8px;display:flex}.picker-list{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;max-height:260px;padding:0 12px;overflow-y:auto}.picker-item{font-size:14px!important;font-weight:400!important}.email-preview{flex-direction:column;gap:8px;display:flex}.email-preview iframe{border:1px solid var(--border);background:#05030a;border-radius:12px;width:100%;height:720px}.progress{background:var(--card-2);border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#7c3aed,#c084fc);height:100%;transition:width .4s}.latest-news{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.news-item{flex-direction:column;gap:8px;display:flex}.news-pinned{border-color:#a855f78c;box-shadow:0 0 24px #a855f726}.news-body{color:var(--text);margin:0}.news-body.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.checkbox{cursor:pointer;align-items:center;width:fit-content;flex-direction:row!important;gap:8px!important}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.sidebar-user{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#c084fc);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand{align-items:center;gap:10px;display:flex}.brand-bolt{background:var(--accent-dim);border-radius:12px;place-items:center;width:44px;height:44px;font-size:26px;display:grid;box-shadow:0 0 24px #a855f740}.brand-name{text-align:right;background:linear-gradient(90deg,#c084fc,#a855f7,#e9d5ff);color:#0000;direction:ltr;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.brand-sub{color:var(--muted);text-align:right;direction:ltr;font-size:11px}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:14px 28px;display:flex}.menu-btn{margin-left:auto;display:none}.content{max-width:1300px;margin:0 auto;padding:28px;animation:.25s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.backdrop{z-index:9;background:#00000080;position:fixed;inset:0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px;box-shadow:0 8px 30px #00000073}.card h3{margin-bottom:8px}.card-live{border-color:var(--red);box-shadow:0 0 0 1px #f871714d}.form{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.form label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.stat{align-items:center;gap:14px;display:flex}.stat-icon{background:var(--card-2);border-radius:12px;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.stat-value{font-size:26px;font-weight:800}.stat-accent{border-color:#a855f759}.stat-accent .stat-value{color:var(--accent)}.input{background:var(--bg-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.row>.input:not(.grow){width:auto}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical}input[type=datetime-local],input[type=month]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.grade-input{max-width:140px}.attendance-input{letter-spacing:1px;font-size:20px;font-weight:700}.btn{font:inherit;cursor:pointer;white-space:nowrap;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:9px 16px;font-weight:700;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:13px}.btn-block{width:100%}.btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7 60%,#c084fc)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 22px #a855f78c}.btn-ghost{border-color:var(--border);background:var(--card-2)}.btn-ghost:hover{border-color:var(--muted)}.btn-danger{color:var(--red);background:#f871711f;border-color:#f871714d}.btn-success{color:var(--green);background:#34d39926;border-color:#34d39959}.btn-discord{background:var(--discord);color:#fff}.btn-discord-outline{border-color:var(--discord);color:#aab2ff}.btn-discord:hover,.btn-discord-outline:hover{filter:brightness(1.15)}.pulse{animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #5865f2b3}70%{box-shadow:0 0 0 12px #5865f200}}.badge{white-space:nowrap;border-radius:999px;margin-inline:2px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-green{color:var(--green);background:#34d39926}.badge-red{color:var(--red);background:#f8717126}.badge-yellow{color:var(--yellow);background:#fbbf2426}.badge-blue{color:var(--blue);background:#60a5fa26}.badge-purple{color:var(--purple);background:#a78bfa26}.badge-gray{background:var(--card-2);color:var(--muted)}.badge-volt{background:var(--accent-dim);color:var(--accent)}.alert{border-radius:10px;margin:4px 0;padding:10px 14px;font-weight:600}.alert-error{color:var(--red);background:#f871711f;border:1px solid #f871714d}.alert-success{color:var(--green);background:#34d3991f;border:1px solid #34d3994d}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:28px}.center{place-items:center;padding:40px;display:grid}.center-screen{place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);padding:10px 0}.list li:last-child{border-bottom:none}.plain{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.table-wrap{padding:0;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.table th{color:var(--muted);background:var(--bg-2);white-space:nowrap;font-size:13px;font-weight:700}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff05}.table tr.highlight{background:var(--accent-dim)}.details-row td{background:var(--bg-2)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-hero{isolation:isolate;flex-direction:column;justify-content:center;gap:22px;padding:60px clamp(30px,6vw,90px);display:flex;position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";filter:blur(30px);z-index:-1;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.auth-hero:before{background:radial-gradient(circle,#a855f752,#0000 65%);width:520px;height:520px;top:-140px;right:-160px}.auth-hero:after{background:radial-gradient(circle,#6d28d959,#0000 65%);width:460px;height:460px;animation-duration:18s;animation-direction:alternate-reverse;bottom:-160px;left:-120px}@keyframes drift{to{transform:translate(-60px,80px)scale(1.15)}}.auth-orb{place-items:center;width:112px;height:112px;margin-bottom:8px;animation:6s ease-in-out infinite float,.8s both rise;display:grid;position:relative}.auth-orb-core{background:linear-gradient(135deg,#6d28d9,#a855f7 55%,#c084fc);border-radius:24px;place-items:center;width:74px;height:74px;font-size:36px;animation:3s ease-in-out infinite glow;display:grid;box-shadow:0 0 40px #a855f799,inset 0 0 18px #ffffff40}.auth-orb-ring{border:1px solid #c084fc59;border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:0}.auth-orb-ring.r2{border-style:dashed;border-color:#a855f740;animation-duration:18s;animation-direction:reverse;inset:-24px}.auth-orb-ring i{background:#f3e8ff;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%;box-shadow:0 0 12px #c084fc,0 0 24px #a855f7}@keyframes float{50%{transform:translateY(-12px)}}@keyframes glow{50%{box-shadow:0 0 70px #a855f7e6,inset 0 0 18px #ffffff59}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}.auth-hero-title{text-align:right;background:linear-gradient(90deg,#fff 0%,#e9d5ff 30%,#c084fc 50%,#e9d5ff 70%,#fff 100%) 0 0/200%;color:#0000;direction:ltr;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.15;animation:6s linear infinite shine,.8s .1s both rise}@keyframes shine{to{background-position:-200%}}.auth-typed{color:var(--accent-2);min-height:34px;margin:0;font-size:20px;font-weight:700;animation:.8s .2s both rise}.caret{background:var(--accent-2);vertical-align:-3px;width:2px;height:1.1em;margin-inline-start:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.auth-features{gap:12px;max-width:470px;margin:8px 0 0;padding:0;list-style:none;display:grid}.auth-features li{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:.7s both rise;animation-delay:calc(.35s + var(--i) * .12s);background:#120a2073;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;transition:transform .25s,border-color .25s,background .25s;display:flex}.auth-features li:hover{background:#24143e8c;border-color:#a855f780;transform:translate(-6px)}.auth-feature-icon{color:#fff;background:linear-gradient(135deg,#6d28d9e6,#c084fcb3);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 18px #7c3aed59}.auth-features strong{font-size:15px;display:block}.auth-features div>span{color:var(--muted);font-size:13px;display:block}.auth-hero-foot{color:var(--muted);text-align:right;font-size:13px;animation:.8s .9s both rise}.auth-hero-foot strong{color:var(--accent-2)}.auth-side{grid-template-columns:minmax(0,1fr);place-items:center;padding:40px 24px;display:grid}.auth-panel{background:conic-gradient(from var(--angle), #a855f714, #a855f7, #c084fc1f, #7c3aed, #a855f714);border-radius:24px;width:100%;max-width:470px;padding:1px;animation:6s linear infinite border-spin,.8s cubic-bezier(.2,.8,.2,1) both panel-in;position:relative;box-shadow:0 30px 80px #0009,0 0 60px #7c3aed2e}@keyframes border-spin{to{--angle:360deg}}@keyframes panel-in{0%{opacity:0;filter:blur(8px);transform:translateY(30px)scale(.97)}}.auth-panel-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090512ed;border-radius:23px;padding:32px 32px 26px;position:relative;overflow:hidden}.auth-panel-inner:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #a855f721, transparent 60%);pointer-events:none;position:absolute;inset:0}.auth-mobile-brand{justify-content:center;margin-bottom:22px;display:none}.auth-tabs{border:1px solid var(--border);background:#24143e80;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid;position:relative}.auth-tabs a{z-index:1;text-align:center;color:var(--muted);border-radius:10px;padding:9px;font-weight:700;transition:color .3s;position:relative}.auth-tabs a:hover{color:var(--text)}.auth-tabs a.active{color:#fff}.auth-tabs-pill{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;width:calc(50% - 4px);transition:transform .45s cubic-bezier(.65,0,.35,1);position:absolute;top:4px;bottom:4px;right:4px;box-shadow:0 6px 20px #7c3aed73}.auth-tabs[data-active="1"] .auth-tabs-pill{transform:translate(-100%)}.auth-view{animation:.5s cubic-bezier(.2,.8,.2,1) both view-in;position:relative}@keyframes view-in{0%{opacity:0;transform:translate(-24px)}}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form>*{animation:.55s both rise}.auth-form>:nth-child(2){animation-delay:60ms}.auth-form>:nth-child(3){animation-delay:.12s}.auth-form>:nth-child(4){animation-delay:.18s}.auth-form>:nth-child(5){animation-delay:.24s}.auth-form>:nth-child(6){animation-delay:.3s}.auth-form>:nth-child(7){animation-delay:.36s}.auth-form>:nth-child(8){animation-delay:.42s}.auth-heading h2{font-size:25px;font-weight:800}.auth-heading p{color:var(--muted);margin:4px 0 0}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{position:relative}.field-input{width:100%;height:58px;color:var(--text);font:inherit;background:#180e2a99;border:1px solid #a855f738;border-radius:14px;outline:none;padding:22px 48px 6px 16px;font-size:15px;transition:border-color .25s,box-shadow .25s,background .25s}.field-input.ltr{text-align:right}.field.has-end .field-input{padding-left:50px}.field-input:hover{border-color:#a855f766}.field-input:focus{border-color:var(--accent);background:#1e1036d9;box-shadow:0 0 0 4px #a855f726,0 8px 30px #7c3aed33}.field-input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:inset 0 0 0 100px #1a0f2e}.field-label{color:var(--muted);pointer-events:none;font-size:15px;font-weight:600;transition:all .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;right:48px;transform:translateY(-50%)}:-webkit-any(.field-input:focus~.field-label,.field-input:not(:placeholder-shown)~.field-label,.field-input:-webkit-autofill~.field-label){color:var(--accent-2);font-size:11.5px;top:15px}:is(.field-input:focus~.field-label,.field-input:not(:placeholder-shown)~.field-label,.field-input:autofill~.field-label){color:var(--accent-2);font-size:11.5px;top:15px}.field-icon{color:var(--muted);pointer-events:none;transition:color .25s,transform .25s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.field-input:focus~.field-icon{color:var(--accent-2);transform:translateY(-50%)scale(1.12)}.field-end{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.field-end:hover{color:#fff;background:#a855f726}.field-hint{color:var(--muted);margin:6px 4px 0;font-size:12px}.strength{align-items:center;gap:10px;margin-top:9px;animation:.3s both rise;display:flex}.strength-bars{flex:1;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.strength-bars span{background:#a855f726;border-radius:99px;height:5px;position:relative;overflow:hidden}.strength-bars span:after{content:"";background:var(--c);transform-origin:100%;transition:transform .35s,background .35s;position:absolute;inset:0;transform:scaleX(0)}.strength-bars span.on:after{transform:scaleX(1)}.strength-label{min-width:62px;color:var(--c);text-align:left;font-size:12px;font-weight:700;transition:color .3s}.auth-row{justify-content:flex-end;margin-top:-6px;display:flex}.auth-link{font-size:13px;font-weight:600;position:relative}.auth-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-1px;right:0;transform:scaleX(0)}.auth-link:hover:after{transform-origin:100%;transform:scaleX(1)}.auth-switch{text-align:center;color:var(--muted);margin:2px 0 0;font-size:14px}.auth-switch a{font-weight:700}.auth-submit{height:54px;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#a855f7 50%,#c084fc) 0 0/200%;border:0;border-radius:14px;place-items:center;font-size:16px;font-weight:800;transition:background-position .5s,transform .2s,box-shadow .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #7c3aed73}.auth-submit:hover:not(:disabled){color:#fff;background-position:100%;transform:translateY(-2px);box-shadow:0 14px 40px #7c3aed99}.auth-submit:active:not(:disabled){transform:translateY(0)scale(.98)}.auth-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;animation:3.2s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes sheen{0%,60%{left:-60%}to{left:130%}}.auth-submit-label{align-items:center;gap:10px;transition:opacity .2s,transform .2s;display:inline-flex}.auth-submit-label svg{transition:transform .25s}.auth-submit:hover .auth-submit-label svg{transform:translate(-5px)}.auth-submit.is-busy{cursor:progress}.auth-submit.is-busy .auth-submit-label{opacity:0;transform:translateY(8px)}.auth-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;position:absolute}.auth-error{color:#fecaca;background:#f871711a;border:1px solid #f8717159;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.auth-error svg{color:var(--red);flex-shrink:0;margin-top:2px}.auth-form>.auth-error{animation:.5s both shake}@keyframes shake{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1;transform:translate(8px)}40%{transform:translate(-7px)}60%{transform:translate(5px)}80%{transform:translate(-3px)}to{transform:none}}.auth-done{text-align:center;align-items:center}.auth-done>*{width:100%}.auth-done>.check-anim{width:88px}.check-anim{filter:drop-shadow(0 0 18px #a855f799);height:88px}.check-anim circle{fill:#a855f71a;stroke:var(--accent);stroke-width:3px;stroke-dasharray:240;stroke-dashoffset:240px;animation:.7s .15s forwards draw}.check-anim path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50px;animation:.4s .75s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}@media (width<=960px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-hero{display:none}.auth-mobile-brand{display:flex}}@media (width<=480px){.auth-side{padding:24px 14px}.auth-panel-inner{padding:26px 20px 22px}.auth-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-shell *,.auth-shell :before,.auth-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.meeting-hero{background:var(--card-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.task{flex-direction:column;gap:10px;display:flex}.task-missed{opacity:.7}.submit-form{background:var(--bg-2);border-radius:12px;margin:0;padding:14px}.feedback{background:var(--card-2);border-right:3px solid var(--accent);border-radius:8px;padding:10px 14px}.submission-content{background:var(--bg-2);border-radius:10px;margin:10px 0;padding:12px}.review{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.ticket-row{color:var(--text);transition:border-color .15s}.ticket-row:hover,.meeting-item.selected{border-color:var(--accent)}.meeting-ended{opacity:.6}.attendance h4{margin:0}.roster-head{margin-top:18px;margin-bottom:8px}.roster{max-height:520px;margin-top:8px;overflow-y:auto}.toggle-group{gap:6px;display:inline-flex}.btn-present{color:var(--green);border-color:var(--green);background:#34d39933}.btn-absent{color:var(--red);border-color:var(--red);background:#f871712e}.points-panel{flex-direction:column;gap:10px;padding:6px 0;display:flex}.details{padding:8px 0}.video{flex-direction:column;padding:0;display:flex;overflow:hidden}.video iframe,.video-placeholder{aspect-ratio:16/9;border:0;width:100%;display:block}.video-placeholder{background:var(--card-2);color:var(--accent);place-items:center;font-size:46px;display:grid}.video-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.chat{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.bubble{background:var(--card);border:1px solid var(--border);border-radius:14px;align-self:flex-start;max-width:75%;padding:12px 16px}.bubble.mine{background:var(--card-2);align-self:flex-end}.bubble.admin{border-color:#a78bfa66}.chat-event{color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:999px;align-self:center;padding:4px 14px;font-size:12px}.chat-event.closed{color:var(--red)}.chat-event.reopened{color:var(--green)}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab{background:var(--card);border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:7px 16px;font-weight:700}.tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-2)}.tab-count{background:var(--card-2);border-radius:999px;margin-inline-start:4px;padding:0 8px;font-size:12px}.podium{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.podium-item{text-align:center}.podium-medal{font-size:40px}.podium-item.rank-1{border-color:#a855f780;box-shadow:0 0 30px #a855f71a}@media (width<=1000px){.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two,.grid.three{grid-template-columns:1fr}.sticky{position:static}}@media (width<=760px){.sidebar{z-index:10;transition:right .25s;position:fixed;right:-280px}.sidebar.open{right:0}.menu-btn{display:inline-flex}.content{padding:18px}.podium{grid-template-columns:1fr}.bubble{max-width:100%}}