:root{--white:#FFF;--bg:#F8FAFC;--border:#E2E8F0;--bmd:#CBD5E1;--s50:#F8FAFC;--s100:#F1F5F9;--s200:#E2E8F0;--s300:#CBD5E1;--s400:#94A3B8;--s500:#64748B;--s600:#475569;--s700:#334155;--s800:#1E293B;--s900:#0F172A;--b50:#EFF6FF;--b100:#DBEAFE;--b200:#BFDBFE;--b400:#60A5FA;--b500:#3B82F6;--b600:#2563EB;--b700:#1D4ED8;--b800:#1E40AF;--b900:#1E3A8A;--g50:#F0FDF4;--g100:#DCFCE7;--g500:#22C55E;--g600:#16A34A;--g700:#15803D;--a50:#FFFBEB;--a100:#FEF3C7;--a500:#F59E0B;--a600:#D97706;--r50:#FEF2F2;--r100:#FEE2E2;--r500:#EF4444;--r600:#DC2626;--p50:#F5F3FF;--p500:#8B5CF6;--p600:#7C3AED;--t50:#F0FDFA;--t500:#14B8A6;--t600:#0D9488;--sh-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--sh-md:0 4px 14px rgba(0,0,0,.09);--sh-lg:0 20px 50px rgba(0,0,0,.13),0 4px 14px rgba(0,0,0,.07);--rsm:8px;--rmd:12px;--rlg:16px;--rxl:20px;--r2xl:24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Figtree,sans-serif;color:var(--s800);background:var(--bg);line-height:1.6;overflow-x:hidden}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:Figtree,sans-serif;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:Figtree,sans-serif;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--s300);border-radius:4px}.serif{font-family:"Instrument Serif",serif}.mono{font-family:JetBrains Mono,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;flex-shrink:0;background:var(--s900);display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width .25s ease;position:relative;z-index:100}.sidebar.col{width:62px}.sb-logo{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.sb-mark{width:36px;height:36px;background:var(--b700);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-text{font-family:"Instrument Serif",serif;font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;transition:opacity .2s}.sb-text span{color:#60a5fa}.sb-sub{font-size:9px;font-weight:700;letter-spacing:.12em;color:#ffffff4d;text-transform:uppercase;margin-top:1px;transition:opacity .2s}.sidebar.col .sb-text,.sidebar.col .sb-sub{opacity:0;pointer-events:none}.sb-tog{position:absolute;top:22px;right:-13px;width:26px;height:26px;background:var(--s700);border:2px solid var(--s600);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.sb-tog:hover{background:var(--b700);border-color:var(--b700)}.sb-tog svg{transition:transform .25s}.sidebar.col .sb-tog svg{transform:rotate(180deg)}.sb-sec{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff38;padding:14px 16px 6px;white-space:nowrap;overflow:hidden;transition:opacity .2s}.sidebar.col .sb-sec{opacity:0;height:0;padding:0;overflow:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:var(--rsm);margin:1px 8px;color:#ffffff80;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s;overflow:hidden;white-space:nowrap}.nav-item:hover{background:#ffffff12;color:#ffffffe6}.nav-item.active{background:var(--b700);color:#fff}.nav-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-lbl{overflow:hidden;transition:opacity .2s,width .2s}.sidebar.col .sb-lbl{opacity:0;width:0}.sb-badge{margin-left:auto;background:var(--r500);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;flex-shrink:0;transition:opacity .2s}.sb-badge-blue{background:var(--b700)!important}.sb-badge-green{background:var(--g600)!important}.sidebar.col .sb-badge{opacity:0;pointer-events:none}.sb-live-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pulse 2s infinite;margin-left:auto;flex-shrink:0;transition:opacity .2s}.sidebar.col .sb-live-dot{opacity:0}.sb-user{padding:14px 16px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.sb-av{width:36px;height:36px;border-radius:50%;background:var(--b700);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.sb-uinfo{overflow:hidden;transition:opacity .2s}.sidebar.col .sb-uinfo{opacity:0;width:0}.sb-uname{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-urole{font-size:11px;color:#fff6;text-transform:capitalize}.sb-back{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:600;color:#ffffff47;transition:color .18s;border-top:1px solid rgba(255,255,255,.06)}.sb-back:hover{color:#ffffffa6}.sb-back .sb-lbl{font-size:12px;color:inherit}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:60px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;flex-shrink:0;gap:12px}.tb-title{font-family:"Instrument Serif",serif;font-size:20px;color:var(--s900)}.tb-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tb-chip{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--rmd);padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--s600);white-space:nowrap;cursor:pointer;transition:all .15s}.tb-chip:hover{border-color:var(--b500);color:var(--b700);background:var(--b50)}.tb-chip.live{background:var(--g50);border-color:var(--g100);color:var(--g700)}.ibt{width:36px;height:36px;background:var(--bg);border:1px solid var(--border);border-radius:var(--rmd);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;flex-shrink:0}.ibt:hover{border-color:var(--b500);background:var(--b50)}.ndot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--r500);border-radius:50%;border:2px solid var(--white)}.content{flex:1;overflow-y:auto;padding:28px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--rmd);font-size:13.5px;font-weight:600;border:1.5px solid transparent;transition:all .16s;white-space:nowrap;cursor:pointer}.btn-p,.btn-primary{background:var(--b700);color:#fff;border-color:var(--b700)}.btn-p:hover,.btn-primary:hover{background:var(--b800);transform:translateY(-1px);box-shadow:0 4px 14px #1d4ed84d}.btn-s,.btn-secondary{background:var(--white);color:var(--s700);border-color:var(--bmd)}.btn-s:hover,.btn-secondary:hover{border-color:var(--b600);color:var(--b700);background:var(--b50)}.btn-g,.btn-ghost{background:transparent;border-color:transparent;color:var(--s500);padding:7px 12px}.btn-g:hover,.btn-ghost:hover{color:var(--b700);background:var(--b50)}.btn-d,.btn-danger{background:var(--r50);color:var(--r600);border-color:var(--r100)}.btn-d:hover,.btn-danger:hover{background:var(--r500);color:#fff;border-color:var(--r500)}.btn-ok,.btn-success{background:var(--g600);color:#fff;border-color:var(--g600)}.btn-ok:hover,.btn-success:hover{background:var(--g700);transform:translateY(-1px)}.btn-am,.btn-amber{background:var(--a50);color:var(--a600);border-color:#fde68a}.btn-am:hover,.btn-amber:hover{background:var(--a500);color:#fff}.btn-sm{padding:6px 14px;font-size:12.5px;border-radius:var(--rsm)}.btn-lg{padding:12px 28px;font-size:15px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--rxl);padding:24px;box-shadow:var(--sh-sm)}.card-sm{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);padding:16px}.chdr,.card-hdr,.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ctitle,.card-title{font-family:"Instrument Serif",serif;font-size:17px;color:var(--s900)}.card-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--s400)}.sec-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b700);margin-bottom:5px;display:flex;align-items:center;gap:8px}.sec-tag:before{content:"";width:16px;height:2px;background:var(--b700);border-radius:2px}.kpi-row,.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{background:var(--white);border:1px solid var(--border);border-radius:var(--rxl);padding:20px;box-shadow:var(--sh-sm);transition:box-shadow .2s}.kpi:hover{box-shadow:var(--sh-md)}.kpi-ic,.kpi-icon{width:42px;height:42px;border-radius:var(--rmd);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.kpi-v,.kpi-val{font-family:JetBrains Mono,monospace;font-size:26px;font-weight:600;color:var(--s900);line-height:1}.kpi-l,.kpi-label{font-size:12px;color:var(--s500);margin-top:4px}.kpi-d,.kpi-delta{font-size:11px;font-weight:700;margin-top:6px;display:flex;align-items:center;gap:4px}.fl,.f-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--s500);margin-bottom:6px}.fi,.f-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rmd);padding:10px 14px;font-size:14px;color:var(--s800);outline:none;transition:border-color .15s;font-family:Figtree,sans-serif}.fi:focus,.f-input:focus{border-color:var(--b500);background:var(--white)}.fi::placeholder,.f-input::placeholder{color:var(--s400)}.fsel,.f-select{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rmd);padding:10px 14px;font-size:14px;color:var(--s800);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s;font-family:Figtree,sans-serif}.fsel:focus,.f-select:focus{border-color:var(--b500)}.fta,.f-textarea{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rmd);padding:10px 14px;font-size:14px;color:var(--s800);outline:none;resize:vertical;font-family:Figtree,sans-serif;line-height:1.6;transition:border-color .15s}.fta:focus,.f-textarea:focus{border-color:var(--b500);background:var(--white)}.fg,.f-group{margin-bottom:16px}.fr2,.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid}.badge-blue{background:var(--b50);color:var(--b700);border-color:var(--b200)}.badge-green{background:var(--g50);color:var(--g700);border-color:var(--g100)}.badge-red{background:var(--r50);color:var(--r600);border-color:var(--r100)}.badge-amber{background:var(--a50);color:var(--a600);border-color:var(--a100)}.badge-slate{background:var(--s100);color:var(--s600);border-color:var(--s200)}.badge-purple{background:var(--p50);color:var(--p600);border-color:#ddd6fe}.tbl{width:100%;border-collapse:collapse}.tbl th{padding:11px 18px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--s500);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg)}.tbl td{padding:13px 18px;font-size:13.5px;color:var(--s700);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg)}.tog{width:42px;height:24px;border-radius:999px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;display:inline-block;border:none}.tog.on{background:var(--b700)}.tog-k{position:absolute;top:4px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0003}.tog.on .tog-k{left:22px}.tog.off .tog-k{left:4px}.prog,.prog-bar{height:6px;background:var(--s100);border-radius:999px;overflow:hidden}.prog-f,.prog-fill{height:100%;border-radius:999px;transition:width .8s ease}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.modal{background:var(--white);border-radius:var(--r2xl);width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--sh-lg);animation:fadeUp .25s ease;position:relative}.modal-sm{max-width:480px}.modal-md{max-width:620px}.modal-lg{max-width:800px}.modal-xl{max-width:960px}.mhdr{padding:24px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mbody{padding:24px 28px}.mfooter{padding:18px 28px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.mx{width:30px;height:30px;background:var(--bg);border:1px solid var(--border);border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0;outline:none}.mx:hover{background:var(--r50);border-color:var(--r500);color:var(--r600)}.barchart{display:flex;gap:8px;align-items:flex-end;height:110px}.bc{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bb{width:100%;border-radius:4px 4px 0 0;min-height:4px}.bl{font-size:10px;color:var(--s400);font-weight:600;text-align:center}.bv{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:var(--s500)}.we-frame{background:var(--s900);border-radius:var(--rxl);overflow:hidden}.we-bar{background:var(--s800);padding:9px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.we-dot{width:10px;height:10px;border-radius:50%}.we-sec{border:2.5px solid transparent;position:relative;cursor:pointer;transition:border-color .15s}.we-sec:hover,.we-sec.sel{border-color:var(--b700)}.we-lbl{position:absolute;top:4px;left:4px;background:var(--b700);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;opacity:0;transition:opacity .15s;pointer-events:none;z-index:5}.swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .15s}.swatch:hover,.swatch.act{border-color:var(--s900);transform:scale(1.15)}.console{background:var(--s900);border-radius:var(--rlg);padding:18px;font-family:JetBrains Mono,monospace;font-size:12.5px;min-height:180px;max-height:280px;overflow-y:auto;line-height:1.85;color:#ffffffa6}.wb-canvas{width:100%;height:400px;background:var(--s900);border-radius:var(--rlg);position:relative;overflow:hidden;cursor:crosshair}.wb-toolbar{background:var(--s800);border-radius:0 0 var(--rlg) var(--rlg);padding:10px 14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wb-tool{width:32px;height:32px;border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .15s}.wb-tool:hover,.wb-tool.active{background:#ffffff1a;color:#fff}.color-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s}.color-dot:hover,.color-dot.active{border-color:#fff;transform:scale(1.2)}.student-tile{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--rmd);padding:12px;text-align:center;cursor:pointer;transition:all .15s}.student-tile:hover{background:#ffffff1a}.student-tile-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;margin:0 auto 6px}.student-tile-name{font-size:12px;font-weight:600;color:#fff}.student-tile-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--s900)}.hand-badge{position:absolute;top:-4px;right:-4px;font-size:14px}.res-card{background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);padding:18px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s}.res-card:hover{box-shadow:var(--sh-md)}.res-icon{width:44px;height:44px;border-radius:var(--rmd);display:flex;align-items:center;justify-content:center;flex-shrink:0}.q-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rlg);padding:16px;margin-bottom:10px}.q-type-btn{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rmd);padding:14px;text-align:center;cursor:pointer;transition:all .15s}.q-type-btn:hover,.q-type-btn.sel{border-color:var(--b700);background:var(--b50)}.q-type-icon{width:36px;height:36px;border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.mark-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.mark-row:last-child{border-bottom:none}.stu-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;flex-shrink:0}.player-wrap{background:var(--s900);border-radius:var(--rlg);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;margin-bottom:14px}.player-icon{width:64px;height:64px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.player-icon:hover{background:#ffffff40;transform:scale(1.1)}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:14px}.player-timeline{height:4px;background:#ffffff4d;border-radius:2px;margin-bottom:8px;cursor:pointer}.player-fill{height:100%;background:var(--b500);border-radius:2px;width:35%}.tabs{display:flex;gap:2px;background:var(--s100);border-radius:var(--rmd);padding:4px;margin-bottom:20px}.tab{flex:1;text-align:center;padding:8px 12px;border-radius:var(--rsm);font-size:13px;font-weight:600;color:var(--s500);cursor:pointer;transition:all .2s}.tab.active,.tab:hover{background:var(--white);color:var(--s900);box-shadow:var(--sh-sm)}.fc-wrap{perspective:1000px;cursor:pointer;height:220px}.fc-front,.fc-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--s900);border-radius:var(--rlg);display:flex;align-items:center;justify-content:center;padding:28px;color:#fff}.fc-back{transform:rotateY(180deg);background:var(--b700)}.subj-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.subj-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.subj-name{font-size:13.5px;font-weight:600;color:var(--s700);width:130px;flex-shrink:0}.subj-bar-wrap{flex:1}.subj-pct{font-size:13px;font-weight:700;width:36px;text-align:right}.nb{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;font-size:10px;font-weight:700;margin-left:auto;flex-shrink:0}.nb-red{background:var(--r500);color:#fff}.nb-gold{background:#b8960c;color:#fff}.child-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;flex-shrink:0}.chat-area{overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-msg{display:flex;gap:10px;align-items:flex-start}.chat-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;color:#fff}.chat-bubble{padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.65;max-width:82%}.chat-msg.ai .chat-bubble{background:var(--white);border:1px solid var(--border);color:var(--s800);border-radius:4px 14px 14px}.chat-msg.user .chat-bubble{background:var(--b700);color:#fff;border-radius:14px 14px 4px}.chat-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rmd);padding:9px 12px;font-size:13.5px;font-family:Figtree,sans-serif;resize:none;outline:none;transition:border-color .15s}.chat-input:focus{border-color:var(--b500);background:var(--white)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;background:var(--s900);color:#fff;padding:14px 18px;border-radius:var(--rlg);box-shadow:var(--sh-lg);font-size:13.5px;font-weight:500;animation:slideIn .3s ease;max-width:360px;border-left:3px solid}.toast.ok{border-color:var(--g500)}.toast.error{border-color:var(--r500)}.toast.info{border-color:var(--b400)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--b600);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.lc{display:flex;align-items:center;justify-content:center;padding:60px}.empty{text-align:center;padding:48px 20px}.empty h3{font-family:"Instrument Serif",serif;font-size:20px;color:var(--s700);margin-bottom:8px}.empty p{font-size:14px;color:var(--s400);max-width:320px;margin:0 auto 20px}.fu{animation:fadeUp .35s ease both}.fa{animation:fadeIn .25s ease}.notif-panel{position:fixed;top:68px;right:16px;width:340px;background:var(--white);border:1px solid var(--border);border-radius:var(--rxl);box-shadow:var(--sh-lg);z-index:600;overflow:hidden;animation:slideIn .2s ease}.sp-paid{background:var(--g50);color:var(--g700);border:1px solid #86EFAC;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.sp-pending{background:var(--a50);color:#92400e;border:1px solid #FDE68A;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.sp-processing{background:var(--b50);color:var(--b700);border:1px solid var(--b200);display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.sp-failed{background:var(--r50);color:var(--r600);border:1px solid #FCA5A5;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.pay-row-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border);cursor:pointer;accent-color:var(--b700)}@media (max-width:768px){.sidebar{width:62px}.sb-text,.sb-sub,.sb-sec,.sb-lbl,.sb-badge,.sb-uinfo{display:none!important}.kpi-row,.kpi-grid{grid-template-columns:1fr 1fr}.content{padding:16px}.topbar{padding:0 16px}.fr2,.fr3,.grid2,.grid3{grid-template-columns:1fr}}.rate-card{background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:14px;padding:18px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rate-item{background:#ffffff14;border-radius:8px;padding:12px 16px;flex:1;min-width:130px}.rate-lbl{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:5px}.xp-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--a500),#F97316);color:#fff;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700}.achiev-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--rlg);padding:18px;text-align:center;transition:all .2s}.achiev-card.earned{border-color:var(--a300,#FCD34D);background:var(--a50)}.achiev-card:not(.earned){opacity:.5;filter:grayscale(.5)}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:99999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--s900);color:#fff;padding:13px 18px;border-radius:var(--rlg);font-size:13.5px;font-weight:500;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:10;animation:fadeUp .3s ease;max-width:320px;line-height:1.5}.toast.ok{border-left:3px solid var(--g500)}.toast.error{border-left:3px solid var(--r500)}.toast.info{border-left:3px solid var(--b500)}.toast-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.subj-row{display:flex;align-items:center;gap:10}.subj-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.subj-name{flex:1;font-size:13.5px;font-weight:600;color:var(--s700);min-width:100px}.subj-bar-wrap{flex:2}.subj-pct{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--s800);width:36px;text-align:right}.fc-wrap{perspective:1000px;cursor:pointer;height:220px;margin-bottom:8px}.fc-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.fc-wrap.flipped .fc-inner{transform:rotateY(180deg)}.fc-front,.fc-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--rxl);display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}.fc-front{background:linear-gradient(135deg,var(--b900,#1E3A8A),var(--b700));color:#fff;font-size:16px;font-weight:500;line-height:1.6}.fc-back{background:linear-gradient(135deg,#14532d,#15803d);color:#fff;font-size:15px;line-height:1.75;transform:rotateY(180deg)}.player-wrap{background:#000;border-radius:var(--rxl);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;margin-bottom:14px}.player-icon{width:64px;height:64px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 16px 14px}.player-timeline{height:4px;background:#ffffff40;border-radius:2px;margin-bottom:8px;cursor:pointer}.player-fill{height:100%;width:35%;background:var(--b400);border-radius:2px}.player-time{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffffb3}.chat-area{display:flex;flex-direction:column;gap:0}.chat-msg{display:flex;gap:10;align-items:flex-end}.chat-msg.user{flex-direction:row-reverse}.chat-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justifyContent:center;font-size:10px;font-weight:700;flex-shrink:0;font-family:JetBrains Mono,monospace}.chat-bubble{max-width:75%;padding:10px 14px;font-size:13.5px;line-height:1.65}.chat-input{resize:none;border:1.5px solid var(--border);border-radius:var(--rlg);padding:10px 14px;font-size:14px;color:var(--s800);outline:none;font-family:Syne,sans-serif;background:var(--bg);width:100%;max-height:120px}.chat-input:focus{border-color:var(--b500)}.we-frame{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--s700);background:var(--s900)}.we-bar{background:#0000004d;padding:10px 16px;display:flex;align-items:center;gap:10}.we-dot{width:12px;height:12px;border-radius:50%}.we-sec{position:relative;cursor:pointer;outline:2px solid transparent;transition:outline-color .15s}.we-sec:hover{outline-color:#3b82f680}.we-sec.sel{outline-color:var(--b500)}.we-lbl{position:absolute;top:6px;left:6px;background:var(--b700);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;z-index:10;opacity:0;transition:opacity .15s;font-family:Syne,sans-serif}.we-sec:hover .we-lbl,.we-sec.sel .we-lbl{opacity:1}.swatch{width:26px;height:26px;border-radius:6px;cursor:pointer;transition:transform .15s;border:2px solid rgba(0,0,0,.1)}.swatch:hover{transform:scale(1.15)}.sp-paid{color:var(--g700);background:var(--g50);border:1px solid var(--g100);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.sp-pending{color:var(--a600);background:var(--a50);border:1px solid var(--a100);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.sp-processing{color:var(--b700);background:var(--b50);border:1px solid var(--b200);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.badge-red{color:var(--r600);border-color:var(--r100);background:var(--r50)}.badge-amber{color:var(--a600);border-color:var(--a100);background:var(--a50)}.badge-slate{color:var(--s600);border-color:var(--s200);background:var(--s100)}.tog{width:38px;height:21px;border-radius:11px;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.tog.on{background:var(--b600)}.tog.off{background:var(--s300)}.tog-k{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0000004d}.tog.on .tog-k{left:20px}.sb-live-dot{width:7px;height:7px;border-radius:50%;background:var(--r500);animation:pulse 1.5s infinite;flex-shrink:0;margin-left:auto}.notif-panel{position:absolute;top:100%;right:0;margin-top:8px;width:320px;background:var(--white);border:1px solid var(--border);border-radius:var(--rlg);box-shadow:var(--sh-lg);z-index:1000;overflow:hidden}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr 1fr}.fr2,.fr3{grid-template-columns:1fr}}