[data-theme=dark]{--bg:#0a0a0f;--s1:#111118;--s2:#18181f;--s3:#1f1f28;--bdr:#2a2a38;--bdr2:#353545;--text:#f4f3ff;--t2:#9b99b8;--t3:#4a4860;--card-bg:#111118}[data-theme=light]{--bg:#f5f4ff;--s1:#fff;--s2:#f0effc;--s3:#e8e7f8;--bdr:#d4d2ee;--bdr2:#c0bde8;--text:#13121f;--t2:#5c5a78;--t3:#a8a6c0;--card-bg:#fff}:root{--p:#7c3aed;--p2:#8b5cf6;--p3:#a78bfa;--acc:#f59e0b;--acc2:#fbbf24;--green:#10b981;--red:#ef4444;--cyan:#06b6d4;--pink:#ec4899;--font:"Plus Jakarta Sans",sans-serif;--r:12px;--rs:8px;--rl:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;transition:background .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}button,select,input,textarea{font-family:var(--font)}a{color:inherit;text-decoration:none}.auth-pg{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:70px 20px;display:flex;position:relative;overflow:hidden}.auth-pg:before{content:"";background-image:linear-gradient(#2a2a3833 1px,#0000 1px),linear-gradient(90deg,#2a2a3833 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.auth-glow1{pointer-events:none;background:radial-gradient(circle,#7c3aed1f,#0000);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;left:-150px}.auth-glow2{pointer-events:none;background:radial-gradient(circle,#f59e0b14,#0000);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.auth-box{z-index:1;background:var(--s1);border:1px solid var(--bdr2);border-radius:20px;width:100%;max-width:500px;padding:36px;position:relative;box-shadow:0 20px 60px #00000080}.auth-box.wide{max-width:580px}.auth-logo-row{align-items:center;gap:9px;margin-bottom:20px;display:flex}.auth-logo{background:linear-gradient(135deg,var(--p),var(--acc));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.auth-brand{letter-spacing:-.2px;font-size:16px;font-weight:800}.auth-h{letter-spacing:-.3px;margin-bottom:4px;font-size:22px;font-weight:800}.auth-sub{color:var(--t2);margin-bottom:22px;font-size:13px}.auth-sw{text-align:center;border-top:1px solid var(--bdr);color:var(--t2);margin-top:16px;padding-top:16px;font-size:13px}.auth-sw a{color:var(--p3);cursor:pointer;font-weight:700}.rtabs{border:1px solid var(--bdr);border-radius:var(--r);background:#7c3aed0d;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:20px;padding:4px;display:grid}.rtab{color:var(--t2);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;padding:9px;font-size:12px;font-weight:600;transition:all .15s}.rtab:hover{color:var(--text)}.rtab.on{background:linear-gradient(135deg,var(--p),#5b21b6);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.rtab-icon{margin-bottom:2px;font-size:15px;display:block}.fg{margin-bottom:14px}.fg label{color:var(--t2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.fi{border-radius:var(--rs);border:1.5px solid var(--bdr2);width:100%;color:var(--text);background:#7c3aed0d;outline:none;padding:10px 13px;font-size:13px;transition:all .15s}.fi:focus{border-color:var(--p);background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed1f}.fi::placeholder{color:var(--t3)}.fi option{background:var(--s1)}.fr{grid-template-columns:1fr 1fr;gap:11px;display:grid}.pw-w{position:relative}.pw-w .fi{padding-right:40px}.pw-eye{cursor:pointer;color:var(--t2);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.pw-bar{background:var(--bdr);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.pw-fill{border-radius:2px;width:0;height:100%;transition:width .3s,background .3s}.sub-btn{border-radius:var(--r);background:linear-gradient(135deg,var(--p),#5b21b6);color:#fff;cursor:pointer;border:none;width:100%;margin-top:18px;padding:11px;font-size:14px;font-weight:700;transition:all .18s;box-shadow:0 0 22px #7c3aed4d}.sub-btn:hover{transform:translateY(-1px);box-shadow:0 0 36px #7c3aed80}.sub-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fmsg{text-align:center;border-radius:8px;margin-top:10px;padding:9px 12px;font-size:12px}.fmsg.ok{color:#34d399;background:#10b98114;border:1px solid #10b9812e}.fmsg.err{color:#f87171;background:#ef444412;border:1px solid #ef444426}.app-layout{min-height:100vh;display:flex}.dsb{background:var(--s1);border-right:1px solid var(--bdr);z-index:300;flex-direction:column;width:248px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.dsb-top{border-bottom:1px solid var(--bdr);align-items:center;gap:9px;padding:16px 14px 12px;display:flex}.dsb-logo{background:linear-gradient(135deg,var(--p),var(--acc));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.dsb-bn{font-size:13px;font-weight:800}.dsb-bs{color:var(--t3);margin-top:1px;font-size:10px}.dsb-sec{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);padding:13px 16px 4px;font-size:9px;font-weight:800}.di{color:var(--t2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 12px);margin:1px 6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .13s;display:flex}.di:hover{color:var(--text);background:#7c3aed14}.di.on{color:var(--p3);background:#7c3aed24}.di-ic{text-align:center;min-width:18px;font-size:15px}.di-bdg{background:var(--red);color:#fff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.dsb-foot{border-top:1px solid var(--bdr);margin-top:auto;padding:12px}.dsb-user{background:var(--s2);border:1px solid var(--bdr);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;transition:all .13s;display:flex}.dsb-user:hover{border-color:#7c3aed66}.dav{background:linear-gradient(135deg,var(--p),var(--acc));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.dsb-un{font-size:12px;font-weight:700}.dsb-ur{color:var(--t3);font-size:10px}.dmain{flex-direction:column;flex:1;min-height:100vh;margin-left:248px;display:flex}.dtop{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--bdr);background:#0a0a0fe6;align-items:center;gap:11px;height:54px;padding:0 22px;transition:background .3s;display:flex;position:sticky;top:0}[data-theme=light] .dtop{background:#f5f4ffe6}.dtop-t{letter-spacing:-.2px;flex-shrink:0;font-size:14px;font-weight:800}.dtop-srch{background:var(--s2);border:1px solid var(--bdr);border-radius:8px;flex:1;align-items:center;gap:7px;max-width:260px;margin-left:auto;padding:6px 11px;display:flex}.dtop-srch input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:12px}.dtop-srch input::placeholder{color:var(--t3)}.dtop-r{align-items:center;gap:6px;display:flex}.dtb{background:var(--s2);border:1px solid var(--bdr);cursor:pointer;width:32px;height:32px;color:var(--t2);border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .13s;display:flex;position:relative}.dtb:hover{border-color:var(--p);color:var(--p3)}.notif-dot:after{content:"";background:var(--red);border:2px solid var(--s1);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.dcontent{flex:1;padding:22px}.ph{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:9px;margin-bottom:18px;display:flex}.ph-l h1{letter-spacing:-.3px;margin-bottom:2px;font-size:20px;font-weight:800}.ph-l p{color:var(--t2);font-size:12px}.ph-r{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.btn{border-radius:var(--rs);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .13s;display:inline-flex}.btn-p{background:var(--p);color:#fff;box-shadow:0 2px 10px #7c3aed47}.btn-p:hover{background:#6d28d9}.btn-o{border:1.5px solid var(--bdr2);color:var(--t2);background:0 0}.btn-o:hover{border-color:var(--p);color:var(--p3)}.btn-g{color:#34d399;background:#10b9811f;border:1px solid #10b98138}.btn-g:hover{background:#10b98138}.btn-r{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-r:hover{background:#ef44442e}.btn-a{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b38}.btn-sm{padding:5px 10px;font-size:11px}.btn-icon{border-radius:7px;justify-content:center;width:28px;height:28px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);padding:16px;transition:all .2s}.ch{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;display:flex}.ct{letter-spacing:-.15px;font-size:13px;font-weight:700}.kg{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.kc{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);padding:15px;transition:all .18s;position:relative;overflow:hidden}.kc:hover{transform:translateY(-2px)}.kc:after{content:"";filter:blur(25px);opacity:.4;border-radius:50%;width:60px;height:60px;position:absolute;top:-15px;right:-15px}.kc-v:after{background:var(--p)}.kc-g:after{background:var(--green)}.kc-a:after{background:var(--acc)}.kc-r:after{background:var(--red)}.kc-c:after{background:var(--cyan)}.ki{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:16px;display:flex}.ki-v{background:#7c3aed21}.ki-g{background:#10b9811f}.ki-a{background:#f59e0b1f}.ki-r{background:#ef44441a}.ki-c{background:#06b6d41a}.kv{letter-spacing:-.4px;margin-bottom:2px;font-size:24px;font-weight:800}.kl{color:var(--t2);font-size:11px}.kd{margin-top:5px;font-size:10px;font-weight:600}.ku{color:var(--green)}.tw{border-radius:var(--r);border:1px solid var(--bdr);overflow-x:auto}.dt{border-collapse:collapse;width:100%}.dt th{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--bdr);text-align:left;background:var(--s2);white-space:nowrap;padding:9px 13px;font-size:10px;font-weight:700}.dt td{color:var(--t2);vertical-align:middle;border-bottom:1px solid #2a2a3866;padding:11px 13px;font-size:12px}.dt tr:last-child td{border-bottom:none}.dt tbody tr:hover td{background:#7c3aed06}.tdn{color:var(--text);font-weight:700}.b{white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.bg{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.ba{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.br{color:#f87171;background:#ef444414;border:1px solid #ef444426}.bv{color:var(--p3);background:#7c3aed1a;border:1px solid #7c3aed33}.bc{color:var(--cyan);background:#06b6d41a;border:1px solid #06b6d42e}.bn{color:var(--t2);border:1px solid var(--bdr);background:#9b99b812}.g2{grid-template-columns:1.4fr 1fr;gap:13px;margin-bottom:13px;display:grid}.g2e{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.mb{margin-bottom:13px}.pb-w{margin-bottom:11px}.pb-t{justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.pb-t span{color:var(--t2)}.pb-tr{background:var(--s3);border-radius:100px;height:5px;overflow:hidden}.pb-f{border-radius:100px;height:100%;transition:width .6s}.attog{border:1.5px solid var(--bdr2);border-radius:6px;display:flex;overflow:hidden}.atb{cursor:pointer;color:var(--t2);background:0 0;border:none;flex:1;padding:5px 7px;font-size:10px;font-weight:700;transition:all .12s}.atb.p{color:#34d399;background:#10b9811f}.atb.a{color:#f87171;background:#ef444417}.atb.l{color:#fbbf24;background:#f59e0b1a}.frow{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px;display:flex}.fsrch{border-radius:var(--rs);border:1.5px solid var(--bdr2);background:#7c3aed0a;flex:1;align-items:center;gap:6px;min-width:160px;padding:7px 11px;display:flex}.fsrch input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:12px}.fsrch input::placeholder{color:var(--t3)}.sm{background:var(--s2);border:1px solid var(--bdr);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:10px;display:flex}.sm-ic{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.sm-v{letter-spacing:-.3px;font-size:16px;font-weight:800}.sm-l{color:var(--t2);font-size:10px}.ni{border:1px solid var(--bdr);background:var(--s1);border-radius:9px;gap:10px;margin-bottom:7px;padding:11px;transition:all .12s;display:flex}.ni:hover{border-color:#7c3aed4d}.ni.unread{border-left:3px solid var(--p)}.ni-ic{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.ni-t{margin-bottom:2px;font-size:12px;font-weight:700}.ni-d{color:var(--t2);font-size:11px;line-height:1.55}.ni-tm{color:var(--t3);margin-top:3px;font-size:10px}.live-i{color:var(--green);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.live-d{background:var(--green);border-radius:50%;width:5px;height:5px;animation:1.5s infinite lp}@keyframes lp{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 4px #10b98100}}.mbg{z-index:800;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--s1);border:1px solid var(--bdr2);border-radius:var(--rl);width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.modal h3{margin-bottom:3px;font-size:16px;font-weight:800}.modal-sub{color:var(--t2);margin-bottom:18px;font-size:12px}.mft{border-top:1px solid var(--bdr);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;display:flex}.toast-wrap{z-index:9000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.toast{background:var(--s2);border:1px solid var(--bdr2);border-radius:var(--r);align-items:center;gap:8px;max-width:280px;padding:10px 16px;font-size:12px;font-weight:600;animation:.28s cubic-bezier(.34,1.56,.64,1) toast-in;display:flex;box-shadow:0 8px 30px #0006}.toast.ok{border-left:3px solid var(--green)}.toast.err{border-left:3px solid var(--red)}.toast.inf{border-left:3px solid var(--p)}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-header{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px;display:grid}.cal-dh{text-align:center;color:var(--t3);padding:4px;font-size:10px;font-weight:700}.cal-day{aspect-ratio:1;cursor:pointer;background:var(--s2);color:var(--t2);border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .12s;display:flex;position:relative}.cal-day:hover{border-color:var(--bdr2)}.cal-day.today{border-color:var(--p);color:var(--p3)}.cal-day.has-data:after{content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.cal-day.high:after{background:var(--green)}.cal-day.mid:after{background:var(--acc)}.cal-day.low:after{background:var(--red)}.cal-day.empty{cursor:default;background:0 0;border-color:#0000}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-month{font-size:14px;font-weight:800}.set-layout{grid-template-columns:190px 1fr;gap:13px;display:grid}.set-nav{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);height:fit-content;padding:6px}.sn-i{color:var(--t2);cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:1px;padding:8px 11px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.sn-i:hover{color:var(--text);background:#7c3aed14}.sn-i.on{color:var(--p3);background:#7c3aed1f}.set-panel{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);padding:22px}.set-h{margin-bottom:4px;font-size:16px;font-weight:800}.set-sub{color:var(--t2);border-bottom:1px solid var(--bdr);margin-bottom:18px;padding-bottom:14px;font-size:12px}.set-row{border-bottom:1px solid #2a2a3866;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.set-row:last-child{border-bottom:none}.set-rt{margin-bottom:2px;font-size:13px;font-weight:600}.set-rs{color:var(--t2);font-size:11px}.tog{cursor:pointer;background:#ffffff1a;border:none;border-radius:100px;flex-shrink:0;width:38px;height:21px;transition:all .25s;position:relative}.tog:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .25s;position:absolute;top:3px;left:3px}.tog.on{background:var(--p)}.tog.on:after{transform:translate(17px)}.drive-folder{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:all .15s;display:flex}.drive-folder:hover{background:#7c3aed08;border-color:#7c3aed59}.df-ic{flex-shrink:0;font-size:22px}.df-name{font-size:13px;font-weight:700}.df-meta{color:var(--t2);margin-top:1px;font-size:11px}.df-right{align-items:center;gap:8px;margin-left:auto;display:flex}.s-hero{background:linear-gradient(135deg,var(--p) 0%,#4c1d95 100%);border-radius:var(--rl);color:#fff;margin-bottom:14px;padding:22px;position:relative;overflow:hidden}.s-hero:before{content:"";background:#ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.sh-n{margin-bottom:3px;font-size:18px;font-weight:800;position:relative}.sh-i{opacity:.8;margin-bottom:14px;font-size:12px;position:relative}.loading{color:var(--t2);justify-content:center;align-items:center;gap:8px;padding:40px;font-size:12px;display:flex}.spinner{border:2px solid var(--bdr2);border-top-color:var(--p);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--t2);padding:40px}.empty .emp-icon{margin-bottom:10px;font-size:36px}.empty p{font-size:13px}@media (width<=1024px){.kg{grid-template-columns:repeat(2,1fr)}.g2,.g3,.set-layout{grid-template-columns:1fr}}@media (width<=768px){.dsb{transform:translate(-100%)}.dmain{margin-left:0}.kg{grid-template-columns:1fr 1fr}}@keyframes fadePg{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:.25s fadePg}.subject-card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--rl);padding:18px;transition:all .2s;position:relative;overflow:hidden}.subject-card:hover{border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 12px 40px #00000040}.subject-card:before{content:"";background:linear-gradient(90deg,var(--p),var(--acc));height:3px;position:absolute;top:0;left:0;right:0}.sc-code{color:var(--p3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.sc-name{margin-bottom:4px;font-size:15px;font-weight:800}.sc-teacher{color:var(--t2);margin-bottom:12px;font-size:11px}.sc-meta{flex-wrap:wrap;gap:8px;display:flex}