@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#050914;--side:#070f1e;--card:#0b1322;--card2:#101827;--line:#1d2a42;--line2:#263653;--text:#f8fafc;--muted:#9aa6bb;--purple:#8b5cf6;--purple2:#4c1d95;--green:#43d66f;--red:#ff4d6d;--yellow:#f5c542;--blue:#38bdf8;--orange:#f59e0b;--shadow:0 20px 55px #00000052}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 18% 0,#8b5cf62e,#0000 30%),radial-gradient(circle at 80% 18%,#38bdf81a,#0000 28%),linear-gradient(135deg,#030712,#07111f 58%,#050914);margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font-family:inherit}button{cursor:pointer}small{color:var(--muted)}.loginPage{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.loginLeft{flex-direction:column;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.glowOrb{background:radial-gradient(circle,#8b5cf640,#0000 65%);border-radius:50%;width:560px;height:560px;position:absolute;top:-150px;right:-170px}.loginLogo{width:230px;box-shadow:var(--shadow);border-radius:24px}.loginLeft h1{letter-spacing:-2px;margin:30px 0 12px;font-size:66px;line-height:.95}.loginLeft p{color:var(--muted);max-width:720px;font-size:18px;line-height:1.7}.chips{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.chips span{border:1px solid var(--line);color:#dbe3f2;background:#0b1322b8;border-radius:999px;padding:11px 14px;font-weight:700}.loginRight{place-items:center;padding:34px;display:grid}.loginCard{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#0b1322a6;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:460px;padding:40px;box-shadow:0 40px 100px -20px #00000080,inset 0 1px 1px #ffffff1a}.loginIcon{width:64px;height:64px;color:var(--purple);background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:1px solid #8b5cf64d;border-radius:20px;place-items:center;margin-bottom:24px;display:grid;box-shadow:0 10px 20px -5px #8b5cf633}.loginCard h2{letter-spacing:-1px;margin:0 0 10px;font-size:34px;font-weight:900}.loginCard p{color:var(--muted);margin:0 0 28px;font-size:15px;line-height:1.6}.loginCard label{color:#d8deea;text-transform:uppercase;letter-spacing:1.5px;margin:18px 0 10px;font-size:13px;font-weight:800;display:block}.inputIcon input,.loginCard select{width:100%;color:var(--text);border:1px solid #ffffff0d;border-radius:16px;outline:0;font-size:15px;transition:all .2s;background:#070d1980!important;padding:16px 16px 16px 52px!important}.inputIcon input:focus,.loginCard select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8b5cf626;background:#8b5cf60d!important}.inputIcon{width:100%;position:relative}.inputIcon svg{color:var(--purple);opacity:.7;pointer-events:none;z-index:10;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;margin:20px 0 12px;padding:14px 16px;font-weight:900;display:flex;box-shadow:0 14px 32px #8b5cf638}.app{grid-template-columns:288px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070f1eeb;flex-direction:column;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand{text-align:center;border-bottom:1px solid #1d2a428c;margin-bottom:18px;padding:4px 0 21px}.brand img{border-radius:18px;width:168px;margin:0 auto 12px;display:block}.brand b{color:var(--purple);letter-spacing:.08em;font-size:13px}.nav{flex-direction:column;gap:8px;display:flex}.nav a,.nav button{text-align:left;border:0;border-radius:13px;align-items:center;gap:12px;padding:14px 15px;font-weight:750;transition:all .18s;display:flex;color:#cbd5e1!important;background:0 0!important;text-decoration:none!important}.nav a:hover,.nav button:hover{color:#fff!important;background:#101827!important}.nav a.active,.nav button.active{color:#fff!important;box-shadow:inset 3px 0 0 var(--purple)!important;background:linear-gradient(90deg,#8b5cf67a,#8b5cf61f)!important}.userBox{border-top:1px solid #1d2a42a6;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.avatar{background:var(--purple);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.grid{display:grid}.flex-1{flex:1}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.text-xs{font-size:.75rem;line-height:1rem}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-black{font-weight:900}.text-green{color:var(--green)}.text-red{color:var(--red)}.bg-purple{background-color:var(--purple)}.border-white\/5{border-color:#ffffff0d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid #8b5cf61a;border-top-color:var(--purple);border-radius:50%;width:48px;height:48px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.userBox .avatar{background:linear-gradient(135deg,#1f2937,var(--purple));color:#fff;border:2px solid #8b5cf666;border-radius:14px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid}.userBox strong,.userBox span,.userBox em{display:block}.userBox span,.userBox em{color:var(--muted);margin-top:3px;font-size:13px}.userBox em{color:#c8a9ff;font-style:normal}.logout{border:1px solid var(--line);color:#e5e9f3;background:#0b1322;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:13px;font-weight:800;display:flex}.content{padding:30px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;padding-bottom:15px;display:flex}.topMain{flex:1}.topActions{align-items:center;gap:16px;display:flex}.clock{background:var(--card2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex}.clock strong{font-size:16px;display:block}.clock span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.profile{border-left:1px solid var(--line);align-items:center;gap:12px;padding-left:20px;display:flex}.profileInfo{text-align:right}.profileInfo strong{color:#fff;font-size:14px;display:block}.profileInfo span{text-transform:uppercase;color:var(--purple);letter-spacing:1px;font-size:10px;font-weight:900;display:block}.profileAvatar{background:linear-gradient(135deg, var(--purple), var(--purple2));color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 8px 20px #8b5cf64d}.bell-btn{background:var(--card2);border:1px solid var(--line);width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;transition:all .2s;display:grid;position:relative}.bell-btn:hover{color:#fff;border-color:var(--purple);background:#8b5cf61a}.bell-btn i{background:var(--red);color:#fff;border:2px solid var(--bg);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.stats{grid-template-columns:repeat(5,minmax(160px,1fr));gap:18px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);background:#0b1322d1;border-radius:18px;align-items:flex-start;gap:16px;min-height:134px;padding:20px;display:flex;box-shadow:0 12px 30px #00000029}.statIcon{width:54px;height:54px;color:var(--purple);background:#8b5cf62b;border-radius:14px;flex:none;place-items:center;display:grid}.stat.green .statIcon{color:var(--green);background:#43d66f1f}.stat.red .statIcon{color:var(--red);background:#ff4d6d1f}.stat.yellow .statIcon{color:var(--yellow);background:#f5c5421f}.stat h3{color:#dbe3f2;margin:2px 0 9px;font-size:13px}.stat strong{font-size:31px}.stat p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.35}.mainGrid{grid-template-columns:1.2fr .9fr;gap:18px;margin-bottom:18px;display:grid}.bottomGrid{grid-template-columns:1.55fr .8fr;gap:18px;display:grid}.stack{gap:18px;display:grid}.panel{border:1px solid var(--line);background:#0b1322d1;border-radius:18px;padding:20px;box-shadow:0 12px 30px #00000029}.panelHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panelHead h2{margin:0;font-size:18px}.panelHead h2 small{color:#cbd5e1;font-weight:500}.panelHead button,.manage{color:#dbe3f2;background:#111a2c;border:1px solid #2b3652;border-radius:10px;padding:9px 12px;font-weight:800}.classItem{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 0;display:grid}.classItem:first-of-type{border-top:0}.classIcon{width:46px;height:46px;color:var(--purple);background:#8b5cf62e;border-radius:13px;place-items:center;display:grid}.classItem strong,.classItem span{display:block}.classItem span{color:var(--muted);margin-top:5px;font-size:14px}.room{text-align:right}.room span{justify-content:flex-end;align-items:center;gap:4px;display:flex}.room em,.scheduleItem em{color:#eadcff;background:#8b5cf638;border:1px solid #8b5cf659;border-radius:10px;margin-top:8px;padding:7px 10px;font-size:13px;font-style:normal;font-weight:900;display:inline-block}.progressBlock{margin:20px 0}.progressBlock>div:first-child{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.progressBlock span{font-weight:900}.track{background:#182235;border-radius:999px;height:8px;overflow:hidden}.track div{background:linear-gradient(90deg,var(--green),#22c55e);border-radius:999px;height:100%;box-shadow:0 0 16px #43d66f59}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;padding:14px}th{color:var(--muted);font-size:13px;font-weight:700}.good{color:var(--green)}.warn{color:var(--yellow)}.bad{color:var(--red)}.wideBtn{border:1px solid var(--line);color:#d7bfff;background:#0d1627;border-radius:12px;width:100%;margin-top:14px;padding:12px;font-weight:900}.notice{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.notice:first-of-type{border-top:0}.noticeIcon{width:43px;height:43px;color:var(--purple);background:#8b5cf629;border-radius:13px;place-items:center;display:grid}.noticeIcon.green{color:var(--green);background:#43d66f1f}.noticeIcon.orange{color:var(--orange);background:#f59e0b21}.noticeIcon.yellow{color:var(--yellow);background:#f5c54221}.noticeIcon.blue{color:var(--blue);background:#38bdf821}.notice strong,.notice span{display:block}.notice span{color:var(--muted);margin-top:4px;font-size:13px}.days{grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:14px;display:grid}.days button{border:1px solid var(--line);color:#cbd5e1;background:#091120;border-radius:9px;padding:9px 6px;font-weight:900}.days button.active{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff}.scheduleItem{border-top:1px solid var(--line);grid-template-columns:70px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.scheduleItem span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.quickGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quickGrid button{border:1px solid var(--line);color:#fff;background:#101827;border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:15px 9px;font-weight:850;display:flex}.quickGrid svg{color:var(--purple)}.fullPage{min-height:680px}.cardsGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.formCard{border:1px solid var(--line);background:#0a1120;border-radius:16px;padding:18px}.formCard h3{margin:0 0 14px}.formCard p{color:var(--muted);line-height:1.6}.formCard label{color:#dbe3f2;margin:12px 0 8px;font-weight:800;display:block}.formCard input,.formCard select{border:1px solid var(--line2);color:#fff;background:#070d19;border-radius:12px;width:100%;padding:12px}.primarySmall{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border:0;border-radius:12px;margin-top:14px;padding:12px 15px;font-weight:900}.summaryNumbers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.summaryNumbers span{border:1px solid var(--line);background:#101827;border-radius:14px;padding:16px}.summaryNumbers b{font-size:28px;display:block}.summaryNumbers small{display:block}.extraTable{margin-top:18px}@media (width<=1250px){.stats{grid-template-columns:repeat(2,1fr)}.mainGrid,.bottomGrid{grid-template-columns:1fr}}@media (width<=900px){.loginPage{grid-template-columns:1fr}.loginLeft{padding:35px}.loginLeft h1{font-size:42px}.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.content{padding:18px}.topbar{flex-direction:column}.topCards{justify-content:flex-start}.cardsGrid{grid-template-columns:1fr}}@media (width<=640px){.stats,.quickGrid,.classItem,.notice,.scheduleItem{grid-template-columns:1fr}.room{text-align:left}.room span{justify-content:flex-start}}.courseGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.courseCard{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1322a6;border-radius:28px;flex-direction:column;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 40px #0003}.courseCard:hover{background:#0b1322d9;border-color:#8b5cf666;transform:translateY(-5px);box-shadow:0 20px 50px #0006}.courseCard.active{border-color:var(--purple);background:linear-gradient(#8b5cf61a 0%,#0b1322cc 100%)}.courseTop{align-items:center;gap:16px;margin-bottom:20px;display:flex}.courseIcon{width:56px;height:56px;color:var(--purple);background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:1px solid #8b5cf633;border-radius:18px;place-items:center;display:grid;box-shadow:0 8px 16px #8b5cf61a}.courseCard.active .courseIcon{background:var(--purple);color:#fff;box-shadow:0 10px 20px #8b5cf64d}.courseTop h3{letter-spacing:-.02em;margin:0;font-size:20px}.courseTop p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:500}.courseCard h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:20px 0 12px;font-size:11px;font-weight:800}.subjectList{flex-wrap:wrap;gap:8px;display:flex}.subjectList span{color:#dbe3f2;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.courseCard:hover .subjectList span{background:#ffffff14;border-color:#ffffff1f}@media (width<=900px){.courseGrid{grid-template-columns:1fr}}.manage.outline{border:1px solid var(--line);background:0 0}.manage.outline:hover{border-color:var(--purple);background:#8b5cf61a}.manage.danger{color:var(--red);background:#ff4d6d0d;border:1px solid #ff4d6d4d}.manage.danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.modalOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#050914d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--line);border-radius:24px;width:100%;max-width:550px;padding:35px;position:relative;box-shadow:0 40px 100px #0009}.modal h3{margin:0 0 8px;font-size:24px;font-weight:800}.notif-item{border-bottom:1px solid #ffffff0d;gap:15px;padding:15px;transition:all .2s;display:flex}.notif-item:hover{background:#ffffff08}.notif-icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.notif-body{flex:1;min-width:0}.notif-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.notif-head strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.notif-time{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.notif-text{color:var(--muted);font-size:12px;line-height:1.4}.modal p{color:var(--muted);margin-bottom:20px}.formGroup{margin-bottom:18px}.formGroup label{color:#d8deea;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.formGroup input,.formGroup select{border:1px solid var(--line2);color:#fff;background:#070d19;border-radius:12px;outline:0;width:100%;padding:12px}.formGroup input:focus{border-color:var(--purple)}.modalActions{gap:12px;margin-top:24px;display:flex}.modalActions button{border:1px solid var(--line);color:#fff;background:0 0;border-radius:12px;flex:1;padding:12px;font-weight:800}.modalActions button.primary{background:var(--purple);border:0;margin:0}.badge{text-transform:uppercase;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}.badge.green{color:var(--green);background:#43d66f26}.badge.red{color:var(--red);background:#ff4d6d26}.freqCell{align-items:center;gap:12px;display:flex}.track.mini{width:100px;margin:0}.attendanceList{gap:12px;margin:20px 0;display:grid}.attendanceItem{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.toggle{gap:8px;display:flex}.toggle button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#101827;border-radius:8px;font-weight:900}.toggle button.present:hover{background:var(--green);color:#fff;border-color:var(--green)}.toggle button.absent:hover{background:var(--red);color:#fff;border-color:var(--red)}.fullPageWrapper{min-height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-20{padding-top:5rem;padding-bottom:5rem}.w-full{width:100%}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.h-auto{height:auto}.h-3{height:.75rem}.h-4{height:1rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-6xl{font-size:3.75rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.text-muted{color:var(--muted)}.text-purple{color:var(--purple)}.text-white{color:#fff}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.rounded-xl{border-radius:.75rem}.z-1000{z-index:1000}.z-2000{z-index:2000}.fixed{position:fixed}.bottom-6{bottom:1.5rem}.right-6{right:1.5rem}.inset-0{inset:0}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.bg-gradient-to-br{background-image:linear-gradient(135deg,var(--purple),var(--purple2))}.from-\[\#8b5cf6\]{--tw-gradient-from:#8b5cf6;--tw-gradient-to:#8b5cf600;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#4c1d95\]{--tw-gradient-to:#4c1d95}.shadow-\[0_10px_20px_-5px_rgba\(139\,92\,246\,0\.3\)\]{box-shadow:0 10px 20px -5px #8b5cf64d}.hover\:shadow-\[0_15px_25px_-5px_rgba\(139\,92\,246\,0\.4\)\]:hover{box-shadow:0 15px 25px -5px #8b5cf666}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.inline-flex{display:inline-flex}.group-focus-within\:text-purple:focus-within{color:var(--purple)}.placeholder\:text-muted\/50::placeholder{color:var(--muted);opacity:.5}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-2xl{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.tracking-widest{letter-spacing:.1em}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.active\:scale-95:active{transform:scale(.95)}.bg-purple\/5{background-color:#8b5cf60d}.bg-purple\/10{background-color:#8b5cf61a}.bg-white\/5{background-color:#ffffff0d}.border-purple\/10{border-color:#8b5cf61a}.border-purple\/20{border-color:#8b5cf633}.border-white\/10{border-color:#ffffff1a}.focus\:ring-4:focus,.focus\:ring-purple\/10:focus{box-shadow:0 0 0 4px #8b5cf61a}.focus\:border-purple:focus{border-color:var(--purple)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.noticesList{gap:16px;margin-top:20px;display:grid}.noticeCard{border:1px solid var(--line);background:#ffffff05;border-radius:20px;align-items:flex-start;gap:20px;padding:20px;transition:all .2s;display:flex}.noticeCard:hover{border-color:var(--purple);background:#ffffff0a}.noticeContent{flex:1}.noticeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.noticeHeader strong{font-size:18px}.noticeMeta{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.noticeContent p{color:var(--muted);margin:0;line-height:1.6}.deleteBtn{color:#ff4d6d80;background:0 0;border:0;border-radius:10px;padding:8px;transition:all .2s}.deleteBtn:hover{color:var(--red);background:#ff4d6d1a}.settingsGrid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.settingItem{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settingItem:first-of-type{border-top:0;padding-top:0}.settingItem strong{margin-bottom:4px;display:block}.settingItem span{color:var(--muted);font-size:13px}.settingLabel{align-items:center;gap:12px;display:flex}.settingLabel strong{margin:0}@media (width<=1100px){.settingsGrid{grid-template-columns:1fr}}.classesGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.classCard{border:1px solid var(--line);background:#ffffff05;border-radius:20px;padding:24px;transition:all .2s}.classCard:hover{border-color:var(--purple);background:#ffffff0a;transform:translateY(-4px)}.classCardHeader{align-items:center;gap:16px;margin-bottom:20px;display:flex}.classCardHeader h3{margin:0;font-size:18px}.classCardHeader span{color:var(--muted);font-size:14px}.classCardBody{gap:12px;margin-bottom:20px;display:grid}.classInfoRow{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.classInfoRow svg{color:var(--purple)}.searchBar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070d1999;border-radius:16px;align-items:center;gap:12px;width:280px;height:44px;padding:0 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.searchBar:hover{background:#070d19cc;border-color:#ffffff26}.searchBar:focus-within{border-color:var(--purple);background:#070d19e6;width:320px;box-shadow:0 0 0 5px #8b5cf626}.searchBar svg{color:var(--muted);transition:color .3s}.searchBar:focus-within svg{color:var(--purple)}.searchBar input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:14px;font-weight:500}.searchBar input::placeholder{color:#4b5563}