@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@font-face{font-family:WijeSinhala;src:url(/fonts/wije6samethicknesstallround.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#000;--bg2:#050505;--glass:#0000004d;--glass-matte:#ffffff14;--glass-border:#ffffff1f;--glass-hover:#0006;--blue:#2563eb;--blue-glow:#2563eb59;--green:#059669;--green-glow:#05966933;--text:#e8edf8;--text-muted:#e8edf8a6;--text-dim:#e8edf8d9;--heading:#fff;--shadow:#0006;--nav-bg:#0009;--input-bg:#ffffff0a;--input-border:#ffffff1a;--card-shadow:0 8px 40px #00000080}[data-theme=light]{--bg:#f0f4ff;--bg2:#e8eef8;--glass:#ffffff8c;--glass-matte:#ffffffd9;--glass-border:#fffc;--glass-hover:#ffffffbf;--blue:#2563eb;--blue-glow:#2563eb26;--green:#059669;--green-glow:#05966926;--text:#1e293b;--text-muted:#1e293b8c;--text-dim:#1e293bbf;--heading:#0f172a;--shadow:#00000014;--nav-bg:#f0f4ff99;--input-bg:#ffffffb3;--input-border:#2563eb33;--card-shadow:0 8px 40px #2563eb12}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background .4s,color .4s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--heading);letter-spacing:-.02em;font-family:Outfit,sans-serif}html[lang=si]{font-size:94%}[lang=si] body{font-family:Noto Sans Sinhala,sans-serif}[lang=si] h1,[lang=si] h2,[lang=si] h3,[lang=si] h4,[lang=si] h5,[lang=si] h6,[lang=si] .hero-tagline{font-family:Noto Sans Sinhala,sans-serif;line-height:1.25}[lang=si] h1.si-title{letter-spacing:0;font-family:WijeSinhala,Noto Sans Sinhala,sans-serif;font-weight:400;line-height:1.1}[lang=si] h2,[lang=si] h3{line-height:1.2}[lang=si] .section-desc{line-height:1.5}[lang=si] .name-first,[lang=si] .name-last{padding:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);will-change:backdrop-filter;border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:20px}.glass-matte{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(160%)brightness(110%);border:1px solid var(--glass-border);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 0 0 1px #ffffff0d}.glass-matte:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff1f 0%,#fff0 100%);position:absolute;inset:0}section{z-index:1;min-height:600px;scroll-margin-top:80px;position:relative}.container{max-width:1160px;margin:0 auto;padding:0 5%}.section-header{text-align:center;margin-bottom:2rem}.section-tag{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;background:#2563eb1a;border:1px solid #93c5fd40;border-radius:100px;margin-bottom:.5rem;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}[data-theme=light] .section-tag{color:var(--blue);background:#2563eb1a;border-color:#2563eb33}.section-divider{background:var(--glass-border);max-width:1160px;height:1px;margin:0 auto}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.navbar{z-index:2000;background:0 0;border-bottom:1px solid #0000;align-items:center;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);will-change:backdrop-filter;background:#0a0a0abf;background:var(--glass-matte);border-bottom:1px solid var(--glass-border);height:64px;box-shadow:0 4px 30px #00000026,inset 0 0 0 1px #ffffff0d}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{color:var(--heading);letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;transition:transform .3s}.nav-logo:hover{transform:scale(1.05)}.nav-logo span{color:var(--blue)}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-dim);letter-spacing:.01em;padding:.5rem 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-underline{background:var(--blue);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover .nav-underline,.nav-links a.active .nav-underline{width:100%}.nav-actions{align-items:center;gap:1.25rem;display:flex}.control-group{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(160%);border:1px solid var(--glass-border);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 4px 15px #0000001a}.control-divider{background:var(--glass-border);opacity:.6;width:1px;height:20px}.lang-toggle,.theme-toggle{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.lang-toggle:hover,.theme-toggle:hover{color:var(--blue);background:#ffffff1a;border-color:#ffffff1a;transform:translateY(-1px)}[data-theme=light] .lang-toggle:hover,[data-theme=light] .theme-toggle:hover{background:#2563eb14}.nav-cta{background:var(--blue);box-shadow:0 4px 15px var(--blue-glow);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.75rem;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;color:#fff!important}.nav-cta i{font-size:.8rem;transition:transform .3s}.nav-cta:hover{box-shadow:0 8px 25px var(--blue-glow);background:#1d4ed8;transform:translateY(-2px)}.nav-cta:hover i{transform:translate(4px)}.hamburger{background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;z-index:2100;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:20px;height:2px;margin:2px 0;transition:all .3s}.hamburger.active span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{background:var(--bg);z-index:1500;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100vh;padding:2rem;transition:transform .5s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.mobile-menu.open{opacity:1;transform:translate(0)}.mobile-menu a{color:var(--text);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.mobile-menu a:hover{color:var(--blue)}.mobile-menu .nav-cta{justify-content:center;width:100%;max-width:280px;margin-top:1rem}@media (width<=1024px){.nav-links{gap:1.5rem}}@media (width<=850px){.nav-links{display:none}.nav-actions{gap:.75rem}.hamburger{width:38px;height:38px;display:flex}.control-group{border-radius:12px;gap:3px;height:38px;margin-right:.25rem;padding:3px}.lang-toggle,.theme-toggle{border-radius:8px;width:32px;height:32px;font-size:.8rem}.control-divider{height:16px}.nav-cta{align-items:center;height:38px;padding:0 16px;font-size:.8rem;display:flex}.nav-cta i{display:none}}@media (width<=480px){.nav-container{padding:0 1rem}.nav-logo{font-size:1.25rem}.nav-cta{padding:6px 12px}}footer{z-index:1;border-top:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 5%;position:relative}.footer-inner{flex-direction:column;align-items:center;gap:1.5rem;max-width:1160px;margin:0 auto;display:flex}.footer-logo{color:var(--heading);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.footer-logo span{color:var(--blue)}.footer-social{gap:1rem;display:flex}.social-btn{background:var(--glass);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;transition:all .25s;display:flex}.social-btn:hover{color:var(--blue);box-shadow:0 4px 16px var(--blue-glow);border-color:#2563eb4d;transform:translateY(-3px)}.footer-copy{color:var(--text-muted);text-align:center;font-size:.8rem}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.18;will-change:transform;backface-visibility:hidden;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}[data-theme=light] .blob{opacity:.28}.blob-1{background:var(--blue);width:600px;height:600px;animation-duration:20s;top:-150px;left:-100px}.blob-2{background:var(--green);width:500px;height:500px;animation-duration:16s;animation-delay:-5s;bottom:10%;right:-120px}.blob-3{background:#7c3aed;width:350px;height:350px;animation-duration:22s;animation-delay:-8s;top:45%;left:40%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-modal-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) cardScaleIn;box-shadow:0 10px 40px #0000004d}.admin-modal-icon{color:#ef4444;margin-bottom:1rem;font-size:2.5rem}.admin-modal-title{color:var(--heading);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.admin-modal-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.admin-modal-actions{gap:1rem;display:flex}.admin-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 16px;font-family:inherit;font-weight:600;transition:all .2s}.admin-modal-btn.cancel{color:var(--text-dim);background:#ffffff14}.admin-modal-btn.cancel:hover{color:var(--heading);background:#ffffff1f}.admin-modal-btn.confirm{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.admin-modal-btn.confirm:hover{background:#ef444440;transform:translateY(-2px)}@keyframes cardScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes alertIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes admin-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}.admin-submit-btn{justify-content:center;width:100%}.admin-list-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.list-item-img{width:100%;height:120px}}.upload-zone-wrap{margin-bottom:.5rem}.upload-zone{cursor:pointer;background:#2563eb0a;border:2px dashed #2563eb4d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:160px;padding:2.5rem 1.5rem;transition:all .3s;display:flex;overflow:hidden}.upload-zone:hover{background:#2563eb14;border-color:#2563eb8c}.upload-zone-icon{color:var(--blue);opacity:.8;font-size:2.2rem}.upload-zone-text{color:var(--text-dim);font-size:.95rem;font-weight:600}.upload-zone-hint{color:var(--text-muted);font-size:.8rem}.upload-preview{object-fit:cover;border-radius:10px;width:100%;max-height:200px}.upload-input-hidden{display:none}@media (width<=768px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}.admin-submit-btn{justify-content:center;width:100%}.admin-list-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.list-item-img{width:100%;height:120px}}@media (width<=768px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}.admin-submit-btn{justify-content:center;width:100%}.admin-list-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.list-item-img{width:100%;height:120px}}.admin-select-small{color:var(--blue);cursor:pointer;appearance:none;background:#2563eb1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233b82f6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #2563eb4d;border-radius:10px;padding:6px 32px 6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.admin-select-small:hover{background-color:#2563eb26;border-color:#2563eb80}.admin-select-small option{color:#fff;background:#0f172a}.quiz-topic-badge{color:var(--blue);text-transform:uppercase;letter-spacing:.5px;background:#2563eb1f;border:1px solid #2563eb33;border-radius:6px;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.admin-list-stack{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.quiz-list-item{flex-direction:column;gap:0;padding:1rem 1.25rem;display:flex}.quiz-list-item-header{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;width:100%;display:grid}.quiz-list-item-body{border-top:1px solid var(--glass-border);grid-template-columns:1fr auto;align-items:start;gap:1.5rem;width:100%;margin-top:1rem;padding-top:1rem;display:grid}.quiz-order-badge{width:40px;height:40px;color:var(--blue);background:#2563eb1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.quiz-content{min-width:0}.quiz-question-text{color:var(--heading);margin-bottom:.75rem;font-size:1rem;font-weight:600;line-height:1.5;display:block}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.quiz-option-pill{color:var(--text-muted);background:#ffffff05;border-radius:6px;padding:4px 8px;font-size:.8rem}.quiz-option-pill.correct{color:#34d399;background:#34d3990d;font-weight:600}.quiz-option-pill i{margin-left:4px}.empty-state{color:var(--text-muted);text-align:center;border:1px dashed var(--glass-border);background:#ffffff05;border-radius:12px;padding:3rem 1rem}.quiz-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-weight:600;transition:all .2s}.quiz-btn.primary{background:var(--blue);color:#fff}.reset-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.reset-btn:hover{background:#ef444433}.reset-btn:disabled{opacity:.6;cursor:not-allowed}.reset-btn.large{background:#ef44442e;border:1.5px solid #ef444480;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:800}@media (width<=768px){.admin-list-stack{grid-template-columns:1fr}.quiz-list-item-header{grid-template-columns:auto 1fr auto;gap:1rem}.quiz-list-item-body{grid-template-columns:1fr;gap:1rem}.quiz-options-grid{grid-template-columns:1fr}}.sm-list-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.sm-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.sm-filters{flex-wrap:wrap;gap:.75rem;display:flex}.sm-filter-select{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:.85rem}.sm-filter-select option{background:var(--option-bg);color:var(--text)}.sm-search-wrapper{align-items:center;display:flex;position:relative}.sm-search-wrapper i{color:var(--text-secondary);font-size:.9rem;position:absolute;left:12px}.sm-search-input{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);color:var(--text);border-radius:10px;width:200px;padding:8px 12px 8px 36px;font-size:.85rem;transition:all .3s}.sm-search-input:focus{background:#6366f10d;border-color:#6366f1;outline:none}.sm-table-container{overflow-x:auto}.sm-table{border-collapse:collapse;text-align:left;width:100%}.sm-table th{color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px;font-size:.8rem;font-weight:600}.sm-table td{border-bottom:1px solid var(--border);padding:12px}.sm-index-badge{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f640;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:700}.sm-text-white{color:var(--head);font-size:.9rem}.sm-empty-state{text-align:center;color:#64748b;padding:3rem 1rem}.sm-section-title{color:var(--head);align-items:center;gap:10px;margin-bottom:1.25rem;font-size:1.1rem;display:flex}.sm-section-title i.purple{color:#a78bfa}.sm-section-title i.green{color:#34d399}.student-manager-wrapper{flex-direction:column;gap:1.5rem;display:flex}.sm-tabs-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:1rem;padding:1rem;display:flex}.sm-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.sm-tab-btn:hover{color:var(--text);background:#ffffff0d}.sm-tab-btn.active{color:var(--purple);background:#a78bfa1a;border:1px solid #a78bfa33}.sm-action-btn-mini{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .2s;display:flex}.smt-root{flex-direction:column;gap:20px;display:flex;position:relative}.smt-toast{z-index:9999;pointer-events:none;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;animation:.3s smt-toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px #00000040}@keyframes smt-toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.smt-toast-success{color:#34d399;background:#10b98126;border-color:#10b9814d}.smt-toast-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.smt-toast-warn{color:#fbbf24;background:#eab30826;border-color:#eab3084d}.smt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.smt-dialog{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:32px 28px 24px;animation:.25s smt-dialog-in;display:flex;box-shadow:0 24px 60px #00000059}@keyframes smt-dialog-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.smt-dialog-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.smt-dialog-icon.danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.smt-dialog-icon.warn{color:#fbbf24;background:#eab3081f;border:1px solid #eab30840}.smt-dialog-icon.info{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa40}.smt-dialog-msg{color:var(--head);margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.smt-dialog-detail{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.55}.smt-dialog-actions{gap:10px;width:100%;margin-top:4px;display:flex}.smt-dialog-actions .smt-dbtn{flex:1;justify-content:center}.smt-dbtn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.smt-dbtn.secondary{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d}.smt-dbtn.secondary:hover{color:var(--text);background:#ffffff17}[data-theme=light] .smt-dbtn.secondary{background:#0000000a}.smt-dbtn.primary{color:#a78bfa;background:#a78bfa33;border:1px solid #a78bfa59}.smt-dbtn.primary:hover{background:#a78bfa4d}[data-theme=light] .smt-dbtn.primary{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}.smt-dbtn.danger{color:#f87171;background:#ef44441f;border:1px solid #ef444447}.smt-dbtn.danger:hover{background:#ef444438}[data-theme=light] .smt-dbtn.danger{color:#dc2626;background:#ef444414;border-color:#ef444438}.smt-dbtn.warn{color:#fbbf24;background:#eab3081f;border:1px solid #eab30847}.smt-dbtn.warn:hover{background:#eab30838}[data-theme=light] .smt-dbtn.warn{color:#b45309;background:#eab30814;border-color:#eab30838}.smt-header{align-items:center;gap:14px;display:flex}.smt-title-icon{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa40;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.05rem;display:flex}[data-theme=light] .smt-title-icon{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed2e}.smt-title{color:var(--head);margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.smt-subtitle{color:var(--text-secondary);margin:3px 0 0;font-size:.78rem}.smt-stats-bar{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:14px;align-items:center;padding:14px 20px;display:flex;overflow-x:auto}.smt-stats-bar::-webkit-scrollbar{display:none}.smt-stat{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:0 20px;display:flex}.smt-stat-val{color:var(--head);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;line-height:1}.smt-stat-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:600}.smt-stat-div{background:var(--border);flex-shrink:0;width:1px;height:32px}.smt-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}[data-theme=light] .smt-card{background:#ffffffd9;box-shadow:0 2px 16px #00000008}.smt-card-head{align-items:center;gap:10px;display:flex}.smt-card-head-icon{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;display:flex}[data-theme=light] .smt-card-head-icon{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed26}.smt-card-title-text{color:var(--head);margin:0;font-size:.95rem;font-weight:700}.smt-pending-badge{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:20px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;animation:2s infinite smt-pulse;display:inline-flex}@keyframes smt-pulse{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 5px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}[data-theme=light] .smt-pending-badge{color:#b45309;background:#eab30814;border-color:#eab30838}.smt-inst-form{flex-wrap:wrap;gap:10px;display:flex}.smt-input{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);color:var(--text);border-radius:10px;padding:9px 14px;font-family:inherit;font-size:.85rem;transition:border-color .18s,background .18s}.smt-input:focus{background:#a78bfa0a;border-color:#a78bfa80;outline:none}[data-theme=light] .smt-input:focus{background:#7c3aed08;border-color:#7c3aed59}.smt-input.name{flex:2;min-width:180px}.smt-input.code{flex:1;min-width:90px}.smt-btn-primary{color:#a78bfa;cursor:pointer;white-space:nowrap;background:#a78bfa2e;border:1px solid #a78bfa52;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.smt-btn-primary:hover:not(:disabled){background:#a78bfa47;border-color:#a78bfa80}[data-theme=light] .smt-btn-primary{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}.smt-btn-primary:disabled{opacity:.6;cursor:not-allowed}.smt-inst-empty{color:var(--text-secondary);text-align:center;margin:0;padding:10px 0 4px;font-size:.82rem}.smt-tags{flex-wrap:wrap;gap:8px;display:flex}.smt-tag{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;align-items:center;gap:7px;padding:6px 10px 6px 8px;font-size:.82rem;transition:border-color .15s;display:inline-flex}[data-theme=light] .smt-tag{background:#00000006}.smt-tag:hover{border-color:#ef444440}.smt-tag-icon{color:#a78bfa;background:#a78bfa1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.62rem;display:flex}[data-theme=light] .smt-tag-icon{color:#7c3aed;background:#7c3aed12}.smt-tag-name{color:var(--text);font-weight:600}.smt-tag-code{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa2e;border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}[data-theme=light] .smt-tag-code{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed26}.smt-tag-del{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:2px;padding:2px 3px;font-size:.72rem;transition:color .15s;display:flex}.smt-tag-del:hover{color:#f87171}.smt-filters-bar{border:1px solid var(--border);background:#ffffff05;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}[data-theme=light] .smt-filters-bar{background:#00000004}.smt-search-wrap{flex:1;min-width:180px;max-width:260px;position:relative}.smt-search-icon{color:var(--text-secondary);pointer-events:none;font-size:.78rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.smt-search-input{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);width:100%;color:var(--text);border-radius:9px;padding:8px 30px;font-family:inherit;font-size:.83rem;transition:border-color .18s}.smt-search-input::placeholder{color:var(--text-secondary)}.smt-search-input:focus{border-color:#a78bfa73;outline:none}[data-theme=light] .smt-search-input:focus{border-color:#7c3aed59}.smt-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:3px;font-size:.72rem;transition:color .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.smt-search-clear:hover{color:var(--text)}.smt-selects{flex-wrap:wrap;gap:8px;display:flex}.smt-select{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border-radius:9px;padding:8px 26px 8px 10px;font-family:inherit;font-size:.8rem;transition:border-color .18s}.smt-select option{background:var(--option-bg);color:var(--text)}.smt-select:focus{border-color:#a78bfa73;outline:none}.smt-clear-btn{color:#f87171;cursor:pointer;white-space:nowrap;background:#f8717114;border:1px solid #f8717147;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.smt-clear-btn:hover{background:#f8717126;border-color:#f8717173}[data-theme=light] .smt-clear-btn{color:#dc2626;background:#ef44440f;border-color:#ef444433}.smt-view-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:9px;gap:3px;padding:3px;display:flex}[data-theme=light] .smt-view-toggle{background:#00000008}.smt-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.82rem;transition:all .18s}.smt-view-btn:hover{color:var(--text);background:#ffffff0d}[data-theme=light] .smt-view-btn:hover{background:#0000000a}.smt-view-btn.active{color:#a78bfa;background:#a78bfa26}[data-theme=light] .smt-view-btn.active{color:#7c3aed;background:#fff;box-shadow:0 1px 4px #0000001a}.smt-table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto hidden}.smt-table{border-collapse:collapse;text-align:left;width:100%;min-width:560px}.smt-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff04;padding:11px 14px;font-size:.7rem;font-weight:700}[data-theme=light] .smt-table th{background:#00000005}.smt-table td{vertical-align:middle;border-bottom:1px solid var(--border);padding:11px 14px}.smt-index{color:#60a5fa;letter-spacing:.03em;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.77rem;font-weight:700}[data-theme=light] .smt-index{color:#2563eb;background:#2563eb12;border-color:#2563eb29}.smt-grade-badge{white-space:nowrap;border:1.5px solid;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.smt-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.smt-name{color:var(--head);white-space:nowrap;font-size:.88rem;font-weight:600}.smt-update-tag{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-flex}[data-theme=light] .smt-update-tag{color:#2563eb;background:#2563eb12;border-color:#2563eb29}.smt-type-badge{text-transform:uppercase;color:#a78bfa;white-space:nowrap;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:700}[data-theme=light] .smt-type-badge{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed29}.smt-type-active{color:var(--text-secondary);font-size:.75rem}.smt-status-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.smt-status-chip.active{color:#4ade80;background:#4ade801a;border:1px solid #4ade8040}.smt-status-chip.pending{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}[data-theme=light] .smt-status-chip.active{color:#16a34a;background:#22c55e12;border-color:#22c55e33}[data-theme=light] .smt-status-chip.pending{color:#b45309;background:#eab30812;border-color:#eab30833}.smt-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.smt-row{cursor:pointer;transition:background .14s}.smt-row:hover{background:#ffffff04}[data-theme=light] .smt-row:hover{background:#00000003}.smt-row.row-pending{background:#fbbf2408}[data-theme=light] .smt-row.row-pending{background:#eab30806}.smt-row.expanded td{background:#a78bfa0a;border-bottom:none}[data-theme=light] .smt-row.expanded td{background:#7c3aed08}.smt-expand-chevron{width:24px;height:24px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.7rem;transition:transform .22s,color .15s;display:flex}.smt-expand-chevron.open{color:#a78bfa;transform:rotate(180deg)}.smt-expanded-row td{border-bottom:1px solid var(--border);background:#a78bfa0a;padding:0}[data-theme=light] .smt-expanded-row td{background:#7c3aed06}.smt-expand-wrap{grid-template-rows:0fr;animation:.25s cubic-bezier(.4,0,.2,1) forwards smt-expand-slide;display:grid}.smt-expand-inner{opacity:0;animation:.2s 50ms forwards smt-fade-in;overflow:hidden}.smt-expand-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 12px;display:flex}@keyframes smt-expand-slide{to{grid-template-rows:1fr}}@keyframes smt-fade-in{to{opacity:1}}.smt-update-diff{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f62e;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.smt-expand-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.smt-table-footer{color:var(--text-secondary);border-top:1px solid var(--border);text-align:right;background:#ffffff03;padding:9px 14px;font-size:.73rem}.smt-act-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.smt-act-btn.approve{color:#4ade80;background:#4ade801a;border-color:#4ade8047}.smt-act-btn.approve:hover{background:#4ade8033;border-color:#4ade8073}[data-theme=light] .smt-act-btn.approve{color:#16a34a;background:#22c55e12;border-color:#22c55e38}.smt-act-btn.reject{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2447}.smt-act-btn.reject:hover{background:#fbbf2433}[data-theme=light] .smt-act-btn.reject{color:#b45309;background:#eab30812;border-color:#eab30838}.smt-act-btn.revoke{color:var(--text-secondary);border-color:var(--border);background:#ffffff0a}.smt-act-btn.revoke:hover{color:var(--text);background:#ffffff17}[data-theme=light] .smt-act-btn.revoke{background:#00000008}.smt-act-btn.view-profile{color:#c084fc;background:#a855f71a;border-color:#a855f747}.smt-act-btn.view-profile:hover{background:#a855f733;border-color:#a855f773}[data-theme=light] .smt-act-btn.view-profile{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed38}.smt-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.smt-student-card{border:1px solid var(--border);background:#ffffff05;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.smt-student-card:hover{background:#a78bfa0a;border-color:#a78bfa38;transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}[data-theme=light] .smt-student-card{background:#fff9;border-color:#00000012}[data-theme=light] .smt-student-card:hover{background:#7c3aed08;border-color:#7c3aed2e}.smt-student-card.card-pending{background:#fbbf2408;border-color:#fbbf2438}[data-theme=light] .smt-student-card.card-pending{background:#eab30806}.smt-student-card-top{justify-content:space-between;align-items:flex-start;display:flex}.smt-card-avatar{border:1.5px solid var(--border);color:#fff;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.smt-card-avatar img{object-fit:cover;width:100%;height:100%}.smt-student-card-name{color:var(--head);flex-wrap:wrap;align-items:center;gap:7px;font-size:.92rem;font-weight:700;line-height:1.3;display:flex}.smt-student-card-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.smt-card-type-row{align-items:center;display:flex}.smt-student-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:10px;display:flex}.smt-student-card-actions .smt-act-btn{flex:1;justify-content:center;padding:7px 10px}.smt-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:50px 20px;display:flex}.smt-empty-icon{border:1px solid var(--border);width:52px;height:52px;color:var(--text-secondary);background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.2rem;display:flex}.smt-empty-title{color:var(--head);margin:0;font-size:.95rem;font-weight:700}.smt-empty-sub{color:var(--text-secondary);margin:0;font-size:.8rem}.smt-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.5s infinite smt-shimmer;display:block}[data-theme=light] .smt-skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%}@keyframes smt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.smt-skeleton-row td{padding:14px}.smt-skeleton-avatar{border-radius:10px;width:36px;height:36px}.smt-skeleton-chip{border-radius:999px;width:74px;height:22px}.smt-card-skeleton{cursor:default;pointer-events:none;align-items:flex-start;gap:12px;padding:18px}.smt-tag-skeleton{width:clamp(170px,18vw,230px);min-width:0}.smt-tag-icon-skeleton{overflow:hidden}.smt-tag-icon-skeleton-bar{border-radius:999px;width:10px;height:10px}.smt-tag-name-skeleton{border-radius:6px;width:72px;height:12px}.smt-tag-code-skeleton{border-radius:5px;width:26px;height:18px}.smt-tag-del-skeleton{color:#0000;margin-left:2px}.smt-tag-del-skeleton i{color:#0000}.smt-pagination{border-top:1px solid var(--border);background:#ffffff04;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}[data-theme=light] .smt-pagination{background:#00000002}.smt-pagination-info{color:var(--text-secondary);font-size:.82rem}.smt-pagination-info strong{color:var(--head);font-weight:700}.smt-pagination-controls{align-items:center;gap:6px;display:flex}.smt-page-btn{border:1px solid var(--border);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.smt-page-btn:hover:not(:disabled){color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa4d}[data-theme=light] .smt-page-btn:hover:not(:disabled){color:#7c3aed;background:#7c3aed14;border-color:#7c3aed38}.smt-page-btn.active{color:#fff;background:#a78bfa;border-color:#a78bfa}[data-theme=light] .smt-page-btn.active{background:#7c3aed;border-color:#7c3aed}.smt-page-btn:disabled{opacity:.35;cursor:not-allowed}.smt-page-ellipsis{width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}@media (width<=640px){.smt-header{gap:10px}.smt-title-icon{width:38px;height:38px;font-size:.92rem}.smt-title{font-size:1rem}.smt-stats-bar{padding:12px 14px}.smt-stat{padding:0 12px}.smt-stat-val{font-size:1.1rem}.smt-card{gap:12px;padding:14px}.smt-inst-form{flex-direction:column}.smt-input.name,.smt-input.code{min-width:unset;flex:none;width:100%}.smt-filters-bar{gap:8px;padding:8px 10px}.smt-search-wrap{flex:none;width:100%;max-width:100%}.smt-selects{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.smt-select{padding:7px 22px 7px 9px;font-size:.75rem}.smt-table{min-width:unset}.smt-table th:nth-child(2),.smt-table td:nth-child(2),.smt-table th:nth-child(4),.smt-table td:nth-child(4){display:none}.smt-table th,.smt-table td{padding:9px 8px}.smt-act-btn{padding:6px 10px;font-size:.74rem}.smt-grid{grid-template-columns:1fr 1fr;gap:10px}.smt-student-card{gap:8px;padding:12px}.smt-student-card-name{font-size:.85rem}.smt-pagination{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 16px}.smt-page-btn{min-width:30px;height:30px;padding:0 6px;font-size:.75rem}}@media (width<=400px){.smt-grid{grid-template-columns:1fr}}.spt-root{flex-direction:column;gap:16px;display:flex}.spt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.spt-title-block{align-items:center;gap:14px;display:flex}.spt-title-icon{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa40;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.05rem;display:flex}[data-theme=light] .spt-title-icon{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed2e}.spt-title{color:var(--head);margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.spt-subtitle{color:var(--text-secondary);margin:3px 0 0;font-size:.78rem}.spt-view-toggle{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.spt-view-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:.85rem;transition:all .18s;display:flex}.spt-view-btn:hover{color:var(--text);background:#ffffff0d}[data-theme=light] .spt-view-btn:hover{background:#0000000a}.spt-view-btn.active{color:#a78bfa;background:#a78bfa26}[data-theme=light] .spt-view-btn.active{color:#7c3aed;background:#7c3aed1a}.spt-stats-bar{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:14px;align-items:center;gap:0;padding:14px 20px;display:flex;overflow-x:auto}.spt-stats-bar::-webkit-scrollbar{display:none}.spt-stat{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:0 20px;display:flex}.spt-stat-value{color:var(--head);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800;line-height:1}.spt-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:600}.spt-stat-div{background:var(--border);flex-shrink:0;width:1px;height:32px}.spt-filters-bar{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.spt-search-wrap{flex:1;min-width:180px;max-width:280px;position:relative}.spt-search-icon{color:var(--text-secondary);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.spt-search-input{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);width:100%;color:var(--text);border-radius:9px;padding:8px 32px;font-family:inherit;font-size:.85rem;transition:border-color .18s,background .18s}.spt-search-input::placeholder{color:var(--text-secondary)}.spt-search-input:focus{background:#a78bfa0a;border-color:#a78bfa80;outline:none}[data-theme=light] .spt-search-input:focus{background:#7c3aed08;border-color:#7c3aed59}.spt-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:3px;font-size:.75rem;transition:color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.spt-search-clear:hover{color:var(--text)}.spt-selects{flex-wrap:wrap;gap:8px;display:flex}.spt-select{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:9px;padding:8px 28px 8px 11px;font-family:inherit;font-size:.82rem;transition:border-color .18s}.spt-select option{background:var(--option-bg);color:var(--text)}.spt-select:focus{border-color:#a78bfa73;outline:none}.spt-clear-btn{color:#f87171;cursor:pointer;white-space:nowrap;background:#f8717114;border:1px solid #f871714d;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.spt-clear-btn:hover{background:#f8717126;border-color:#f8717173}[data-theme=light] .spt-clear-btn{color:#dc2626;background:#ef44440f;border-color:#ef444433}.spt-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.spt-table-wrap{overflow-x:auto}.spt-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.spt-table thead tr{border-bottom:1px solid var(--border)}.spt-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;background:#ffffff04;padding:12px 14px;font-size:.72rem;font-weight:700}[data-theme=light] .spt-table th{background:#00000005}.spt-row{cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.spt-row:last-child{border-bottom:none}.spt-row:hover{background:#a78bfa0d}[data-theme=light] .spt-row:hover{background:#7c3aed08}.spt-table td{vertical-align:middle;padding:11px 14px}.spt-avatar{border:1.5px solid var(--border);background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.spt-avatar img{object-fit:cover;width:100%;height:100%}.spt-avatar-initial{color:#fff;text-transform:uppercase;font-size:.95rem;font-weight:700}.spt-index{color:#60a5fa;letter-spacing:.03em;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f638;border-radius:7px;padding:4px 9px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.78rem;font-weight:700}[data-theme=light] .spt-index{color:#2563eb;background:#2563eb12;border-color:#2563eb2e}.spt-grade-badge{letter-spacing:.04em;white-space:nowrap;border:1.5px solid;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.spt-name-cell{flex-direction:column;gap:2px;display:flex}.spt-name{color:var(--head);font-size:.9rem;font-weight:600}.spt-school{color:var(--text-secondary);align-items:center;gap:4px;font-size:.72rem;display:flex}.spt-school i{font-size:.65rem}.spt-inst{color:var(--text);white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.spt-inst i{color:var(--text-secondary);font-size:.72rem}.spt-status-chip{background:color-mix(in srgb, var(--dot-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--dot-color) 30%, transparent);color:var(--dot-color);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.spt-status-dot{background:var(--dot-color);border-radius:50%;flex-shrink:0;width:5px;height:5px}.spt-row-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.7rem;transition:all .18s;display:flex}.spt-row-btn:hover{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa4d}[data-theme=light] .spt-row-btn:hover{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed38}.spt-table-footer{color:var(--text-secondary);border-top:1px solid var(--border);text-align:right;background:#ffffff03;padding:10px 16px;font-size:.75rem}.spt-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:16px;display:grid}.spt-card{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:16px;flex-direction:column;gap:8px;padding:18px 16px 14px;transition:all .2s;display:flex}.spt-card:hover{background:#a78bfa0f;border-color:#a78bfa47;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}[data-theme=light] .spt-card{background:#ffffffb3;border-color:#00000012}[data-theme=light] .spt-card:hover{background:#7c3aed0a;border-color:#7c3aed33;box-shadow:0 8px 24px #7c3aed14}.spt-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.spt-card-avatar{border:1.5px solid var(--border);background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.spt-card-avatar img{object-fit:cover;width:100%;height:100%}.spt-card-name{color:var(--head);font-size:.92rem;font-weight:700;line-height:1.3}.spt-card-index{color:#60a5fa;letter-spacing:.02em;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;width:fit-content;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;font-weight:700;display:inline-block}[data-theme=light] .spt-card-index{color:#2563eb;background:#2563eb12;border-color:#2563eb29}.spt-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spt-card-inst{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:4px;min-width:0;font-size:.73rem;display:flex;overflow:hidden}.spt-card-inst i{flex-shrink:0;font-size:.65rem}.spt-card-school{color:var(--text-secondary);align-items:center;gap:4px;font-size:.72rem;display:flex}.spt-card-school i{font-size:.63rem}.spt-card-action{color:#a78bfa;border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;padding-top:10px;font-size:.75rem;font-weight:600;transition:gap .18s;display:flex}[data-theme=light] .spt-card-action{color:#7c3aed}.spt-card:hover .spt-card-action{gap:8px}.spt-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.5s infinite spt-shimmer;display:block}[data-theme=light] .spt-skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%}@keyframes spt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spt-skeleton-row td{padding:14px}.spt-skeleton-avatar{border-radius:10px;width:36px;height:36px}.spt-card-skeleton{cursor:default;pointer-events:none;align-items:flex-start;gap:12px;padding:18px}.spt-empty{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.spt-empty-icon{border:1px solid var(--border);width:60px;height:60px;color:var(--text-secondary);background:#ffffff0a;border-radius:18px;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.4rem;display:flex}.spt-empty-title{color:var(--head);margin:0;font-size:1rem;font-weight:700}.spt-empty-sub{color:var(--text-secondary);margin:0;font-size:.82rem}.spt-pagination{border-top:1px solid var(--border);background:#ffffff04;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}[data-theme=light] .spt-pagination{background:#00000002}.spt-pagination-info{color:var(--text-secondary);font-size:.82rem}.spt-pagination-info strong{color:var(--head);font-weight:700}.spt-pagination-controls{align-items:center;gap:6px;display:flex}.spt-page-btn{border:1px solid var(--border);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.spt-page-btn:hover:not(:disabled){color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa4d}[data-theme=light] .spt-page-btn:hover:not(:disabled){color:#7c3aed;background:#7c3aed14;border-color:#7c3aed38}.spt-page-btn.active{color:#fff;background:#a78bfa;border-color:#a78bfa}[data-theme=light] .spt-page-btn.active{background:#7c3aed;border-color:#7c3aed}.spt-page-btn:disabled{opacity:.35;cursor:not-allowed}.spt-page-ellipsis{width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}@media (width<=640px){.spt-header{gap:10px}.spt-title{font-size:1rem}.spt-subtitle{font-size:.73rem}.spt-title-icon{border-radius:11px;width:38px;height:38px;font-size:.95rem}.spt-stats-bar{padding:12px 14px}.spt-stat{padding:0 14px}.spt-stat-value{font-size:1.1rem}.spt-filters-bar{gap:8px;padding:10px 12px}.spt-search-wrap{flex:none;width:100%;max-width:100%}.spt-selects{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.spt-select{padding:7px 24px 7px 9px;font-size:.78rem}.spt-table{min-width:unset}.spt-table th:nth-child(5),.spt-table td:nth-child(5),.spt-table th:nth-child(6),.spt-table td:nth-child(6){display:none}.spt-table th,.spt-table td{padding:10px}.spt-name{font-size:.85rem}.spt-school{display:none}.spt-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.spt-card{gap:6px;padding:14px 12px 12px}.spt-card-name{font-size:.85rem}.spt-pagination{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 16px}.spt-page-btn{min-width:30px;height:30px;padding:0 6px;font-size:.75rem}}@media (width<=400px){.spt-grid{grid-template-columns:1fr}}.mrv-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;--blue:#2563eb;--blue-gl:#2563eb59;--red:#ef4444;--bg:#04060f;--surface:#070d1af7;--border:#ffffff12;--text:#c9d3e8;--dim:#7a8aab;--head:#e8edf8;--bg-hover:#ffffff0d;--option-bg:#0d1424;background:#000000a6;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}[data-theme=light] .mrv-overlay{--bg:#f0f4ff;--surface:#fff;--border:#2563eb1f;--text:#475569;--dim:#64748b;--head:#0f172a;--blue-gl:#2563eb26;--bg-hover:#00000009;--option-bg:#fff}@media (width>=640px){.mrv-overlay{align-items:center;padding:24px}}.mrv-sheet{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:1080px;height:92dvh;display:flex;overflow:hidden;box-shadow:0 -8px 60px #0006}@media (width>=640px){.mrv-sheet{border-radius:24px;height:90vh;box-shadow:0 32px 80px #0006}}.mrv-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 16px;display:flex}@media (width>=640px){.mrv-header{padding:24px 28px 20px}}.mrv-header-left{flex:1;min-width:0}.mrv-pill{color:var(--blue,#60a5fa);letter-spacing:.8px;text-transform:uppercase;background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.mrv-title{color:var(--head);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1.25rem;font-weight:700;overflow:hidden}@media (width>=640px){.mrv-title{font-size:1.5rem}}.mrv-sub{color:var(--text);margin:0;font-size:.82rem}.mrv-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.mrv-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.mrv-btn:hover{opacity:.85;transform:translateY(-1px)}.mrv-btn:active{transform:translateY(0)}.mrv-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb40}.mrv-btn span{display:none}@media (width>=480px){.mrv-btn span{display:inline}}.mrv-icon-btn{background:var(--bg-hover);width:36px;height:36px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mrv-icon-btn:hover{color:#f87171;background:#ef444426}.mrv-stats{background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@media (width>=640px){.mrv-stats{grid-template-columns:repeat(6,1fr)}}.mrv-stat-card{background:var(--surface);align-items:center;gap:10px;padding:12px 14px;display:flex}@media (width>=640px){.mrv-stat-card{padding:14px 18px}}.mrv-stat-icon{opacity:.7;font-size:1rem}.mrv-stat-card.blue .mrv-stat-icon{color:#60a5fa}.mrv-stat-card.purple .mrv-stat-icon{color:#a78bfa}.mrv-stat-card.green .mrv-stat-icon{color:#34d399}.mrv-stat-card.orange .mrv-stat-icon{color:#fb923c}.mrv-stat-card.red .mrv-stat-icon{color:#f87171}.mrv-stat-body{flex-direction:column;min-width:0;display:flex}.mrv-stat-value{color:var(--head);font-size:1.1rem;font-weight:700;line-height:1}.mrv-stat-label{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:.68rem}.mrv-stat-sub{color:var(--dim);margin-top:1px;font-size:.7rem}.mrv-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}@media (width>=640px){.mrv-controls{flex-wrap:nowrap;padding:14px 28px}}.mrv-search-wrap{flex:1;min-width:0;position:relative}.mrv-search-icon{color:var(--dim);pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mrv-search{background:var(--input-bg);border:1px solid var(--input-border);width:100%;height:38px;color:var(--text);border-radius:10px;outline:none;padding:0 32px 0 34px;font-size:.85rem;transition:border-color .2s}.mrv-search::placeholder{color:var(--dim)}.mrv-search:focus{border-color:var(--blue)}.mrv-clear-btn{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.75rem;line-height:1;transition:color .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mrv-clear-btn:hover{color:var(--text)}.mrv-select{background:var(--input-bg);border:1px solid var(--input-border);min-width:160px;height:38px;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:0 32px 0 12px;font-size:.85rem;transition:border-color .2s}[data-theme=light] .mrv-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(15,23,42,0.6)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.mrv-select:focus{border-color:var(--blue)}.mrv-select option{background:var(--option-bg);color:var(--text)}@media (width<=479px){.mrv-select{width:100%;min-width:0}}.mrv-table-wrap{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:0 0 12px;overflow:auto}.mrv-table-wrap::-webkit-scrollbar{width:5px;height:5px}.mrv-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.mrv-table{border-collapse:collapse;width:100%;min-width:480px}.mrv-th{background:var(--surface);color:var(--dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;z-index:2;padding:10px 14px;font-size:.75rem;font-weight:600;position:sticky;top:0}@media (width>=640px){.mrv-th{padding:12px 16px}}.mrv-th.center{text-align:center}.mrv-th.sortable{cursor:pointer;transition:color .15s}.mrv-th.sortable:hover{color:var(--head)}.mrv-sort-icon{margin-left:5px;font-size:.7rem}.mrv-sort-icon.muted{opacity:.3}.mrv-sort-icon.active{color:var(--blue,#60a5fa);opacity:1}.w-rank{width:52px}.mrv-th--hide-sm{display:none}@media (width>=600px){.mrv-th--hide-sm{display:table-cell}}.mrv-td{color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px;font-size:.88rem}@media (width>=640px){.mrv-td{padding:11px 16px}}.mrv-td.center{text-align:center}.mrv-row{transition:background .12s}.mrv-row:hover{background:var(--bg-hover)}.mrv-rank{color:var(--text);font-size:1rem;font-weight:700}.mrv-index{background:var(--bg-hover);color:var(--text);white-space:nowrap;border-radius:6px;padding:3px 8px;font-family:Courier New,monospace;font-size:.82rem}.mrv-name{color:var(--head);font-weight:500}.mrv-inst-tag{background:var(--bg-hover);color:var(--text);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.75rem}.mrv-mark{font-size:1rem;font-weight:700}.mrv-mark.high{color:#34d399}.mrv-mark.mid-high{color:#10b981}.mrv-mark.mid{color:#fbbf24}.mrv-mark.low-mid{color:#fb923c}.mrv-mark.low{color:#f87171}.mrv-grade-badge{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:inline-flex}.mrv-grade-badge.high{color:#34d399;background:#34d3991f}.mrv-grade-badge.mid-high{color:#10b981;background:#10b9811f}.mrv-grade-badge.mid{color:#fbbf24;background:#fbbf241f}.mrv-grade-badge.low-mid{color:#fb923c;background:#fb923c1f}.mrv-grade-badge.low{color:#f87171;background:#f871711f}.mrv-empty{color:var(--dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.mrv-empty-icon{opacity:.4;font-size:2.5rem}.mrv-empty p{margin:0;font-size:.9rem}.mrv-table--desktop{display:table}.mrv-cards{display:none}@media (width<=599px){.mrv-table--desktop{display:none}.mrv-cards{flex-direction:column;gap:10px;padding:12px 16px;display:flex}}.mrv-th,.mrv-td{text-align:left}.mrv-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:background .12s;display:flex}.mrv-card:hover{background:var(--bg-hover)}.mrv-card-rank{text-align:center;flex-shrink:0;width:36px;font-size:1.3rem}.mrv-card-body{flex:1;min-width:0}.mrv-card-name{color:var(--head);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.95rem;font-weight:600;overflow:hidden}.mrv-card-meta{flex-wrap:wrap;gap:8px;display:flex}.mrv-card-score{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.mrv-sort-bar{display:none}@media (width<=599px){.mrv-sort-bar{border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.mrv-sort-bar::-webkit-scrollbar{display:none}}.mrv-sort-bar-label{color:var(--dim);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;flex-shrink:0;font-size:.72rem}.mrv-sort-chip{border:1px solid var(--border);background:var(--bg-hover);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.mrv-sort-chip.active{color:var(--blue,#60a5fa);background:#2563eb33;border-color:#2563eb80;font-weight:600}.mrv-sort-chip-icon{font-size:.65rem}@media (width<=768px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}.admin-submit-btn{justify-content:center;width:100%}.admin-list-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.list-item-img{width:100%;height:120px}}.mm-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mm-page-header-left{align-items:center;gap:14px;display:flex}.mm-page-icon{color:#60a5fa;background:linear-gradient(135deg,#2563eb33,#2563eb0f);border:1px solid #2563eb40;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;display:flex}[data-theme=light] .mm-page-icon{color:#2563eb;background:#2563eb14;border-color:#2563eb2e}.mm-page-title{color:var(--head);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:800}.mm-page-subtitle{color:var(--text-secondary,var(--dim));margin:3px 0 0;font-size:.78rem}.mm-toast{z-index:9999;pointer-events:none;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) both mm-toast-in;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 8px 32px #00000040}@keyframes mm-toast-in{0%{opacity:0;transform:translateY(-14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mm-toast--success{color:#34d399;background:#10b98126;border-color:#10b98159}.mm-toast--error{color:#f87171;background:#ef444426;border-color:#ef444459}.mm-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9998;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mm-dialog{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;padding:28px;animation:.25s both mm-dialog-in;display:flex;box-shadow:0 24px 60px #00000059}.mm-dialog--wide{text-align:left;align-items:stretch;max-width:460px}[data-theme=light] .mm-dialog.mm-dialog--wide.glass{color:var(--heading,#0f172a);background:#fffffff5;border-color:#0f172a14;box-shadow:0 24px 60px #0f172a24}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-dialog-title,[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-dialog-msg{color:var(--heading,#0f172a)}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-dialog-detail,[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-dbtn.secondary{color:var(--text-dim,#475569)}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-dbtn.secondary{background:#0f172a0a;border-color:#0f172a14}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-dbtn.secondary:hover{background:#0f172a12}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-field label,[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-field-kbd{color:var(--text-dim,#64748b)}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-input{color:var(--heading,#0f172a);background:#ffffffe6;border-color:#0f172a1f}[data-theme=light] .mm-dialog.mm-dialog--wide.glass .mm-input::placeholder{color:#475569cc}@keyframes mm-dialog-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.mm-dialog-header{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.mm-dialog-header .mm-dialog-icon{margin:0}.mm-dialog-title{color:var(--head);margin:0;font-size:1rem;font-weight:700}.mm-dialog-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;display:flex}.mm-dialog-icon.danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.mm-dialog-icon.warn{color:#fbbf24;background:#eab3081f;border:1px solid #eab30840}.mm-dialog-icon.info{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa40}.mm-dialog-msg{color:var(--head);margin:0;font-size:.95rem;font-weight:600}.mm-dialog-detail{color:var(--text-secondary,var(--dim));margin:0;font-size:.8rem;line-height:1.55}.mm-dialog-actions,.mm-dialog-footer{gap:10px;width:100%;margin-top:8px;display:flex}.mm-dialog-actions .mm-dbtn{flex:1;justify-content:center}.mm-dialog-footer{justify-content:space-between}.mm-dbtn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.mm-dbtn:disabled{opacity:.6;cursor:not-allowed}.mm-dbtn.secondary{color:var(--text-secondary,var(--dim));border:1px solid var(--border);background:#ffffff0d}.mm-dbtn.secondary:hover{background:#ffffff17}[data-theme=light] .mm-dbtn.secondary{background:#0000000a}.mm-dbtn.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.mm-dbtn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.mm-dbtn.danger{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.mm-dbtn.danger:hover:not(:disabled){background:#ef444433}[data-theme=light] .mm-dbtn.danger{color:#dc2626;background:#ef44440f;border-color:#ef444433}.mm-layout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.mm-sidebar,.mm-main{flex-direction:column;gap:16px;display:flex}.mm-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}[data-theme=light] .mm-panel{background:#ffffffe0;box-shadow:0 2px 16px #0000000a}.mm-panel-head{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:16px;padding-bottom:14px;display:flex}.mm-panel-head>i:first-child{color:#60a5fa;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}[data-theme=light] .mm-panel-head>i:first-child{color:#2563eb;background:#2563eb12;border-color:#2563eb26}.mm-panel-head h3{color:var(--head);flex:1;margin:0;font-size:.9rem;font-weight:700}.mm-panel-head--between{justify-content:space-between}.mm-form-stack{flex-direction:column;gap:14px;display:flex}.mm-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mm-field{flex-direction:column;gap:5px;display:flex}.mm-field label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary,var(--dim));align-items:center;gap:8px;font-size:.7rem;font-weight:700;display:flex}.mm-field-kbd{color:var(--text-secondary,var(--dim));text-transform:none;letter-spacing:0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;margin-left:auto;padding:2px 6px;font-family:monospace;font-size:.6rem;font-weight:600}[data-theme=light] .mm-field-kbd{background:#0000000d;border-color:#0000001a}.mm-input-wrap{align-items:center;display:flex;position:relative}.mm-input-icon{color:var(--text-secondary,var(--dim));pointer-events:none;z-index:1;font-size:.8rem;position:absolute;left:12px}.mm-input{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);width:100%;color:var(--head,var(--heading));appearance:none;border-radius:10px;padding:10px 12px 10px 36px;font-family:inherit;font-size:.88rem;transition:border-color .18s,box-shadow .18s,background .18s}.mm-input:focus{background:#2563eb0d;border-color:#2563eb8c;outline:none;box-shadow:0 0 0 3px #2563eb1f}[data-theme=light] .mm-input:focus{background:#2563eb08;border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb14}.mm-input::placeholder{color:var(--text-secondary,var(--dim));opacity:.7}.mm-input:disabled{cursor:not-allowed;opacity:.5}.mm-input option{background:var(--option-bg,#0f172a);color:var(--text)}.mm-input--mono{letter-spacing:.06em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;font-weight:700}.mm-input--marks{text-align:center;letter-spacing:-.02em;padding-left:36px;font-size:1.1rem;font-weight:800}.mm-input-spinner{border:2px solid #60a5fa33;border-top-color:#60a5fa;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite mm-spin;position:absolute;right:12px}select.mm-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.mm-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .18s;display:inline-flex}.mm-btn:disabled{opacity:.6;cursor:not-allowed}.mm-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb47}.mm-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2563eb6b}.mm-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.65s linear infinite mm-spin;display:inline-block}.mm-spinner--green{border-color:#34d399 #34d39933 #34d39933}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-close-pill{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary,var(--dim));cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:all .18s;display:flex}.mm-close-pill:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.mm-paper-list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;gap:6px;max-height:340px;margin-top:8px;padding-right:2px;display:flex;overflow-y:auto}.mm-paper-item{border:1px solid var(--border);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-family:inherit;transition:all .18s;display:flex}.mm-paper-item:hover{background:#2563eb14;border-color:#2563eb33}.mm-paper-item.active{background:#2563eb24;border-color:#2563eb66;box-shadow:inset 0 0 0 1px #2563eb26}[data-theme=light] .mm-paper-item{background:#00000005}[data-theme=light] .mm-paper-item:hover{background:#2563eb0d}[data-theme=light] .mm-paper-item.active{background:#2563eb14}.mm-paper-item-inner{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mm-paper-item-name{color:var(--head);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.mm-paper-item-meta{color:var(--text-secondary,var(--dim));font-size:.7rem}.mm-paper-check{color:#60a5fa;flex-shrink:0;margin-left:8px;font-size:.72rem}.mm-empty-hint{color:var(--text-secondary,var(--dim));text-align:center;margin:0;padding:12px 0 4px;font-size:.8rem;font-style:italic}.mm-active-banner{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}[data-theme=light] .mm-active-banner{background:#ffffffe0;box-shadow:0 2px 16px #0000000a}.mm-active-banner-left{flex-direction:column;gap:6px;display:flex}.mm-active-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#60a5fa;font-size:.65rem;font-weight:700}[data-theme=light] .mm-active-eyebrow{color:#2563eb}.mm-active-title{color:var(--head);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.mm-active-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mm-meta-chip{border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.7rem;font-weight:600;display:inline-flex}.mm-meta-chip.grade{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa40}.mm-meta-chip.term{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa40}.mm-meta-chip.date{color:var(--text-secondary,var(--dim));border-color:var(--border);background:#ffffff0d}.mm-meta-chip.count{color:#34d399;background:#34d3991a;border-color:#34d39940}[data-theme=light] .mm-meta-chip.grade{color:#2563eb;background:#2563eb12;border-color:#2563eb33}[data-theme=light] .mm-meta-chip.term{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed33}[data-theme=light] .mm-meta-chip.date{background:#0000000a;border-color:#00000014}[data-theme=light] .mm-meta-chip.count{color:#059669;background:#10b98112;border-color:#10b98133}.mm-active-banner-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mm-action-chip{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.mm-action-chip:disabled{opacity:.5;cursor:not-allowed}.mm-action-chip.edit{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2440}.mm-action-chip.edit:hover{background:#fbbf2433;border-color:#fbbf2473}.mm-action-chip.rank{color:#34d399;background:#34d3991a;border-color:#34d39940}.mm-action-chip.rank:hover:not(:disabled){background:#34d39933;border-color:#34d39973}.mm-action-chip.report{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa40}.mm-action-chip.report:hover{background:#60a5fa33;border-color:#60a5fa73}[data-theme=light] .mm-action-chip.edit{color:#b45309;background:#eab30814;border-color:#eab30838}[data-theme=light] .mm-action-chip.rank{color:#059669;background:#10b98112;border-color:#10b98133}[data-theme=light] .mm-action-chip.report{color:#2563eb;background:#2563eb12;border-color:#2563eb33}.mm-entry-panel{flex-direction:column;gap:16px;display:flex}.mm-mode-toggle{border:1px solid var(--border);background:#ffffff0a;border-radius:11px;gap:4px;width:fit-content;padding:4px;display:flex}[data-theme=light] .mm-mode-toggle{background:#00000008}.mm-mode-btn{cursor:pointer;color:var(--text-secondary,var(--dim));white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.mm-mode-btn:hover{color:var(--head)}.mm-mode-btn.active{color:#60a5fa;background:#2563eb2e;box-shadow:0 2px 8px #2563eb33}[data-theme=light] .mm-mode-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb1f}.mm-kbd-hint{color:var(--text-secondary,var(--dim));background:#2563eb0f;border:1px solid #2563eb26;border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:flex}.mm-kbd-hint i{color:#60a5fa;flex-shrink:0;font-size:.78rem}[data-theme=light] .mm-kbd-hint{background:#2563eb0a;border-color:#2563eb1a}[data-theme=light] .mm-kbd-hint i{color:#2563eb}.mm-entry-form{flex-direction:column;gap:14px;display:flex}.mm-entry-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mm-resolved-name{border:1px solid var(--border);min-height:42px;color:var(--text-secondary,var(--dim));background:#ffffff06;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:.88rem;transition:border-color .18s,background .18s;display:flex}[data-theme=light] .mm-resolved-name{background:#00000006}.mm-resolved-name.found{color:var(--head);background:#34d3990f;border-color:#34d39966}.mm-resolved-name.found i{color:#34d399;font-size:.75rem}.mm-resolved-name.error{color:#f87171;background:#ef44440d;border-color:#ef444459}.mm-resolved-name.error i{font-size:.75rem}.mm-resolved-placeholder{opacity:.5;font-size:.82rem;font-style:italic}.mm-resolved-inst{color:var(--text-secondary,var(--dim));white-space:nowrap;text-overflow:ellipsis;max-width:120px;margin-left:auto;font-size:.72rem;overflow:hidden}.mm-marks-save-row{grid-template-columns:180px 1fr;align-items:flex-end;gap:14px;display:grid}@media (width<=768px){.mm-marks-save-row{grid-template-columns:1fr}}.mm-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;height:42px;padding:11px 24px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 14px #2563eb4d}.mm-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.mm-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mm-name-dropdown{z-index:200;background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;border-radius:12px;max-height:280px;margin:0;padding:4px;list-style:none;animation:.18s mm-drop-in;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 36px #0000004d}[data-theme=light] .mm-name-dropdown{background:#fff;box-shadow:0 8px 28px #0000001f}@keyframes mm-drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mm-name-option{cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.mm-name-option:hover,.mm-name-option.active{background:#2563eb1a}[data-theme=light] .mm-name-option:hover,[data-theme=light] .mm-name-option.active{background:#2563eb0f}.mm-name-option-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mm-name-option-name{color:var(--head);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.mm-name-option-index{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;width:fit-content;padding:1px 5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:700;display:inline-block}[data-theme=light] .mm-name-option-index{color:#2563eb;background:#2563eb12;border-color:#2563eb26}.mm-name-option-inst{color:var(--text-secondary,var(--dim));white-space:nowrap;flex-shrink:0;font-size:.72rem}.mm-count-pill{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb38;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}[data-theme=light] .mm-count-pill{color:#2563eb;background:#2563eb12;border-color:#2563eb29}.mm-table-scroll{overflow-x:auto}.mm-table{border-collapse:collapse;width:100%;min-width:480px}.mm-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary,var(--dim));border-bottom:1px solid var(--border);text-align:left;background:#ffffff04;padding:10px 12px;font-size:.68rem;font-weight:700}[data-theme=light] .mm-table th{background:#00000005}.mm-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.mm-table .mm-tr:last-child td{border-bottom:none}.mm-tr{transition:background .12s}.mm-tr:hover{background:#ffffff05}[data-theme=light] .mm-tr:hover{background:#00000004}.mm-index-cell{color:#60a5fa;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:700}[data-theme=light] .mm-index-cell{color:#2563eb;background:#2563eb12;border-color:#2563eb29}.mm-name-td{color:var(--head);font-size:.86rem;font-weight:600}.mm-inst-td{color:var(--text-secondary,var(--dim));font-size:.78rem}.mm-marks-cell{align-items:center;gap:10px;min-width:120px;display:flex}.mm-mark-val{text-align:right;flex-shrink:0;min-width:32px;font-size:.9rem;font-weight:800}.mm-mark-val--high{color:#34d399}.mm-mark-val--mid{color:#fbbf24}.mm-mark-val--low{color:#f87171}.mm-mark-bar-track{background:#ffffff0f;border-radius:10px;flex:1;height:5px;overflow:hidden}[data-theme=light] .mm-mark-bar-track{background:#00000012}.mm-mark-bar{border-radius:10px;height:100%;transition:width .5s}.mm-mark-bar--high{background:#34d399}.mm-mark-bar--mid{background:#fbbf24}.mm-mark-bar--low{background:#f87171}.mm-del-btn{width:28px;height:28px;color:var(--text-secondary,var(--dim));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:.72rem;transition:all .15s;display:flex}.mm-del-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.mm-table-empty{color:var(--text-secondary,var(--dim));flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:.85rem;display:flex}.mm-table-empty i{opacity:.4;font-size:1.4rem}.mm-welcome{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:60px 32px;display:flex}[data-theme=light] .mm-welcome{background:#ffffffe0}.mm-welcome-icon{color:#60a5fa;background:#2563eb1a;border:1px solid #2563eb33;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;animation:2s ease-in-out infinite mm-bounce-x;display:flex}@keyframes mm-bounce-x{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.mm-welcome h3{color:var(--head);margin:0;font-size:1rem;font-weight:700}.mm-welcome p{color:var(--text-secondary,var(--dim));margin:0;font-size:.82rem}@media (width<=1100px){.mm-layout{grid-template-columns:260px 1fr}}@media (width<=900px){.mm-layout{grid-template-columns:1fr}.mm-sidebar{order:2}.mm-main{order:1}}@media (width<=768px){.mm-page-header{flex-direction:column;align-items:flex-start}.mm-panel{padding:16px}.mm-active-banner{flex-direction:column;padding:16px}.mm-active-banner-actions{width:100%}.mm-paper-list{max-height:300px}.mm-marks-save-row{grid-template-columns:1fr}.mm-table{min-width:360px;font-size:.75rem}.mm-table th{padding:8px 6px;font-size:.62rem}.mm-table td{padding:8px 6px}}@media (width<=640px){.mm-entry-fields,.mm-marks-save-row,.mm-row-2{grid-template-columns:1fr}.mm-mode-toggle{width:100%}.mm-mode-btn{flex:1;justify-content:center}.mm-active-banner{flex-direction:column;padding:12px}.mm-active-banner-actions{flex-wrap:wrap}.mm-marks-save-row .mm-save-btn{height:auto;padding:12px}.mm-page-header{gap:8px}.mm-page-icon{width:40px;height:40px}.mm-page-title{font-size:1rem}.mm-dialog{max-width:100%;margin:12px;padding:16px}.mm-dialog--wide{max-width:100%}}@media (width<=480px){.mm-table{min-width:280px;font-size:.7rem}.mm-marks-cell{gap:6px;min-width:100px}.mm-mark-val{min-width:28px;font-size:.8rem}.mm-page-header{gap:8px}.mm-page-icon{width:36px;height:36px;font-size:.9rem}.mm-page-title{font-size:.9rem}.mm-panel{padding:12px}.mm-active-banner{gap:8px;padding:8px}.mm-active-title{font-size:1rem}.mm-entry-fields{gap:10px}.mm-row-2{gap:8px}}.announcements-manager .admin-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.announcements-manager .admin-list-item{border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.announcements-manager .list-item-img{object-fit:cover;background:#ffffff0d;width:100%;height:140px}.announcements-manager .list-item-no-img{color:#ffffff1a;background:#ffffff0d;justify-content:center;align-items:center;width:100%;height:140px;font-size:2rem;display:flex}[data-theme=light] .announcements-manager .list-item-no-img{color:#0000001a;background:#00000008}.announcements-manager .list-item-details{flex-direction:column;flex-grow:1;padding:16px;display:flex}.announcements-manager .list-item-title{color:var(--heading);margin-bottom:6px;font-size:1.1rem;font-weight:700}.announcements-manager .list-item-sub{color:var(--text-dim);margin-bottom:8px;font-size:.85rem}.announcements-manager .list-item-desc{color:var(--text-muted);flex-grow:1;margin-bottom:12px;font-size:.9rem;line-height:1.5}.announcements-manager .list-item-actions{justify-content:flex-end;gap:8px;padding:0 16px 16px;display:flex}.announcements-manager .imp-badge{color:#fff;background:#ef4444;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 4px 10px #ef444466}.af-group-checkbox{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:16px;transition:all .2s;display:flex}[data-theme=light] .af-group-checkbox{background:#00000005;border-color:#00000014}.af-group-checkbox:hover{background:#ffffff0f}.af-group-checkbox input[type=checkbox]{cursor:pointer;accent-color:#ef4444;width:20px;height:20px}.af-group-checkbox span{color:var(--heading);font-weight:600}.af-group-checkbox p{color:var(--text-muted);margin:4px 0 0;font-size:.8rem}.admin-alert{border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:.9rem;font-weight:500;animation:.3s both alertIn;display:flex}.admin-alert.success{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.admin-alert i{font-size:1.1rem}.admin-alert.info{color:#93b4fd;background:#2563eb1a;border:1px solid #2563eb40}.content-panel{flex-direction:column;gap:2rem;animation:.4s cubic-bezier(.4,0,.2,1) both panelIn;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;display:flex}.panel-title-group{align-items:center;gap:1rem;display:flex}.panel-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.panel-icon.blue{color:var(--blue);background:linear-gradient(135deg,#2563eb33,#2563eb0d);border:1px solid #2563eb40;box-shadow:0 0 24px #2563eb26}.panel-icon.green{color:var(--green);background:linear-gradient(135deg,#10b98133,#10b9810d);border:1px solid #10b98140;box-shadow:0 0 24px #10b98126}.panel-title{letter-spacing:-.02em;margin-bottom:2px;font-size:1.5rem;font-weight:700}.panel-subtitle{color:var(--text-muted);font-size:.87rem}.panel-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;font-size:.9rem;display:flex}.admin-spinner{border:3px solid #a78bfa26;border-top-color:#a78bfa;border-radius:50%;width:40px;height:40px;animation:.8s cubic-bezier(.4,0,.2,1) infinite admin-spin}.admin-form{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;gap:0;padding:2rem;display:flex}.form-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--blue);border-bottom:1px solid #2563eb26;margin:1.5rem 0 .75rem;padding-bottom:.5rem;font-size:.72rem;font-weight:700}.form-section-label:first-child{margin-top:0}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:.5rem;display:grid}.af-group{flex-direction:column;gap:8px;display:flex}.af-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.af-group input,.af-group select,.af-group textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--heading);border-radius:12px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .25s}.af-group input:focus,.af-group select:focus,.af-group textarea:focus{border-color:var(--blue);background:#2563eb0f;outline:none;box-shadow:0 0 0 3px #2563eb26}.af-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(232,237,248,0.5)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}[data-theme=light] .af-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(15,23,42,0.6)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.af-group select option{background:var(--option-bg,#0d1424);color:var(--text)}.af-group textarea{resize:vertical;min-height:110px;line-height:1.65}.ap-field{flex-direction:column;gap:8px;margin-bottom:1.25rem;display:flex}.ap-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--heading);border-radius:12px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .25s}.ap-input:focus{border-color:var(--blue);background:#2563eb0f;outline:none;box-shadow:0 0 0 3px #2563eb26}.ap-input option{background:var(--option-bg,#0f172a);color:var(--text)}.ap-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex}.ap-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb40}.ap-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.ap-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.admin-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.admin-list-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.admin-list-item:hover{background:#ffffff0d;border-color:#2563eb4d;transform:translateY(-2px)}.list-item-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:60px;height:60px}.list-item-details{flex-direction:column;flex:1;min-width:0;display:flex}.list-item-title{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.list-item-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.list-item-actions{gap:.5rem;display:flex}.btn-icon{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon.edit:hover{color:var(--blue);background:#2563eb26}.btn-icon.delete:hover{color:#ef4444;background:#ef444426}.admin-submit-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;margin-top:2rem;padding:15px 28px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 24px #2563eb59}.admin-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb73}.admin-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@media (width<=768px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}.admin-submit-btn{justify-content:center;width:100%}.admin-list-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.list-item-img{width:100%;height:120px}}.asp-root{flex-direction:column;gap:20px;padding-bottom:40px;display:flex;position:relative}.asp-toast{z-index:9999;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:600;animation:.3s asp-toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px #00000040}@keyframes asp-toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.asp-toast-success{color:#34d399;background:#10b98126;border-color:#10b9814d}.asp-toast-error{color:#f87171;background:#ef444426;border-color:#ef44444d}.asp-toast-info{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.asp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.asp-dialog{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:32px 28px 24px;animation:.25s asp-dialog-in;display:flex;box-shadow:0 24px 60px #00000059}@keyframes asp-dialog-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.asp-dialog-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.asp-dialog-icon.danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.asp-dialog-icon.warn{color:#fbbf24;background:#eab3081f;border:1px solid #eab30840}.asp-dialog-msg{color:var(--text);margin:0;font-size:.92rem;line-height:1.55}.asp-dialog-actions{gap:10px;width:100%;display:flex}.asp-dialog-actions .asp-btn{flex:1;justify-content:center}.asp-topbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.asp-back{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.asp-back:hover{color:var(--text);background:#ffffff12;transform:translate(-2px)}[data-theme=light] .asp-back:hover{background:#0000000a}.asp-breadcrumb{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.asp-breadcrumb i{opacity:.5;font-size:.6rem}.asp-breadcrumb-active{color:var(--text);font-weight:600}.asp-hero{border:1px solid var(--border);border-radius:20px;padding:28px 28px 24px;position:relative;overflow:hidden}.asp-hero-bg{background:linear-gradient(135deg, color-mix(in srgb, var(--grade-color) 10%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}[data-theme=light] .asp-hero{background:#ffffffd9;box-shadow:0 4px 24px #0000000f}[data-theme=dark] .asp-hero,.asp-hero{background:var(--surface)}.asp-hero-content{flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:relative}.asp-hero-avatar{border:2.5px solid var(--border);background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative;overflow:hidden}.asp-hero-avatar img{object-fit:cover;width:100%;height:100%}.asp-avatar-initial{color:#fff;font-size:2rem;font-weight:800}.asp-hero-status-dot{border:2.5px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:6px;right:6px}.asp-hero-status-dot.active{background:#4ade80}.asp-hero-status-dot.pending{background:#fbbf24}.asp-avatar-actions-overlay{opacity:0;z-index:2;background:#000000a6;justify-content:center;align-items:center;gap:8px;transition:opacity .22s;display:flex;position:absolute;inset:0}.asp-hero-avatar:hover .asp-avatar-actions-overlay{opacity:1}.asp-avatar-action-btn-mini{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.asp-avatar-action-btn-mini.upload{background:#a78bfad9}.asp-avatar-action-btn-mini.upload:hover:not(:disabled){background:#a78bfa;transform:scale(1.12)}.asp-avatar-action-btn-mini.remove{background:#ef4444d9}.asp-avatar-action-btn-mini.remove:hover:not(:disabled){background:#ef4444;transform:scale(1.12)}.asp-avatar-action-btn-mini:disabled{opacity:.5;cursor:not-allowed}.asp-hero-info{flex-direction:column;flex:1;gap:10px;min-width:180px;display:flex}.asp-hero-name{color:var(--head,var(--text));margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.asp-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asp-hero-index{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f638;border-radius:7px;padding:4px 10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;font-weight:700}[data-theme=light] .asp-hero-index{color:#2563eb;background:#2563eb12;border-color:#2563eb2e}.asp-hero-grade{letter-spacing:.04em;border:1.5px solid;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.asp-hero-statuschip{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.asp-hero-statuschip.active{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040}.asp-hero-statuschip.pending{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.asp-status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.asp-hero-avg{flex-direction:column;align-items:center;gap:4px;margin-left:auto;display:flex}.asp-avg-ring{width:72px;height:72px;position:relative}.asp-avg-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.asp-avg-val{color:var(--ring-color);justify-content:center;align-items:center;font-size:.88rem;font-weight:800;display:flex;position:absolute;inset:0}.asp-avg-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.asp-body{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}.asp-left,.asp-right{flex-direction:column;gap:16px;display:flex}.asp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}[data-theme=light] .asp-card{background:#ffffffd9;box-shadow:0 2px 16px #0000000d}.asp-card-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 18px;display:flex}.asp-card-head>i:first-child{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;display:flex}[data-theme=light] .asp-card-head>i:first-child{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed26}.asp-card-head h3{color:var(--head,var(--text));flex:1;margin:0;font-size:.92rem;font-weight:700}.asp-card-action-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.asp-card-action-btn:hover{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa4d}[data-theme=light] .asp-card-action-btn:hover{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed33}.asp-card-meta-chip{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d;border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:600}.asp-info-list{flex-direction:column;padding:6px 0;display:flex}.asp-info-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 18px;transition:background .15s;display:flex}.asp-info-row:last-child{border-bottom:none}.asp-info-row:hover{background:#ffffff05}[data-theme=light] .asp-info-row:hover{background:#00000005}.asp-info-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}[data-theme=light] .asp-info-icon{background:#00000008}.asp-info-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.asp-info-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-size:.68rem;font-weight:700}.asp-info-val{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;overflow:hidden}.asp-info-val.link{color:#60a5fa;text-decoration:none;transition:color .15s}.asp-info-val.link:hover{color:#93c5fd}[data-theme=light] .asp-info-val.link{color:#2563eb}.asp-edit-form{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.asp-edit-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.asp-edit-field{flex-direction:column;gap:5px;display:flex}.asp-edit-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.asp-edit-field input,.asp-edit-field select{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1a);color:var(--text);border-radius:9px;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .18s}.asp-edit-field input:focus,.asp-edit-field select:focus{border-color:#a78bfa80;outline:none}.asp-edit-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.asp-gi-display{flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;display:flex}.asp-gi-grade{background:color-mix(in srgb, var(--gc) 15%, transparent);border:2px solid color-mix(in srgb, var(--gc) 35%, transparent);border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.asp-gi-grade-num{color:var(--gc);font-size:1.3rem;font-weight:800;line-height:1}.asp-gi-grade-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--gc);opacity:.7;font-size:.58rem;font-weight:700}.asp-gi-inst{color:var(--text);align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:flex}.asp-gi-inst i{color:var(--text-secondary)}.asp-status-body{flex-direction:column;gap:12px;padding:14px 18px;display:flex}.asp-status-display{border:1px solid;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.asp-status-display.active{color:#4ade80;background:#4ade8012;border-color:#4ade8033}.asp-status-display.pending{color:#fbbf24;background:#fbbf2412;border-color:#fbbf2433}.asp-status-display i{flex-shrink:0;font-size:1.2rem}.asp-status-display div{flex-direction:column;gap:1px;display:flex}.asp-status-display strong{color:var(--head,var(--text));font-size:.88rem;font-weight:700}.asp-status-display span{color:var(--text-secondary);font-size:.75rem}.asp-status-actions{gap:8px;display:flex}.asp-danger-card{border-color:#ef44442e!important}[data-theme=light] .asp-danger-card{border-color:#ef444426!important}.asp-danger-desc{color:var(--text-secondary);margin:0;padding:10px 18px 0;font-size:.82rem;line-height:1.55}.asp-danger-card .asp-btn.danger{margin:14px 18px 16px}.asp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.asp-btn:disabled{opacity:.6;cursor:not-allowed}.asp-btn.primary{color:#a78bfa;background:#a78bfa33;border:1px solid #a78bfa59}.asp-btn.primary:hover:not(:disabled){background:#a78bfa4d;border-color:#a78bfa8c}[data-theme=light] .asp-btn.primary{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed40}.asp-btn.secondary{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d}.asp-btn.secondary:hover:not(:disabled){color:var(--text);background:#ffffff1a}[data-theme=light] .asp-btn.secondary{background:#0000000a}.asp-btn.approve{color:#4ade80;background:#4ade801f;border:1px solid #4ade8047}.asp-btn.approve:hover:not(:disabled){background:#4ade8038;border-color:#4ade8073}[data-theme=light] .asp-btn.approve{color:#16a34a;background:#22c55e14;border-color:#22c55e38}.asp-btn.reject{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2447}.asp-btn.reject:hover:not(:disabled){background:#fbbf242e}[data-theme=light] .asp-btn.reject{color:#b45309;background:#eab30814;border-color:#eab30838}.asp-btn.danger{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.asp-btn.danger:hover:not(:disabled){background:#ef444433;border-color:#ef44446b}[data-theme=light] .asp-btn.danger{color:#dc2626;background:#ef444412;border-color:#ef444433}.asp-marks-wrap{overflow-x:auto}.asp-marks-table{border-collapse:collapse;width:100%;min-width:400px}.asp-marks-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border);text-align:left;background:#ffffff04;padding:10px 14px;font-size:.7rem;font-weight:700}[data-theme=light] .asp-marks-table th{background:#00000005}.asp-marks-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.asp-marks-table tbody tr:last-child td{border-bottom:none}.asp-marks-table tbody tr:hover{background:#ffffff05}[data-theme=light] .asp-marks-table tbody tr:hover{background:#00000004}.asp-mark-paper{color:var(--head,var(--text));font-size:.88rem;font-weight:600}.asp-type-chip{text-transform:uppercase;letter-spacing:.05em;color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa38;border-radius:6px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-block}[data-theme=light] .asp-type-chip{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed2e}.asp-score{color:var(--head,var(--text));align-items:baseline;gap:2px;font-size:.95rem;font-weight:800;display:flex}.asp-score-denom{color:var(--text-secondary);font-size:.75rem;font-weight:500}.asp-pct-cell{align-items:center;gap:8px;min-width:100px;display:flex}.asp-pct-bar-wrap{background:#ffffff0f;border-radius:10px;flex:1;height:5px;overflow:hidden}[data-theme=light] .asp-pct-bar-wrap{background:#0000000f}.asp-pct-bar{border-radius:10px;height:100%;transition:width .6s}.asp-chart{flex-direction:column;gap:10px;padding:16px 18px 12px;display:flex}.asp-chart-bars{align-items:flex-end;gap:8px;height:120px;padding-bottom:4px;display:flex}.asp-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.asp-chart-pct{color:var(--text-secondary);font-size:.65rem;font-weight:700}.asp-chart-bar-wrap{background:#ffffff0a;border-radius:6px 6px 0 0;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}[data-theme=light] .asp-chart-bar-wrap{background:#0000000a}.asp-chart-bar{background:var(--bar-color);width:100%;animation:.5s both asp-bar-grow;animation-delay:var(--delay,0s);opacity:.85;border-radius:5px 5px 0 0;transition:opacity .15s}.asp-chart-bar:hover{opacity:1}@keyframes asp-bar-grow{0%{height:0!important}to{}}.asp-chart-label{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.62rem;overflow:hidden}.asp-chart-legend{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:center;gap:14px;padding-top:4px;font-size:.72rem;font-weight:600;display:flex}.asp-chart-legend i{vertical-align:middle;font-size:.5rem}.asp-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:.88rem;display:flex}.asp-empty i{opacity:.4;font-size:1.8rem}.asp-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 20px;font-size:.88rem;display:flex}.asp-spinner{border:3px solid #a78bfa33;border-top-color:#a78bfa;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite asp-spin}@keyframes asp-spin{to{transform:rotate(360deg)}}.asp-not-found{text-align:center;border:1px solid var(--border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.asp-not-found i{color:var(--text-secondary);opacity:.4;font-size:2.5rem}.asp-not-found h2{color:var(--head,var(--text));margin:0}@media (width<=960px){.asp-body{grid-template-columns:1fr}.asp-left{order:2}.asp-right{order:1}}@media (width<=640px){.asp-hero{padding:20px 16px 18px}.asp-hero-info{min-width:unset}.asp-hero-name{font-size:1.2rem}.asp-hero-avatar{border-radius:16px;width:64px;height:64px}.asp-avatar-initial{font-size:1.5rem}.asp-hero-avg,.asp-breadcrumb{display:none}.asp-card-head{gap:8px;padding:14px 16px}.asp-card-head h3{font-size:.84rem}.asp-edit-row{grid-template-columns:1fr}.asp-chart-bars{height:90px}.asp-marks-table{min-width:unset}.asp-marks-table th,.asp-marks-table td{padding:9px 10px}.asp-marks-table th:nth-child(2),.asp-marks-table td:nth-child(2){display:none}}.ap-dashboard *,.ap-dashboard :before,.ap-dashboard :after,.ap-login-bg *,.ap-login-bg :before,.ap-login-bg :after,.ap-loading *,.ap-loading :before,.ap-loading :after{box-sizing:border-box}.ap-dashboard section{min-height:0!important;scroll-margin-top:0!important}.ap-dashboard nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;height:auto;padding:0;position:static}.ap-dashboard,.ap-login-bg,.ap-loading{--sb-w:260px;--tb-h:60px;--blue:#2563eb;--blue-gl:#2563eb59;--red:#ef4444;--bg:#04060f;--surface:#070d1af7;--border:#ffffff12;--text:#c9d3e8;--dim:#7a8aab;--head:#e8edf8;--r:14px;--ease:.3s cubic-bezier(.4,0,.2,1);--bg-hover:#ffffff0d;--option-bg:#0d1424;--input-bg:#ffffff0a;--shadow-sidebar:20px 0 60px #00000073}[data-theme=light] .ap-dashboard,[data-theme=light] .ap-login-bg,[data-theme=light] .ap-loading{--bg:#f0f4ff;--surface:#ffffffe0;--border:#2563eb1f;--text:#475569;--dim:#64748b;--head:#0f172a;--blue-gl:#2563eb26;--bg-hover:#00000009;--option-bg:#fff;--input-bg:#00000009;--shadow-sidebar:20px 0 60px #2563eb14}.ap-loading{z-index:9999;background:var(--bg);justify-content:center;align-items:center;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0}.ap-spinner{border:3px solid #2563eb33;border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-login-bg{z-index:9999;background:var(--bg);justify-content:center;align-items:center;padding:2rem;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ap-orb{pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite alternate ap-orb-float;position:absolute}.ap-orb--1{filter:blur(90px);background:radial-gradient(circle,#2563eb47 0%,#0000 70%);width:520px;height:520px;top:-180px;left:-150px}.ap-orb--2{filter:blur(80px);background:radial-gradient(circle,#10b98133 0%,#0000 70%);width:420px;height:420px;animation-delay:-4s;bottom:-150px;right:-100px}@keyframes ap-orb-float{0%{transform:translate(0)scale(1)}to{transform:translate(24px,18px)scale(1.06)}}.ap-login-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(28px);z-index:1;border-radius:28px;width:100%;max-width:440px;padding:3rem 2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both ap-card-in;position:relative}@keyframes ap-card-in{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:none}}.ap-login-header{text-align:center;margin-bottom:2.5rem}.ap-login-icon{width:64px;height:64px;color:var(--blue);background:linear-gradient(135deg,#2563eb38,#2563eb0d);border:1px solid #2563eb47;border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.6rem;display:flex;box-shadow:0 0 40px #2563eb2e}.ap-login-header h1{color:var(--head);margin:0 0 .4rem;font-family:Outfit,Inter,sans-serif;font-size:1.9rem;font-weight:700}.ap-login-header p{color:var(--dim);margin:0;font-size:.95rem}.ap-login-form{flex-direction:column;gap:1.4rem;display:flex}.ap-field{flex-direction:column;gap:7px;display:flex}.ap-field label{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:600}.ap-field-wrap{position:relative}.ap-field-wrap i{color:var(--dim);pointer-events:none;transition:color var(--ease);font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.ap-field-wrap input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--r);width:100%;color:var(--head);transition:all var(--ease);padding:14px 18px 14px 46px;font-family:Inter,sans-serif;font-size:.95rem}.ap-field-wrap input::placeholder{color:var(--dim)}.ap-field-wrap input:focus{border-color:var(--blue);background:#2563eb0f;outline:none;box-shadow:0 0 0 3px #2563eb24}.ap-field-wrap:focus-within i{color:var(--blue)}.ap-submit{border-radius:var(--r);color:#fff;cursor:pointer;transition:all var(--ease);background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;justify-content:center;align-items:center;gap:10px;margin-top:.4rem;padding:15px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;display:flex;box-shadow:0 8px 24px #2563eb4d}.ap-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #2563eb73}.ap-submit:active:not(:disabled){transform:translateY(0)}.ap-submit:disabled{opacity:.6;cursor:not-allowed}.ap-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ap-spin;display:inline-block}.ap-dashboard{z-index:100;grid-template-columns:var(--sb-w) 1fr;background:var(--bg);color:var(--text);grid-template-rows:100dvh;font-family:Inter,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.ap-overlay{z-index:290;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--ease);background:#000000a6;position:fixed;inset:0}.ap-overlay.is-visible{opacity:1;pointer-events:auto}.ap-sidebar{background:var(--surface);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);transition:transform var(--ease);width:var(--sb-w);grid-area:1/1;grid-template-rows:auto 1fr auto;min-height:0;display:grid;overflow:hidden}.ap-sidebar__brand{border-bottom:1px solid var(--border);grid-row:1;align-items:center;gap:12px;height:60px;padding:0 1.25rem;display:flex}.ap-sidebar__brand i{color:var(--blue);filter:drop-shadow(0 0 8px var(--blue-gl));flex-shrink:0;font-size:1.4rem}.ap-sidebar__brand span{color:var(--head);letter-spacing:.02em;white-space:nowrap;font-family:Outfit,Inter,sans-serif;font-size:1.15rem;font-weight:700}.ap-sidebar__nav{flex-direction:column;grid-row:2;align-content:start;gap:4px;padding:1rem .75rem;display:flex}.ap-nav-btn{appearance:none;cursor:pointer;text-align:left;width:100%;color:var(--dim);transition:background var(--ease), color var(--ease);background:0 0;border:none;border-radius:12px;outline:none;align-items:center;gap:12px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;display:flex;position:relative}.ap-nav-btn:hover{color:var(--text);background:#ffffff0d}.ap-nav-btn.is-active{color:var(--head);background:linear-gradient(90deg,#2563eb24,#2563eb08)}.ap-nav-btn.is-active:before{content:"";background:var(--blue);width:3px;box-shadow:0 0 10px var(--blue);border-radius:0 3px 3px 0;position:absolute;top:18%;bottom:18%;left:0}.ap-nav-btn__icon{width:34px;height:34px;transition:color var(--ease);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.ap-nav-btn.is-active .ap-nav-btn__icon{color:var(--blue)}.ap-nav-btn__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ap-nav-btn__dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 8px var(--blue);border-radius:50%;flex-shrink:0}.ap-sidebar__bottom{border-top:1px solid var(--border);flex-direction:column;grid-row:3;gap:8px;padding:.75rem;display:flex}.ap-sidebar__user{border-radius:var(--r);border:1px solid var(--border);background:#ffffff08;align-items:center;gap:12px;min-width:0;padding:.75rem;display:flex}.ap-sidebar__avatar{color:var(--blue);flex-shrink:0;font-size:1.9rem;line-height:1}.ap-sidebar__user-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.ap-sidebar__role{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-size:.68rem;font-weight:700}.ap-sidebar__email{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.ap-exit-btn{appearance:none;background:var(--bg-hover);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;transition:all var(--ease);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;display:flex}.ap-exit-btn:hover{background:var(--blue-gl);border-color:var(--blue);color:var(--blue)}.ap-logout-btn{appearance:none;color:#f87171;cursor:pointer;width:100%;transition:all var(--ease);text-align:left;background:#ef44440f;border:1px solid #ef44441f;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;display:flex}.ap-logout-btn:hover{color:#ef4444;background:#ef444424;border-color:#ef44444d}.ap-main{grid-area:1/2;grid-template-rows:var(--tb-h) 1fr;min-height:0;display:grid;overflow:hidden}.ap-topbar{background:var(--surface);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:200;grid-row:1;align-items:center;gap:1rem;padding:0 1.5rem;display:flex}.ap-burger{appearance:none;border:1px solid var(--border);cursor:pointer;width:40px;height:40px;transition:background var(--ease);background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none;position:relative}.ap-burger:hover{background:#ffffff1a}.ap-burger__bar,.ap-burger__bar:before,.ap-burger__bar:after{background:var(--text);border-radius:2px;width:20px;height:2px;transition:transform .3s,opacity .3s,top .3s;display:block;position:absolute;left:50%;transform:translate(-50%)}.ap-burger__bar{top:50%;transform:translate(-50%)translateY(-50%)}.ap-burger__bar:before{content:"";top:-7px}.ap-burger__bar:after{content:"";top:7px}.ap-burger__bar.is-open{background:0 0}.ap-burger__bar.is-open:before{top:0;transform:rotate(45deg)}.ap-burger__bar.is-open:after{top:0;transform:rotate(-45deg)}.ap-topbar__title{color:var(--head);align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.ap-topbar__title i{color:var(--blue);font-size:1rem}.ap-content{scrollbar-width:thin;scrollbar-color:#2563eb33 transparent;grid-row:2;padding:2.5rem;overflow:auto}.ap-content::-webkit-scrollbar{width:6px}.ap-content::-webkit-scrollbar-track{background:0 0}.ap-content::-webkit-scrollbar-thumb{background:#2563eb33;border-radius:10px}.ap-content>*{max-width:960px;margin-left:auto;margin-right:auto}@media (width<=1024px){.ap-dashboard{grid-template-columns:1fr}.ap-burger{display:flex}.ap-sidebar{width:var(--sb-w);height:100dvh;box-shadow:none;z-index:300;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.ap-sidebar.is-open{box-shadow:var(--shadow-sidebar);transform:translate(0)}.ap-main{grid-column:1}.ap-content{padding:1.5rem}}@media (width<=640px){.ap-login-card{padding:2rem 1.5rem}.ap-topbar{padding:0 1rem}.ap-content{padding:1rem}}.ap-theme-toggle{background:var(--bg-hover);border:1px solid var(--border);width:36px;height:36px;color:var(--dim);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ap-theme-toggle:hover{color:var(--head);background:#2563eb14;border-color:#2563eb4d;transform:scale(1.05)}.ap-theme-toggle i{font-size:.95rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.ap-theme-toggle:hover i{transform:rotate(20deg)}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.05)}}@media (width<=992px){.player-layout{grid-template-columns:1fr}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.games-container{background:var(--bg);min-height:100vh;color:var(--text);padding:90px 20px 40px;position:relative;overflow:hidden}.games-bg-orbs{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.games-orb-1{background:radial-gradient(circle,#2563eb26 0%,#0000 70%);border-radius:50%;width:60vw;max-width:600px;height:60vw;max-height:600px;animation:8s ease-in-out infinite alternate orbFloat;position:absolute;top:-20%;left:-20%}.games-orb-2{background:radial-gradient(circle,#10b9811a 0%,#0000 70%);border-radius:50%;width:50vw;max-width:500px;height:50vw;max-height:500px;animation:10s ease-in-out infinite alternate-reverse orbFloat;position:absolute;bottom:-10%;right:-10%}.games-content{z-index:10;max-width:1200px;margin:0 auto;position:relative}.games-header{text-align:center;margin-bottom:40px;animation:.6s ease-out forwards fadeDown}.games-title{background:linear-gradient(135deg, var(--blue), #8b5cf6, var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.games-subtitle{color:var(--text-muted);font-size:1.1rem}.arcade-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:20px 0;animation:.6s ease-out forwards fadeUp;display:grid}.arcade-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);text-align:center;cursor:pointer;color:var(--text);background:#0a0f1e99;border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:30px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 10px 30px #0000004d}.arcade-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #00000080}.arcade-card.color-red:hover{border-color:#ef444466;box-shadow:0 20px 40px #ef444433}.arcade-card.color-blue:hover{border-color:#3b82f666;box-shadow:0 20px 40px #3b82f633}.arcade-card.color-green:hover{border-color:#10b98166;box-shadow:0 20px 40px #10b98133}.arcade-card.color-purple:hover{border-color:#8b5cf666;box-shadow:0 20px 40px #8b5cf633}.arcade-card.color-orange:hover{border-color:#f9731666;box-shadow:0 20px 40px #f9731633}.arcade-emoji{font-size:4rem;line-height:1}.arcade-title{color:var(--heading);font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.arcade-desc{color:var(--text-dim);font-size:.95rem}.player-layout{grid-template-columns:2fr 1fr;gap:24px;animation:.6s ease-out forwards fadeUp;display:grid}@media (width<=992px){.player-layout{grid-template-columns:1fr}}.game-main{flex-direction:column;gap:12px;display:flex}.game-sidebar{flex-direction:column;gap:24px;display:flex}.game-panel{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);background:#0a0f1e99;border-radius:28px;padding:clamp(16px,2vw,30px);position:relative;box-shadow:0 20px 50px #00000080}.back-btn{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--blue)}.sidebar-panel{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0f1e99;border-radius:24px;padding:24px}.sidebar-title{color:var(--heading);align-items:center;gap:8px;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.2rem;display:flex}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.leaderboard-item.top-1{background:#f59e0b1a;border-color:#f59e0b4d}.leaderboard-item.top-2{background:#9ca3af1a;border-color:#9ca3af4d}.leaderboard-item.top-3{background:#b453091a;border-color:#b453094d}.lb-rank{width:24px;color:var(--text-dim);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.top-1 .lb-rank{color:#f59e0b}.top-2 .lb-rank{color:#9ca3af}.top-3 .lb-rank{color:#b45309}.lb-name{white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 10px;font-weight:600;overflow:hidden}.lb-score{color:var(--blue);font-family:Outfit,sans-serif;font-weight:700}.challenge-box{text-align:center;background:#2563eb0d;border:1px dashed #2563eb4d;border-radius:16px;padding:16px}.challenge-box p{color:var(--text-dim);margin-bottom:12px;font-size:.9rem}.share-btn{justify-content:center;width:100%;display:flex}.save-score-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.save-score-box{background:var(--bg);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:90%;max-width:400px;padding:30px;animation:.3s scaleIn}.save-score-box h3{color:var(--heading);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.8rem}.save-score-box input{border:1px solid var(--glass-border);width:100%;color:var(--text);background:#ffffff0d;border-radius:12px;margin:20px 0;padding:14px;font-family:Inter,sans-serif;font-size:1rem}.save-score-box input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563eb33}.game-title{color:var(--heading);align-items:center;gap:12px;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:clamp(1.4rem,3vw,2rem);display:flex}.game-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:clamp(.85rem,1.5vw,.95rem)}.score-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;padding:10px 16px;display:flex}.score-item{text-align:center;flex:1;min-width:60px}.score-num{color:var(--heading);font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;line-height:1.2}.score-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;font-size:.7rem;font-weight:700}.big-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.big-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.big-btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--blue), #1d4ed8);box-shadow:0 4px 15px #2563eb4d}.btn-success{background:linear-gradient(135deg, var(--green), #059669);box-shadow:0 4px 15px #10b9814d}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.btn-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 15px #8b5cf64d}.btn-red{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 15px #ef44444d}.btn-secondary{background:#ffffff1a;border:1px solid #fff3}.btn-center{text-align:center;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.timer-wrap{margin-bottom:16px}.timer-track{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;height:10px;overflow:hidden}.timer-fill{border-radius:8px;height:100%;transition:width .1s linear}.timer-text{text-align:center;color:var(--text-dim);margin-top:6px;font-family:Outfit,sans-serif;font-size:1rem}.result-screen{text-align:center;padding:20px 0;animation:.5s scaleIn}.result-emoji{margin-bottom:12px;font-size:clamp(3.5rem,8vw,5rem);animation:1s infinite alternate resultBounce}.result-title{color:var(--heading);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,5vw,2.5rem)}.result-score{color:var(--text-dim);margin-bottom:24px;font-size:clamp(1.1rem,2.5vw,1.3rem)}.feedback-pop{transform-origin:50%;z-index:100;pointer-events:none;text-shadow:0 0 20px #0000004d;font-size:clamp(3rem,8vw,4.5rem);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:20px;right:20px;transform:scale(0)}.feedback-pop.show{opacity:1;transform:scale(1)}.feedback-pop.hide{opacity:0;transform:translateY(-20px)scale(0)}[data-theme=light] .arcade-card{background:#ffffffb3;border-color:#2563eb1a;box-shadow:0 10px 30px #2563eb14}[data-theme=light] .arcade-card:hover{border-color:var(--blue);background:#fff;box-shadow:0 20px 40px #2563eb26}[data-theme=light] .game-panel,[data-theme=light] .sidebar-panel{background:#ffffffb3;border-color:#2563eb1a;box-shadow:0 15px 40px #0000000d}[data-theme=light] .score-bar{background:#2563eb0d;border-color:#2563eb1a}[data-theme=light] .leaderboard-item{background:#ffffff80;border-color:#0000000d}[data-theme=light] .save-score-box{background:#fff}[data-theme=light] .save-score-box input{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.5vw,12px);max-width:360px;margin:10px auto;display:grid}.emoji-card{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:clamp(10px,2.5vw,16px);justify-content:center;align-items:center;font-size:clamp(1.5rem,4vw,2.2rem);transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.emoji-card:hover{background:#ffffff1a;transform:translateY(-4px)}.emoji-card.flipped{border-color:var(--blue);background:#2563eb33;box-shadow:0 0 15px #2563eb4d}.emoji-card.matched{border-color:var(--green);opacity:.6;pointer-events:none;background:#10b98133;box-shadow:0 0 15px #10b9814d}.emoji-card.wrong{background:#ef444433;border-color:#ef4444;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}[data-theme=light] .emoji-card{background:#fff;border-color:#0000000d;box-shadow:0 4px 10px #00000008}.color-word-display{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:16px;padding:clamp(16px,3vw,24px) 16px}.color-word-display .the-word{text-transform:uppercase;text-shadow:0 4px 15px #0006;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1}.color-choices{grid-template-columns:1fr 1fr;gap:clamp(8px,1.5vw,12px);display:grid}.color-choice-btn{color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:16px;padding:clamp(10px,2vw,16px);font-family:Outfit,sans-serif;font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0003}.color-choice-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)}[data-theme=light] .color-word-display{background:#2563eb08;border-color:#2563eb1a}.math-display{text-align:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:16px;margin-bottom:16px;padding:clamp(16px,3vw,24px) 16px}.math-question{color:var(--heading);font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.math-choices{grid-template-columns:1fr 1fr;gap:clamp(8px,1.5vw,12px);display:grid}.math-choice{color:var(--text);cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:clamp(10px,2vw,16px);font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;transition:all .2s}.math-choice:hover:not(:disabled){background:#ffffff1a;transform:translateY(-4px)}[data-theme=light] .math-display{background:#2563eb08;border-color:#2563eb1a}[data-theme=light] .math-choice{background:#fff;border-color:#0000001a}.scramble-display{text-align:center;margin-bottom:12px}.scramble-hint{color:var(--text-dim);margin-bottom:8px;font-size:1rem}.scramble-word{letter-spacing:clamp(.1em,2vw,.25em);color:#a78bfa;text-transform:uppercase;background:#8b5cf61a;border:2px solid #8b5cf633;border-radius:16px;padding:clamp(12px,2vw,16px);font-family:Outfit,sans-serif;font-size:clamp(1.8rem,4.5vw,2.5rem);display:inline-block}.scramble-letters,.answer-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.answer-row{background:#0003;border:2px dashed #ffffff1a;border-radius:16px;min-height:60px;padding:12px}.letter-tile,.answer-tile{cursor:pointer;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;width:clamp(36px,8vw,48px);height:clamp(42px,10vw,56px);font-family:Outfit,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;transition:all .2s;display:flex}.letter-tile{color:var(--text);background:#ffffff0d;border:2px solid #ffffff1a}.letter-tile:hover{border-color:var(--blue);background:#ffffff26;transform:translateY(-3px)}.answer-tile{color:#fff;background:#8b5cf633;border:2px solid #8b5cf6;box-shadow:0 0 10px #8b5cf64d}.answer-tile:hover{background:#8b5cf666;transform:translateY(-3px)}[data-theme=light] .letter-tile{background:#fff;border-color:#0000001a}[data-theme=light] .answer-row{background:#00000008;border-color:#0000001a}.tap-arena{cursor:crosshair;background:#0000004d;border:2px solid #ffffff1a;border-radius:20px;height:clamp(200px,35vh,280px);position:relative;overflow:hidden}.arena-msg{color:var(--text-dim);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:20px;font-family:Outfit,sans-serif;font-size:clamp(1.1rem,3vw,1.5rem);display:flex;position:absolute;inset:0}.tap-target{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(1.8rem,5vw,2.5rem);transition:transform .1s;animation:.2s cubic-bezier(.34,1.56,.64,1) targetAppear;display:flex;position:absolute;box-shadow:0 0 20px #fff3}.tap-target:hover{transform:scale(1.1)}[data-theme=light] .tap-arena{background:#ffffff80;border-color:#0000001a}.loading-screen{background:var(--bg);background-image:radial-gradient(circle at center, var(--blue-glow) 0%, transparent 70%);z-index:9999;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.scanline{background:linear-gradient(to right, transparent, var(--blue), transparent);opacity:.2;z-index:5;width:100%;height:2px;animation:3s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0%}to{top:100%}}#atom{width:200px;height:200px;margin:10px auto;display:inline-block;position:relative}#nucleus,.orbit,.electron{border-radius:50%;margin:auto;position:absolute;inset:0}#nucleus{background:var(--blue);width:20px;height:20px;box-shadow:0 0 15px var(--blue-glow);animation:2s linear infinite shining}.orbit{width:150px;height:150px;transform-style:preserve-3d;border:0;animation:1.5s linear infinite orbitSpecial}.orbit:before{content:" ";z-index:-1;border:.5px solid var(--glass-border);border-radius:50%;position:absolute;inset:0}.orbit .electron{background:var(--blue);width:8px;height:8px;box-shadow:0 0 15px var(--blue-glow);border-radius:50%;animation:1.5s linear infinite electronAnimation;position:relative;top:71px;transform:translate(75px)}.orbit:nth-child(4){animation-delay:-1s;transform:rotateY(65deg)rotateX(5deg)}.orbit:nth-child(4) .electron{animation-delay:-1s}.orbit:nth-child(2){animation-duration:1s;animation-delay:-1s;transform:rotateY(65deg)rotateX(-54deg)}.orbit:nth-child(2) .electron{animation-duration:1s}.orbit:nth-child(3){transform:rotateY(65deg)rotateX(54deg)}@keyframes electronAnimation{0%{transform:rotate(0)translate(75px)rotate(0)rotateY(-65deg)}to{transform:rotate(360deg)translate(75px)rotate(-360deg)rotateY(-65deg)}}@keyframes orbitSpecial{0%{border:0;border-top:1px solid var(--blue-glow)}35%{border:0;border-right:1px solid var(--blue-glow)}70%{border:0;border-bottom:1px solid var(--blue-glow)}to{border:0;border-left:1px solid var(--blue-glow)}}@keyframes shining{0%{box-shadow:0 0 #0000}50%{box-shadow:0 0 40px var(--blue)}to{box-shadow:0 0 #0000}}.loading-text{letter-spacing:4px;color:var(--text);text-transform:uppercase;gap:8px;margin-top:40px;font-family:Outfit,sans-serif;font-weight:700;display:flex}.loading-text span{animation:1.5s ease-in-out infinite text-pulse}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}@keyframes text-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;color:var(--blue);transform:translateY(-5px)}}[data-theme=light] .orbit:before{border-color:#2563eb40}[data-theme=light] .electron{box-shadow:0 0 12px #2563eb99,0 0 24px #2563eb4d}#hero{align-items:center;min-height:100vh;padding-top:90px;padding-bottom:60px;display:flex}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}.hero-badge{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);color:var(--green);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1{color:var(--heading);letter-spacing:-.04em;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:clamp(2.8rem,6vw,4.2rem);font-weight:800;line-height:1.05}[lang=si] h1.si-title{margin-bottom:.8rem;font-size:clamp(3.5rem,8vw,5.2rem);line-height:1.1}h1 .name-first{color:var(--heading)}h1 .name-last{background:linear-gradient(135deg, var(--blue) 0%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:1.2em;display:inline-block}.hero-tagline{color:var(--blue);letter-spacing:-.01em;margin-bottom:1.2rem;font-family:Outfit,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}.hero-desc{color:var(--text-dim);max-width:480px;margin-bottom:2.2rem;font-size:1rem;line-height:1.75}.hero-btns{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:var(--blue);color:#fff;cursor:pointer;box-shadow:0 0 24px var(--blue-glow);border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 28px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{box-shadow:0 4px 32px var(--blue-glow);transform:translateY(-2px)}.btn-outline{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:13px 28px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{background:var(--glass-hover);border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.hero-img-wrap{justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-img-outer{justify-content:center;align-items:flex-end;width:100%;max-width:450px;display:flex;position:relative}.hero-img-ring,.hero-img-ring-2{display:none}.hero-img-glow{background:radial-gradient(circle, var(--blue-glow) 0%, transparent 70%);filter:blur(40px);opacity:.6;z-index:0;border-radius:50%;width:100%;height:70%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.hero-img-outer:before{content:"";background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);z-index:1;border-radius:40px 40px 100px 100px;width:90%;height:75%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.hero-img-card{z-index:2;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:visible}.hero-main-img{z-index:2;width:100%;height:auto;display:block;position:relative}.hero-img-outer:after{display:none}@media (width<=1000px){.hero-img-outer{max-width:380px}}@media (width<=700px){#hero{padding-top:80px;padding-bottom:40px}.hero-inner{text-align:center;grid-template-columns:1fr;gap:1rem}[lang=si] h1.si-title .name-last{margin-left:0}.hero-img-wrap{order:-1;margin-bottom:.5rem}.hero-img-outer{max-width:280px;margin:0 auto}.hero-btns{justify-content:center}.hero-badge{margin-bottom:1rem}.hero-desc{margin:0 auto 2rem}}@media (width<=480px){h1{font-size:2.2rem}[lang=si] h1.si-title{font-size:3rem;line-height:1}h1 .name-last{margin-left:.4em}[lang=si] h1.si-title .name-last{margin-left:0}}#announcements{padding:80px 0;position:relative;overflow:hidden}[data-theme=light] #announcements{background:0 0}.announcements-wrapper{width:100%;margin-top:40px}.ann-scroll-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:24px;margin:0 -5vw;padding:20px 5vw 40px;display:flex;overflow-x:auto}.ann-scroll-container::-webkit-scrollbar{display:none}.ann-card{scroll-snap-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;flex:0 0 350px;max-width:85vw;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}[data-theme=light] .ann-card{background:#ffffffd9;border-color:#2563eb1a;box-shadow:0 10px 30px #2563eb14}.ann-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0006}[data-theme=light] .ann-card:hover{border-color:#2563eb33;box-shadow:0 20px 40px #2563eb1f}.ann-card.important{background:linear-gradient(145deg,#ef444414 0%,#ffffff05 100%);border-color:#ef44444d}[data-theme=light] .ann-card.important{background:linear-gradient(145deg,#ef44440d 0%,#ffffffe6 100%);border-color:#ef444466}.ann-card.important:hover{border-color:#ef444499;box-shadow:0 15px 35px #ef444426}.ann-image-wrap{background:#ffffff05;width:100%;height:200px;position:relative;overflow:hidden}.ann-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.ann-card:hover .ann-image{transform:scale(1.05)}.ann-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.ann-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ann-date{color:var(--text-dim);letter-spacing:.05em;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:.8rem;display:flex}.ann-badge{text-transform:uppercase;letter-spacing:.1em;color:#ef4444;background:#ef444426;border:1px solid #ef444433;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700}.ann-title{color:var(--heading);margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.3}.ann-text{color:var(--text-muted);flex-grow:1;font-size:.95rem;line-height:1.6}.ann-no-image-icon{color:#ffffff1a;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .ann-no-image-icon{color:#2563eb1a}@media (width<=768px){#announcements{padding:60px 0}.ann-card{border-radius:20px;flex:0 0 300px}.ann-image-wrap{height:180px}.ann-content{padding:20px}.ann-title{font-size:1.15rem}.ann-text{font-size:.9rem}}.ann-popup-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.4s forwards annPopupFadeIn;display:flex;position:fixed;top:0;left:0}[data-theme=light] .ann-popup-overlay{background:#ffffff80}@keyframes annPopupFadeIn{0%{opacity:0}to{opacity:1}}.ann-popup-modal{opacity:0;background:#141923d9;border:1px solid #ef444466;border-radius:24px;flex-direction:column;width:100%;max-width:500px;animation:.4s cubic-bezier(.175,.885,.32,1.275) .1s forwards annPopupScaleUp;display:flex;position:relative;overflow:hidden;transform:scale(.95);box-shadow:0 25px 50px #00000080,0 0 40px #ef444426}[data-theme=light] .ann-popup-modal{background:#fffffff2;box-shadow:0 25px 50px #2563eb26,0 0 40px #ef44441a}@keyframes annPopupScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ann-popup-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}[data-theme=light] .ann-popup-close{color:#333;background:#0000000d}.ann-popup-close:hover{background:#fff3;transform:rotate(90deg)}[data-theme=light] .ann-popup-close:hover{background:#0000001a}.ann-popup-image-wrap{background:#ffffff05;width:100%;height:220px;position:relative}.ann-popup-image{object-fit:cover;width:100%;height:100%}.ann-popup-no-image{color:#ef444433;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ann-popup-body{text-align:center;padding:30px;position:relative}.ann-popup-badge-wrap{position:absolute;top:-15px;left:50%;transform:translate(-50%)}.ann-popup-badge{color:#fff;letter-spacing:.15em;text-transform:uppercase;background:#ef4444;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 4px 15px #ef444466}.ann-popup-title{color:var(--heading);margin-top:10px;margin-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.3}.ann-popup-date{color:var(--text-dim);margin-bottom:20px;font-family:Inter,sans-serif;font-size:.85rem}.ann-popup-text{color:var(--text-muted);margin-bottom:25px;font-size:1rem;line-height:1.6}.ann-popup-btn{color:var(--heading);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:12px 30px;font-size:.95rem;font-weight:600;transition:all .2s}[data-theme=light] .ann-popup-btn{background:#2563eb0d;border-color:#2563eb33}.ann-popup-btn:hover{background:#ffffff26}[data-theme=light] .ann-popup-btn:hover{background:#2563eb1a}@media (width<=600px){.ann-popup-body{padding:24px 20px}.ann-popup-title{font-size:1.3rem}.ann-popup-image-wrap{height:180px}}#gallery{padding:100px 0 0;overflow:hidden}.gallery-marquee-wrapper{flex-direction:column;gap:14px;margin-top:48px;padding-bottom:100px;display:flex;transform:translate(0,0);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.gallery-marquee-track{width:100%;overflow:hidden}.gallery-marquee-inner{will-change:transform;backface-visibility:hidden;align-items:stretch;gap:14px;width:max-content;animation:40s linear infinite marquee-ltr;display:flex;transform:translate(0,0)}.gallery-marquee-reverse .gallery-marquee-inner{animation:52s linear infinite marquee-rtl}@media (hover:hover){.gallery-marquee-track:hover .gallery-marquee-inner{animation-play-state:paused}}@media (width<=768px){.gallery-marquee-wrapper{-webkit-mask-image:none;mask-image:none}}@keyframes marquee-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-rtl{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.gallery-marquee-inner{animation:none!important}.gallery-marquee-wrapper{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.gallery-marquee-wrapper::-webkit-scrollbar{display:none}}.gallery-marquee-item{cursor:pointer;border:1px solid var(--glass-border);will-change:transform;backface-visibility:hidden;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:16px;flex-shrink:0;height:210px;transition:transform .35s,border-color .25s;position:relative;overflow:hidden;transform:translate(0,0)}.gallery-marquee-item.landscape{width:320px}.gallery-marquee-item.portrait{width:148px}.gallery-marquee-item:hover{z-index:2;border-color:#fff3;transform:scale(1.04)}[data-theme=light] .gallery-marquee-item:hover{border-color:#2563eb40}.gallery-marquee-img{object-fit:cover;object-position:center center;pointer-events:none;width:100%;height:100%;transition:transform .5s;display:block}.gallery-marquee-item:hover .gallery-marquee-img{transform:scale(1.08)}.gallery-overlay{opacity:0;background:linear-gradient(#0000 40%,#000000b8 100%);align-items:flex-end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-marquee-item:hover .gallery-overlay{opacity:1}.gallery-label{color:#fff;font-size:.82rem;font-weight:500;line-height:1.3}@media (width<=768px){#gallery{padding:72px 0 0}.gallery-marquee-wrapper{gap:10px;margin-top:32px;padding-bottom:20px;-webkit-mask-image:none;mask-image:none}.gallery-marquee-inner{gap:10px;animation-duration:28s}.gallery-marquee-reverse .gallery-marquee-inner{animation-duration:36s}.gallery-marquee-item{border-radius:12px;height:150px}.gallery-marquee-item.landscape{width:224px}.gallery-marquee-item.portrait{width:104px}}.gallery-lightbox{z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#04060fe6;justify-content:center;align-items:center;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:90vh;box-shadow:0 20px 50px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;font-size:1.8rem;transition:transform .2s;display:flex;position:absolute;top:-40px;right:-10px}.lightbox-close:hover{color:var(--blue);transform:scale(1.1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.gallery-lightbox{padding:1rem}.lightbox-close{top:-50px;right:0}}#timetable{contain:layout style;padding:100px 0}.tt-selector-wrapper{text-align:center;margin-bottom:48px}.tt-selector{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;padding:6px;display:inline-flex;box-shadow:0 4px 24px #0003}[data-theme=light] .tt-selector{background:#f5f8ffeb;box-shadow:0 4px 24px #2563eb14}.tt-grade-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:10px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;transition:color .2s}.tt-grade-btn:hover{color:var(--text)}.tt-grade-btn.active{background:var(--bg);color:var(--heading);box-shadow:0 4px 20px #0003}[data-theme=light] .tt-grade-btn.active{color:var(--heading);background:#fff;box-shadow:0 4px 20px #2563eb26}.tt-scroll-wrap{flex-direction:column;gap:12px;display:flex}.tt-institute-card{box-shadow:var(--card-shadow);background:#ffffff0a;border:1px solid #ffffff17;border-radius:22px;transition:border-color .2s,box-shadow .2s;overflow:hidden}[data-theme=light] .tt-institute-card{background:#ffffffd9;border-color:#2563eb1a;box-shadow:0 4px 24px #2563eb12}.tt-institute-card:hover{border-color:#ffffff29;box-shadow:0 16px 40px #00000038}[data-theme=light] .tt-institute-card:hover{border-color:#2563eb2e;box-shadow:0 12px 36px #2563eb1c}.tt-institute-header{background:#2563eb12;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:20px 24px;display:flex}[data-theme=light] .tt-institute-header{background:#2563eb0d;border-bottom-color:#2563eb1a}.tt-institute-icon{color:#60a5fa;background:linear-gradient(135deg,#2563eb47 0%,#2563eb14 100%);border:1px solid #2563eb66;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;display:flex;box-shadow:0 0 16px #2563eb2e}[data-theme=light] .tt-institute-icon{color:var(--blue);background:linear-gradient(135deg,#2563eb26 0%,#2563eb0d 100%);border-color:#2563eb4d;box-shadow:0 0 12px #2563eb1a}.tt-institute-info{flex-direction:column;gap:3px;display:flex}.tt-institute-name{color:var(--heading);letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.tt-institute-meta{color:var(--text-dim);font-size:.75rem;font-weight:500}.tt-institute-body{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.tt-inst-grade-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}[data-theme=light] .tt-inst-grade-card{background:#2563eb05;border-color:#2563eb17}.tt-inst-grade-card-header{background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}[data-theme=light] .tt-inst-grade-card-header{background:#2563eb08;border-bottom-color:#2563eb14}.tt-inst-grade-count{color:var(--text-dim);letter-spacing:.03em;font-size:.72rem;font-weight:600}.tt-inst-col-headers{background:#ffffff05;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 1.5fr .8fr;gap:8px;padding:7px 14px;display:grid}[data-theme=light] .tt-inst-col-headers{background:#2563eb05;border-bottom-color:#2563eb0f}.tt-inst-class-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 1.5fr .8fr;align-items:center;gap:8px;padding:11px 14px;transition:background .15s;display:grid}.tt-inst-class-row:last-child{border-bottom:none}[data-theme=light] .tt-inst-class-row{border-bottom-color:#2563eb0d}.tt-inst-class-row:hover{background:#ffffff0a}[data-theme=light] .tt-inst-class-row:hover{background:#2563eb0a}.tt-inst-day-full{color:var(--heading);align-items:center;gap:7px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;display:flex}.tt-inst-day-dot{background:var(--blue);opacity:.7;border-radius:50%;flex-shrink:0;width:5px;height:5px}.tt-institute-badge{color:var(--heading);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:6px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.tt-institute-badge i{color:#60a5fa;flex-shrink:0;font-size:.72rem}[data-theme=light] .tt-institute-badge{color:var(--heading);background:#2563eb12;border-color:#2563eb26}[data-theme=light] .tt-institute-badge i{color:var(--blue)}.tt-day-card{box-shadow:var(--card-shadow);will-change:transform;background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;grid-template-columns:160px 1fr;margin-bottom:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;overflow:hidden;transform:translate(0,0)}[data-theme=light] .tt-day-card{background:#ffffffd1;border-color:#2563eb1a;box-shadow:0 4px 24px #2563eb12}.tt-day-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 16px 40px #00000040}[data-theme=light] .tt-day-card:hover{border-color:#2563eb33;transform:translateY(-2px);box-shadow:0 12px 36px #2563eb1f}.tt-day-card.active-day{border-color:var(--blue);box-shadow:0 0 20px #2563eb26, var(--card-shadow);z-index:10;background:#141a2ebf;transform:translate(0,0)scale(1.01)}[data-theme=light] .tt-day-card.active-day{background:#ffffffe6;border-color:#2563eb33;box-shadow:0 4px 24px #2563eb12,0 0 0 1px #2563eb1f}.tt-day-label{border-right:1px solid var(--glass-border);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:80px;padding:24px 20px;display:flex}.active-day .tt-day-label{background:#2563eb14;border-right-color:#2563eb40}.day-name{color:var(--heading);align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;display:flex}.day-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .25s}.active-day .day-dot{background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}.today-badge{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;background:#2563eb2e;border:1px solid #2563eb33;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:700;animation:2s infinite today-pulse;display:inline-flex}@keyframes today-pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}[data-theme=light] .today-badge{color:var(--blue);background:#2563eb1a;border-color:#2563eb26}.tt-classes-col{flex-direction:column;display:flex}.tt-col-headers{border-bottom:1px solid var(--glass-border);background:#ffffff0a;grid-template-columns:180px 100px 140px 1fr;gap:8px;margin-bottom:2px;padding:10px 20px;display:grid}[data-theme=light] .tt-col-headers{background:#2563eb08;border-bottom-color:#2563eb1a}.tt-col-header{letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem;font-weight:700}.tt-class-row{border-bottom:1px solid var(--glass-border);grid-template-columns:180px 100px 140px 1fr;align-items:center;gap:8px;padding:14px 20px;transition:background .15s;display:grid}[data-theme=light] .tt-class-row{border-bottom-color:#2563eb0f}.tt-class-row:last-child{border-bottom:none}.tt-class-row:hover{background:#ffffff08}[data-theme=light] .tt-class-row:hover{background:#2563eb0a}.tt-time{align-items:center;gap:10px;display:flex}.time-icon{color:#60a5fa;background:linear-gradient(135deg,#2563eb33 0%,#2563eb0d 100%);border:1px solid #2563eb59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;transition:all .3s;display:flex;box-shadow:0 0 12px #2563eb26}[data-theme=light] .time-icon{color:var(--blue);background:linear-gradient(135deg,#2563eb26 0%,#2563eb0d 100%);border-color:#2563eb40;box-shadow:0 0 10px #2563eb14}.time-val{color:var(--heading);letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3}.tt-grade{text-transform:uppercase;letter-spacing:.06em;width:fit-content;color:var(--text-dim);border:1.5px solid var(--glass-border);background:#ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;transition:all .25s;display:inline-flex}.tt-grade.grade-6{color:#f87171;background:#ef444429;border:1.5px solid #ef444473;box-shadow:0 2px 14px #ef444426}.tt-grade.grade-7{color:#fb923c;background:#f9731629;border:1.5px solid #f9731673;box-shadow:0 2px 14px #f9731626}.tt-grade.grade-8{color:#fbbf24;background:#eab30829;border:1.5px solid #eab30873;box-shadow:0 2px 14px #eab30826}.tt-grade.grade-9{color:#4ade80;background:#22c55e29;border:1.5px solid #22c55e73;box-shadow:0 2px 14px #22c55e26}.tt-grade.grade-10{color:#60a5fa;background:#3b82f629;border:1.5px solid #3b82f673;box-shadow:0 2px 14px #3b82f626}.tt-grade.grade-11{color:#c084fc;background:#a855f729;border:1.5px solid #a855f773;box-shadow:0 2px 14px #a855f726}[data-theme=light] .tt-grade.grade-6{color:#dc2626;background:#ef44441a;border-color:#ef44444d;box-shadow:0 2px 12px #ef444414}[data-theme=light] .tt-grade.grade-7{color:#ea580c;background:#f973161a;border-color:#f973164d;box-shadow:0 2px 12px #f9731614}[data-theme=light] .tt-grade.grade-8{color:#b45309;background:#eab3081a;border-color:#eab3084d;box-shadow:0 2px 12px #eab30814}[data-theme=light] .tt-grade.grade-9{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 2px 12px #22c55e14}[data-theme=light] .tt-grade.grade-10{color:#2563eb;background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 2px 12px #3b82f614}[data-theme=light] .tt-grade.grade-11{color:#7c3aed;background:#a855f71a;border-color:#a855f74d;box-shadow:0 2px 12px #a855f714}.tt-details{color:var(--blue);text-transform:uppercase;letter-spacing:.06em;background:#2563eb26;border:1px solid #93c5fd33;border-radius:6px;width:fit-content;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}[data-theme=light] .tt-details{color:#1d4ed8;background:#2563eb14;border-color:#2563eb2e}@media (width<=768px){#timetable{padding:72px 0}.tt-selector-wrapper{margin-bottom:24px;padding:0 10px}.tt-selector{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:4px;overflow-x:auto}.tt-selector::-webkit-scrollbar{display:none}.tt-grade-btn{padding:8px 16px;font-size:.8rem}.tt-scroll-wrap{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;isolation:isolate;flex-direction:row;gap:14px;margin:0 -5vw;padding:8px 5vw 20px;display:flex;overflow-x:auto}.tt-scroll-wrap::-webkit-scrollbar{display:none}.tt-institute-card{scroll-snap-align:center;will-change:transform;backface-visibility:hidden;border-radius:20px;flex:0 0 360px;max-width:92vw;transform:translate(0,0)}.tt-institute-header{gap:12px;padding:16px 18px}.tt-institute-icon{border-radius:10px;width:36px;height:36px;font-size:.9rem}.tt-institute-name{font-size:.95rem}.tt-institute-body{gap:10px;padding:12px 12px 14px}.tt-inst-grade-card{border-radius:12px}.tt-inst-grade-card-header{padding:9px 12px}.tt-inst-col-headers{grid-template-columns:1fr 1.5fr .8fr;padding:6px 12px}.tt-inst-class-row{grid-template-columns:1fr 1.5fr .8fr;gap:6px;padding:9px 12px}.tt-inst-class-row .time-icon{display:none}.tt-inst-day-full{font-size:.78rem}.time-val{font-size:.82rem}.tt-day-card{scroll-snap-align:center;will-change:transform;backface-visibility:hidden;border-radius:20px;flex:0 0 360px;max-width:92vw;margin-bottom:0;display:block;transform:translate(0,0)}.tt-day-label{border-right:none;border-bottom:1px solid var(--glass-border);flex-direction:row;justify-content:space-between;align-items:center;padding:16px 18px}[data-theme=light] .tt-day-label{border-bottom-color:#2563eb1a}.active-day .tt-day-label{border-bottom-color:#2563eb40}.tt-col-headers{display:none}.tt-classes-col{gap:10px;padding:10px 14px 14px}.tt-class-row{background:#ffffff08;border-radius:12px;flex-direction:column;gap:0;padding:12px 14px;display:flex;border:1px solid #ffffff12!important}[data-theme=light] .tt-class-row{background:#2563eb06;border-color:#2563eb17!important}.tt-class-row:hover{background:#ffffff0f}[data-theme=light] .tt-class-row:hover{background:#2563eb0f}.tt-class-row .tt-time{border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:8px}[data-theme=light] .tt-class-row .tt-time{border-bottom-color:#2563eb14}.time-icon{border-radius:8px!important;width:28px!important;height:28px!important;font-size:.75rem!important}.tt-class-row .time-val{font-size:.92rem;font-weight:700}.tt-class-row .tt-grade{margin-bottom:8px;padding:4px 12px!important;font-size:.78rem!important}.tt-class-row .tt-details{margin-bottom:8px;padding:3px 8px;font-size:.72rem}.tt-institute-badge{margin-top:4px;padding:4px 10px;font-size:.76rem}}.tt-dots{display:none}@media (width<=768px){.tt-dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.tt-dot{background:var(--text-dim);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.tt-dot.active{background:var(--blue);transform:scale(1.4)}}.quiz-loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.quiz-section{padding:40px 0;font-family:Outfit,sans-serif;position:relative}.quiz-section .section-header{margin-bottom:1rem}.quiz-section h1,.quiz-section h2,.quiz-section h3,.quiz-section p,.quiz-section span,.quiz-section div{font-family:Outfit,sans-serif}.quiz-container{z-index:2;width:100%;margin:0 auto;position:relative}.quiz-section.active-quiz{z-index:999;background:radial-gradient(ellipse at 20% 10%, var(--blue-glow) 0%, transparent 50%), radial-gradient(ellipse at 80% 90%, #2563eb12 0%, transparent 50%), var(--bg);scrollbar-width:none;-ms-overflow-style:none;width:100vw;height:100vh;margin:0;padding-top:80px;animation:.4s ease-out fadeIn;display:block;position:fixed;inset:0;overflow:hidden auto}.quiz-section.active-quiz::-webkit-scrollbar{display:none}.quiz-fullscreen-overlay{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:860px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.quiz-fullscreen-overlay.screen-results,.quiz-fullscreen-overlay.screen-quiz{justify-content:flex-start;padding-top:1rem}.quiz-modern-hero{text-align:center;z-index:2;flex-direction:column;align-items:center;padding:0 0 3rem;display:flex;position:relative}.quiz-title-alt{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.8rem);font-weight:900;line-height:1}.text-glow{background:linear-gradient(135deg, var(--blue) 0%, #1e40af 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #2563eb66);-webkit-background-clip:text;background-clip:text}.quiz-desc-alt{color:var(--text-dim);max-width:600px;margin-bottom:2.2rem;font-size:1.15rem;line-height:1.6}.quiz-stats-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:0;margin-bottom:3.5rem;padding:10px 0;display:flex;box-shadow:0 15px 35px #0003}.bar-stat{flex-direction:column;align-items:center;padding:10px 35px;display:flex}.bar-val{color:var(--heading);font-size:1.6rem;font-weight:800;line-height:1}.bar-lbl{color:var(--blue);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.bar-sep{background:#ffffff1a;width:1px;height:30px}.btn-glow-quiz{background:var(--blue);color:#fff;cursor:pointer;box-shadow:0 10px 30px var(--blue-glow);border:none;border-radius:50px;align-items:center;gap:15px;padding:18px 45px;font-family:inherit;font-size:1.15rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-glow-quiz:hover{box-shadow:0 20px 50px var(--blue-glow);background:#3b82f6;transform:translateY(-5px)scale(1.05)}.quiz-deco-orbs{pointer-events:none;z-index:1;position:absolute;inset:0}.orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.o-1{background:var(--blue-glow);width:300px;height:300px;animation:8s ease-in-out infinite float-orb;top:10%;left:10%}.o-2{background:#10b98133;width:250px;height:250px;animation:10s ease-in-out infinite reverse float-orb;bottom:10%;right:10%}.o-3{background:#7c3aed;width:150px;height:150px;animation:12s ease-in-out infinite float-orb;top:40%;right:20%}@keyframes float-orb{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}.quiz-bg-items{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.science-item{color:var(--blue);opacity:.15;filter:blur(1px);pointer-events:none;z-index:0;font-size:2.2rem;animation:12s ease-in-out infinite drift-science;position:absolute}@keyframes drift-science{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(20px,-30px)rotate(15deg)}66%{transform:translate(-15px,20px)rotate(-10deg)}}.s-1{font-size:3rem;animation-duration:15s;top:15%;left:10%}.s-2{animation-duration:18s;animation-delay:-2s;top:20%;right:12%}.s-3{font-size:2.8rem;animation-duration:20s;animation-delay:-5s;bottom:25%;left:15%}.s-4{animation-duration:14s;animation-delay:-1s;bottom:15%;right:18%}.s-5{font-size:1.8rem;animation-duration:22s;top:50%;left:5%}.s-6{animation-duration:19s;animation-delay:-3s;bottom:45%;right:8%}@media (width<=768px){.quiz-stats-bar{flex-direction:column;width:100%;max-width:280px;padding:20px 0}.bar-sep{width:80%;height:1px;margin:15px 0}.quiz-title-alt{font-size:2.5rem}.quiz-desc-alt{font-size:1rem}.science-item{opacity:.25;filter:blur(.5px);z-index:1}.s-1{font-size:2.2rem;top:8%;left:5%}.s-2{font-size:1.8rem;top:12%;right:5%}.s-3{font-size:2rem;bottom:12%;left:5%}.s-4{font-size:1.6rem;bottom:8%;right:5%}.s-5{font-size:1.4rem;top:45%;left:2%}.s-6{font-size:1.5rem;bottom:40%;right:2%}}.quiz-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:24px;flex-direction:column;width:100%;max-width:580px;margin:0 auto;padding:1.5rem;transition:transform .3s;display:flex;position:relative}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:24px;padding:2rem}.quiz-header{text-align:center;margin-bottom:1.2rem}.quiz-header h3{margin-bottom:.5rem;font-size:1.6rem}.quiz-header p{color:var(--text-dim);font-size:.9rem}.subject-badge{color:var(--blue);background:#2563eb26;border:1px solid #2563eb33;border-radius:50px;align-items:center;gap:6px;margin-top:5px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.quiz-form .form-group{margin-bottom:1rem}.quiz-form label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.grade-buttons{flex-wrap:wrap;gap:10px;display:flex}.grade-btn{border:1.5px solid var(--glass-border);min-width:70px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 6px;font-family:inherit;transition:all .2s;display:flex}.grade-btn:hover{border-color:var(--blue);color:var(--blue);background:#2563eb14;transform:translateY(-2px)}.grade-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 16px var(--blue-glow);transform:translateY(-2px)}.grade-btn-num{font-size:1.25rem;font-weight:800;line-height:1}.grade-btn-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.65rem;font-weight:600}.quiz-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.2;transition:all .3s;display:inline-flex}.quiz-btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 20px var(--blue-glow);border:1px solid #0000;flex:1}.quiz-btn.primary:hover{box-shadow:0 8px 30px var(--blue-glow);transform:translateY(-2px)}.quiz-btn.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;background:#475569;transform:none}.quiz-btn.secondary{color:var(--text-dim);border:1px solid var(--glass-border);background:#ffffff12;width:auto}.quiz-btn.secondary:hover{background:#ffffff1f}.quiz-actions{align-items:stretch;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.quiz-actions.right{justify-content:flex-end}.pulse{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 14px #2563eb00}to{box-shadow:0 0 #2563eb00}}.rules-list{flex-direction:column;gap:8px;margin:1rem 0;list-style:none;display:flex}.rules-list li{border:1px solid var(--glass-border);color:var(--text-dim);background:#ffffff08;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;font-size:.88rem;display:flex}.rule-icon{width:32px;height:32px;color:var(--blue);background:#2563eb24;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.quiz-progress-bar{background:#ffffff14;border-radius:10px;height:6px;margin-bottom:1rem;overflow:hidden}.quiz-progress-fill{background:var(--blue);border-radius:10px;height:100%;transition:width .45s}.quiz-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.q-counter{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.q-timer{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50px;align-items:center;gap:8px;padding:7px 16px;font-family:monospace;font-size:1.05rem;font-weight:700;transition:all .3s;display:inline-flex}.q-timer.danger{color:#ef4444;background:#ef444414;border-color:#ef444473;animation:1s infinite tick}@keyframes tick{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.quiz-question{margin-bottom:1rem;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:700;line-height:1.4}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{border:1.5px solid var(--glass-border);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.quiz-option:hover{background:#ffffff12;border-color:#fff3;transform:translate(5px)}.quiz-option.selected{border-color:var(--blue);background:#2563eb1a;transform:translate(5px);box-shadow:0 0 0 3px #2563eb1f}.opt-letter{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex}.quiz-option.selected .opt-letter{background:var(--blue);color:#fff}.opt-text{font-size:1.05rem;font-weight:500}.quiz-results{gap:1.5rem;display:grid}@media (width>=900px){.quiz-results{grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem}.quiz-results>.glass-card:nth-child(3),.quiz-results>div:last-child{grid-column:span 2}}.results-summary{text-align:center;padding:1rem}.score-ring-wrap{width:100px;height:100px;margin:0 auto .75rem;position:relative}.score-ring-svg{width:100%;height:100%;display:block}.score-ring-inner{justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.score-val{color:var(--blue);font-size:2.2rem;font-weight:800;line-height:1}.score-total{color:var(--text-dim);font-size:1rem;transform:translateY(6px)}.result-emoji{margin-bottom:.2rem;font-size:1.8rem}.result-msg{background:linear-gradient(135deg, var(--blue), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.result-sub{color:var(--text-dim);margin-bottom:1rem;font-size:.85rem}.result-stats-row{justify-content:center;gap:0;margin-bottom:.5rem;display:flex}.result-stat{border-left:1px solid var(--glass-border);white-space:nowrap;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.result-stat:first-child{border-left:none}.result-stat-val{font-size:1.1rem;font-weight:800}.result-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.mt-3{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.glass-card h3{margin-bottom:.5rem;font-size:1.05rem}.subtitle{color:var(--text-dim);font-size:.88rem;font-weight:400}.table-responsive{margin-top:.5rem;overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:12px 14px}.leaderboard-table th{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:.78rem;font-weight:700}.rank-cell{font-size:1.1rem}.highlight-row td{color:var(--green);background:#10b9810f;border-bottom-color:#10b98126;font-weight:700}.me-badge{background:var(--green);color:#fff;vertical-align:middle;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.68rem;font-weight:700}.breakdown-list{flex-direction:column;gap:6px;margin-top:.5rem;display:flex}.breakdown-item{border:1px solid var(--glass-border);background:#ffffff05;border-left:4px solid #0000;border-radius:10px;padding:10px 12px}.breakdown-item.correct{border-left-color:var(--green)}.breakdown-item.wrong{border-left-color:#ef4444}.bd-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.bd-q{font-size:.85rem;font-weight:600;line-height:1.3}.text-green{color:var(--green)}.text-red{color:#ef4444}.bd-details{border-top:1px dashed var(--glass-border);color:var(--text-dim);flex-flow:wrap;gap:24px;margin-top:6px;padding-top:6px;font-size:.75rem;display:flex}@media (width<=768px){.quiz-section.active-quiz{align-items:flex-start;padding-top:5rem}.quiz-fullscreen-overlay{padding:.75rem}.quiz-hero{padding:2rem 1.25rem}.quiz-hero-deco{display:none}.quiz-hero-stats{gap:1rem;margin-bottom:1.5rem}.quiz-card{border-radius:20px;padding:1.5rem 1.25rem}.quiz-actions{flex-direction:column-reverse;gap:.75rem}.quiz-btn{width:100%;padding:10px 20px}.quiz-btn.secondary{width:100%}.grade-buttons{gap:6px}.grade-btn{min-width:calc(33.33% - 6px);padding:8px 4px}.result-stats-row{flex-flow:row;justify-content:center;gap:4px}.result-stat{border-left:1px solid var(--glass-border);border-bottom:none;width:auto;padding:6px}.result-stat:first-child{border-left:none}.score-ring-wrap{width:80px;height:80px}.score-val{font-size:1.8rem}.score-total{font-size:.9rem}.result-emoji{font-size:1.5rem}.result-msg{font-size:1.3rem}.result-sub{margin-bottom:.75rem;font-size:.75rem}.result-stat-val{font-size:.95rem}.result-stat-label{font-size:.55rem}.breakdown-item{padding:8px 10px}.bd-q{font-size:.8rem}.bd-details{font-size:.7rem}.leaderboard-table th,.leaderboard-table td{padding:8px 10px;font-size:.8rem}.quiz-results{gap:1rem}.glass-card h3{margin-bottom:.4rem;font-size:.95rem}}@media (width<=480px){.quiz-hero-title{font-size:1.4rem}.quiz-hero-stats{flex-wrap:wrap;gap:.7rem}.quiz-hero-stat-val{font-size:1.3rem}.quiz-hero-stat-divider{display:none}.grade-btn-num{font-size:1rem}.quiz-question{font-size:1.15rem}.opt-text{font-size:.95rem}.result-msg{font-size:1.6rem}}[data-theme=light] .quiz-section.active-quiz{background:#f8fafc}[data-theme=light] .quiz-hero-content h1{color:#0f172a}[data-theme=light] .quiz-hero-text .hero-desc{color:#334155}[data-theme=light] .stat-val{color:#0f172a}[data-theme=light] .stat-lbl{color:#2563eb}[data-theme=light] .stat-sep{background:#0f172a26}[data-theme=light] .visual-inner:before{background:#fffc}[data-theme=light] .grade-btn:not(.active):not(:hover){background:#0f172a0a}[data-theme=light] .grade-btn.active{background:var(--blue);color:#fff}[data-theme=light] .quiz-btn.secondary{background:#0f172a0d}[data-theme=light] .quiz-btn.secondary:hover{background:#0f172a14}[data-theme=light] .rules-list li{background:#0f172a05}[data-theme=light] .quiz-progress-bar{background:#0f172a14}[data-theme=light] .q-timer{background:#0f172a0a}[data-theme=light] .quiz-option{background:#0f172a05}[data-theme=light] .quiz-option:hover{background:#0f172a0a}[data-theme=light] .quiz-option.selected{background:#2563eb14}[data-theme=light] .opt-letter{background:#0f172a0f}[data-theme=light] .quiz-option.selected .opt-letter{background:var(--blue)}[data-theme=light] .breakdown-item{background:#0f172a05}[data-theme=light] .score-ring-wrap circle[stroke*="rgba(255,255,255,0.08)"]{stroke:#0f172a14}[data-theme=light] .leaderboard-table th{color:#64748b}[data-theme=light] .leaderboard-table td{border-bottom-color:#0f172a14}.quiz-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;background:#060d1fcc;justify-content:center;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:fixed;inset:0}.quiz-modal-overlay.active{opacity:1;visibility:visible}.quiz-modal-card{background:var(--glass);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:2.2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(20px)scale(.95);box-shadow:0 25px 50px #0006}.quiz-modal-overlay.active .quiz-modal-card{transform:translateY(0)scale(1)}.modal-icon{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.2rem;font-size:1.8rem;display:flex}.quiz-modal-card h3{color:#fff;margin-bottom:.6rem;font-size:1.5rem}.quiz-modal-card p{color:var(--text-dim);margin-bottom:1.8rem;font-size:.95rem;line-height:1.6}.modal-actions{gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s}.modal-btn.cancel{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d}.modal-btn.cancel:hover{background:#ffffff1a}.modal-btn.confirm{color:#fff;background:#ef4444;box-shadow:0 4px 15px #ef44444d}.modal-btn.confirm:hover{background:#dc2626;transform:translateY(-2px)}@media (width<=480px){.quiz-modal-card{padding:1.8rem 1.5rem}}[data-theme=light] .quiz-modal-overlay{background:#0f172a66}[data-theme=light] .modal-btn.cancel{color:#0f172a;background:#f1f5f9}[data-theme=light] .highlight-row td{background:#10b98114;border-bottom-color:#10b98133}.quiz-active nav,.quiz-active .mobile-menu{display:none!important}.quiz-section.active-quiz{padding-top:0}.topic-grid{grid-template-columns:1fr;gap:12px;margin-top:1rem;display:grid}.topic-btn{border:1.5px solid var(--glass-border);cursor:pointer;text-align:left;background:#ffffff08;border-radius:20px;align-items:center;gap:16px;width:100%;padding:18px 20px;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.topic-btn:before{content:"";background:linear-gradient(90deg, var(--blue) 0%, transparent 100%);opacity:0;z-index:0;transition:opacity .25s;position:absolute;inset:0}.topic-btn:hover{border-color:var(--blue);background:#2563eb14;transform:translateY(-2px)}.topic-btn:hover:before{opacity:.05}.topic-icon{width:44px;height:44px;color:var(--blue);z-index:1;background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .25s;display:flex}.topic-btn:hover .topic-icon{background:var(--blue);color:#fff;transform:scale(1.1)}.topic-name{color:var(--heading);z-index:1;flex:1;font-size:1.1rem;font-weight:700}.topic-arrow{color:var(--text-dim);opacity:.5;z-index:1;font-size:.9rem;transition:all .25s}.topic-btn:hover .topic-arrow{opacity:1;color:var(--blue);transform:translate(3px)}@media (width>=640px){.topic-grid{grid-template-columns:1fr 1fr}}[data-theme=light] .quiz-stats-bar{background:#2563eb0d;border-color:#2563eb1a;box-shadow:0 10px 30px #2563eb0d}[data-theme=light] .bar-sep{background:#2563eb1a}[data-theme=light] .quiz-card{background:#ffffffe6;border-color:#2563eb1a}[data-theme=light] .quiz-loading-spinner{border-color:#2563eb33;border-top-color:var(--blue)}[data-theme=light] .rules-list li,[data-theme=light] .quiz-option{background:#2563eb08;border-color:#2563eb1a}.grade-btn.grade-6:hover{color:#f87171;background:#ef444414;border-color:#ef444473}.grade-btn.grade-6.active{color:#f87171!important;background:#ef444429!important;border-color:#ef444473!important;box-shadow:0 4px 16px #ef444440!important}[data-theme=light] .grade-btn.grade-6:hover{color:#dc2626;background:#ef44440d;border-color:#ef44444d}[data-theme=light] .grade-btn.grade-6.active{color:#dc2626!important;background:#ef44441a!important;border-color:#ef44444d!important;box-shadow:0 4px 16px #ef44441f!important}.grade-btn.grade-7:hover{color:#fb923c;background:#f9731614;border-color:#f9731673}.grade-btn.grade-7.active{color:#fb923c!important;background:#f9731629!important;border-color:#f9731673!important;box-shadow:0 4px 16px #f9731640!important}[data-theme=light] .grade-btn.grade-7:hover{color:#ea580c;background:#f973160d;border-color:#f973164d}[data-theme=light] .grade-btn.grade-7.active{color:#ea580c!important;background:#f973161a!important;border-color:#f973164d!important;box-shadow:0 4px 16px #f973161f!important}.grade-btn.grade-8:hover{color:#fbbf24;background:#eab30814;border-color:#eab30873}.grade-btn.grade-8.active{color:#fbbf24!important;background:#eab30829!important;border-color:#eab30873!important;box-shadow:0 4px 16px #eab30840!important}[data-theme=light] .grade-btn.grade-8:hover{color:#b45309;background:#eab3080d;border-color:#eab3084d}[data-theme=light] .grade-btn.grade-8.active{color:#b45309!important;background:#eab3081a!important;border-color:#eab3084d!important;box-shadow:0 4px 16px #eab3081f!important}.grade-btn.grade-9:hover{color:#4ade80;background:#22c55e14;border-color:#22c55e73}.grade-btn.grade-9.active{color:#4ade80!important;background:#22c55e29!important;border-color:#22c55e73!important;box-shadow:0 4px 16px #22c55e40!important}[data-theme=light] .grade-btn.grade-9:hover{color:#16a34a;background:#22c55e0d;border-color:#22c55e4d}[data-theme=light] .grade-btn.grade-9.active{color:#16a34a!important;background:#22c55e1a!important;border-color:#22c55e4d!important;box-shadow:0 4px 16px #22c55e1f!important}.grade-btn.grade-10:hover{color:#60a5fa;background:#3b82f614;border-color:#3b82f673}.grade-btn.grade-10.active{color:#60a5fa!important;background:#3b82f629!important;border-color:#3b82f673!important;box-shadow:0 4px 16px #3b82f640!important}[data-theme=light] .grade-btn.grade-10:hover{color:#2563eb;background:#3b82f60d;border-color:#3b82f64d}[data-theme=light] .grade-btn.grade-10.active{color:#2563eb!important;background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 4px 16px #3b82f61f!important}.grade-btn.grade-11:hover{color:#c084fc;background:#a855f714;border-color:#a855f773}.grade-btn.grade-11.active{color:#c084fc!important;background:#a855f729!important;border-color:#a855f773!important;box-shadow:0 4px 16px #a855f740!important}[data-theme=light] .grade-btn.grade-11:hover{color:#7c3aed;background:#a855f70d;border-color:#a855f74d}[data-theme=light] .grade-btn.grade-11.active{color:#7c3aed!important;background:#a855f71a!important;border-color:#a855f74d!important;box-shadow:0 4px 16px #a855f71f!important}.quiz-grade-badge{text-transform:uppercase;letter-spacing:.06em;width:fit-content;color:var(--text-dim);border:1.5px solid var(--glass-border);background:#ffffff14;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;transition:all .25s;display:inline-flex}.quiz-grade-badge.grade-6{color:#f87171;background:#ef444429;border:1.5px solid #ef444473}.quiz-grade-badge.grade-7{color:#fb923c;background:#f9731629;border:1.5px solid #f9731673}.quiz-grade-badge.grade-8{color:#fbbf24;background:#eab30829;border:1.5px solid #eab30873}.quiz-grade-badge.grade-9{color:#4ade80;background:#22c55e29;border:1.5px solid #22c55e73}.quiz-grade-badge.grade-10{color:#60a5fa;background:#3b82f629;border:1.5px solid #3b82f673}.quiz-grade-badge.grade-11{color:#c084fc;background:#a855f729;border:1.5px solid #a855f773}[data-theme=light] .quiz-grade-badge.grade-6{color:#dc2626;background:#ef44441a;border-color:#ef44444d}[data-theme=light] .quiz-grade-badge.grade-7{color:#ea580c;background:#f973161a;border-color:#f973164d}[data-theme=light] .quiz-grade-badge.grade-8{color:#b45309;background:#eab3081a;border-color:#eab3084d}[data-theme=light] .quiz-grade-badge.grade-9{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}[data-theme=light] .quiz-grade-badge.grade-10{color:#2563eb;background:#3b82f61a;border-color:#3b82f64d}[data-theme=light] .quiz-grade-badge.grade-11{color:#7c3aed;background:#a855f71a;border-color:#a855f74d}.top-ranks-section{padding:100px 0 120px;position:relative;overflow:hidden}.tr-blob{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.tr-blob-1{background:radial-gradient(circle,#2563eb24,#0000 70%);width:520px;height:520px;top:-80px;left:-160px}.tr-blob-2{background:radial-gradient(circle,#10b9811f,#0000 70%);width:440px;height:440px;bottom:-60px;right:-120px}.top-ranks-section .container{z-index:1;position:relative}.tr-header{text-align:center;margin-bottom:24px}.top-ranks-section .section-tag{margin-bottom:.5rem}.tr-title{color:var(--heading);letter-spacing:-.02em;margin:.2rem 0 .5rem;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.tr-title-accent{color:var(--blue)}.tr-subtitle{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.5}.tr-paper-inline{color:var(--heading);letter-spacing:.02em;margin-top:4px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;display:inline-block}.tr-selector-wrapper{text-align:center;margin-bottom:48px}.tr-selector{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;padding:6px;display:inline-flex}.tr-grade-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;transition:all .25s}.tr-grade-btn:hover{color:var(--text)}.tr-grade-btn.active{background:var(--bg);color:var(--heading);box-shadow:0 2px 12px #00000026}.tr-fade-out{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}.tr-fade-in{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.tr-podium{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex;position:relative}.tr-podium-card{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);text-align:center;width:240px;box-shadow:var(--card-shadow);border-radius:20px;padding:28px 24px 24px;transition:transform .25s,box-shadow .25s;animation:.45s both tr-slide-up;position:relative}.tr-podium-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000040}.tr-podium-first{border-color:#2563eb73;transform:translateY(-20px)}.tr-podium-first:hover{transform:translateY(-24px)}.tr-medal-badge{filter:drop-shadow(0 2px 6px #0000004d);z-index:10;font-size:1.6rem;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.tr-avatar-wrap{border-radius:50%;justify-content:center;align-items:center;margin:10px 0 14px;padding:3px;display:inline-flex}.tr-avatar{background:linear-gradient(135deg, var(--blue) 0%, var(--green) 100%);color:#fff;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.tr-avatar-img{object-fit:cover;width:100%;height:100%}.medal-gold-ring{border-radius:50%;box-shadow:0 0 0 2px #f59e0b,0 0 16px #f59e0b59}.medal-silver-ring{border-radius:50%;box-shadow:0 0 0 2px #94a3b8,0 0 12px #94a3b84d}.medal-bronze-ring{border-radius:50%;box-shadow:0 0 0 2px #cd7c3a,0 0 12px #cd7c3a4d}.tr-rank-num{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.tr-name{color:var(--heading);margin:0 0 4px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}.tr-school{color:var(--text-muted);margin:0 0 16px;font-size:.8rem;line-height:1.4}.tr-score{letter-spacing:.01em;border-radius:10px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;display:inline-block}.medal-gold-score{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.medal-silver-score{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.medal-bronze-score{color:#cd7c3a;background:#cd7c3a21;border:1px solid #cd7c3a47}.tr-list{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);border-radius:20px;max-width:800px;margin:0 auto;padding:8px 0}.tr-list-window{height:140px;position:relative;overflow:hidden}.tr-list-track{flex-direction:column;transition:transform .6s cubic-bezier(.33,1,.68,1);display:flex}.tr-list-page{flex-direction:column;flex:0 0 140px;height:140px;display:flex}.tr-list-row{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;height:70px;padding:0 24px;transition:background .2s;display:flex}.tr-list-row:last-child{border-bottom:none}.tr-list-row:hover{background:#2563eb0f}.tr-list-rank{color:var(--text-dim);text-align:center;flex-shrink:0;width:32px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.tr-list-avatar{width:40px;height:40px;color:var(--heading);border:1px solid var(--glass-border);background:linear-gradient(135deg,#2563eb80,#10b98180);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.tr-list-avatar-img{object-fit:cover;width:100%;height:100%}.tr-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tr-list-name{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;overflow:hidden}.tr-list-school{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.tr-list-score{color:var(--blue);background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;flex-shrink:0;padding:5px 12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700}@keyframes tr-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.top-ranks-section{padding:72px 0 88px}.tr-podium{gap:12px}.tr-podium-card{width:200px;padding:24px 16px 20px}.tr-podium-first{transform:translateY(-14px)}.tr-podium-first:hover{transform:translateY(-18px)}.tr-list-row{gap:12px;padding:12px 16px}.tr-grade-btn{white-space:nowrap;padding:8px 16px;font-size:.8rem}.tr-selector-wrapper{margin-bottom:24px;padding:0 10px}.tr-selector{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:4px;overflow-x:auto}.tr-selector::-webkit-scrollbar{display:none}}@media (width<=560px){.tr-podium{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;justify-content:flex-start;align-items:center;margin-bottom:12px;margin-left:-5vw;margin-right:-5vw;padding:24px calc(50vw - 130px);overflow:auto hidden}.tr-podium::-webkit-scrollbar{display:none}.tr-podium-card{scroll-snap-align:center;flex:0 0 260px;width:auto}.tr-podium-first{order:unset;transform:translateY(-12px)}.tr-podium-first:hover{transform:translateY(-16px)}}.tr-loading-state,.tr-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.tr-spinner{border:4px solid var(--glass-border);border-top-color:var(--blue);border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite tr-spin}@keyframes tr-spin{to{transform:rotate(360deg)}}.tr-empty-icon{opacity:.8;margin-bottom:20px;font-size:3rem}.tr-empty-state h3{color:var(--heading);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.5rem}.tr-empty-state p{color:var(--text-muted);max-width:400px;line-height:1.6}.tr-podium-card.tr-empty-slot{visibility:hidden;pointer-events:none}.games-section{padding:4rem 0;position:relative;overflow:hidden}.gs-blob{filter:blur(80px);z-index:0;opacity:.25;pointer-events:none;border-radius:50%;position:absolute}.gs-blob-1{background:var(--blue);width:400px;height:400px;top:10%;left:-10%}.gs-blob-2{background:var(--green);width:350px;height:350px;bottom:10%;right:-5%}.section-title-main{color:var(--heading);margin-top:.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.section-title-accent{color:var(--blue)}.section-desc-centered{max-width:700px;color:var(--text-dim);text-align:center;margin:1.2rem auto 0;font-size:1.15rem;line-height:1.6}.games-section-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid;position:relative}.games-section-text{z-index:2;justify-content:flex-end;display:flex}.games-section-btn-wrap{justify-content:flex-end;display:flex}.games-section-btn{background:var(--blue);box-shadow:0 4px 20px var(--blue-glow);border-radius:14px;align-items:center;gap:.75rem;padding:16px 36px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;color:#fff!important}.games-section-btn:hover{box-shadow:0 8px 30px var(--blue-glow);background:#1d4ed8;transform:translateY(-3px)scale(1.02)}.games-section-visual{justify-content:center;align-items:center;height:450px;display:flex;position:relative}.game-card-preview{background:var(--glass-matte);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(25px)saturate(140%);width:180px;height:180px;color:var(--blue);box-shadow:var(--card-shadow);z-index:3;border-radius:28px;justify-content:center;align-items:center;font-size:3rem;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.game-card-preview i{filter:drop-shadow(0 0 15px var(--blue-glow))}.p1{z-index:3;transform:translate(-100px,-80px)rotate(-15deg)}.p2{z-index:4;background:#ffffff1f;transform:translate(100px)rotate(10deg)}.p3{z-index:2;transform:translate(-50px,100px)rotate(5deg)}.games-section-content:hover .p1{transform:translate(-140px,-110px)rotate(-20deg)}.games-section-content:hover .p2{transform:translate(140px,-20px)rotate(15deg)}.games-section-content:hover .p3{transform:translate(-70px,140px)rotate(10deg)}@media (width<=968px){.games-section-content{text-align:center;grid-template-columns:1fr;gap:4rem}.games-section-text{justify-content:center}.games-section-visual{order:-1;height:250px}.game-card-preview{width:110px;height:110px;font-size:2.5rem}}@media (width<=480px){.games-section{padding:6rem 0}.section-title-main{font-size:2.2rem}.game-card-preview{width:90px;height:90px;font-size:2rem}}#contact{padding:100px 0}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:3rem;display:grid}.contact-info h3{color:var(--heading);margin-bottom:.8rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.contact-info p{color:var(--text-dim);margin-bottom:2rem;font-size:.92rem;line-height:1.75}.contact-item{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);border-radius:14px;align-items:center;gap:14px;margin-bottom:1rem;padding:14px 18px;transition:all .25s;display:flex}a.contact-item{cursor:pointer;text-decoration:none}.contact-item:hover{border-color:#2563eb40;transform:translate(4px)}a.contact-item:hover{background:#2563eb0f;border-color:#2563eb66;transform:translateY(-2px)translate(4px)}.contact-icon{width:40px;height:40px;color:var(--blue);background:#2563eb26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.contact-lbl{color:var(--text-muted);margin-bottom:2px;font-size:.75rem}.contact-val{color:var(--text);font-size:.88rem;font-weight:500}.contact-form{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:22px;padding:2.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-dim);letter-spacing:.02em;font-size:.8rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .25s}.form-group input:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow);background:#2563eb0d}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:120px}.form-submit{background:var(--blue);color:#fff;cursor:pointer;width:100%;box-shadow:0 0 24px var(--blue-glow);letter-spacing:.02em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.form-submit:hover{box-shadow:0 4px 36px var(--blue-glow);transform:translateY(-2px)}.success-msg{color:var(--green);text-align:center;background:#10b9811f;border:1px solid #10b98140;border-radius:12px;margin-top:1rem;padding:14px;font-size:.88rem;display:none}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}@media (width<=700px){.form-row{grid-template-columns:1fr}}.coming-soon-page{background:radial-gradient(circle at top,#3b82f62e,#0000 34%),radial-gradient(circle at 100% 100%,#0ea5e929,#0000 28%),linear-gradient(160deg,#030712fa,#0f172af5);place-items:center;min-height:100vh;padding:24px;display:grid}.coming-soon-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b833;border-radius:28px;width:min(720px,100%);padding:44px 32px;box-shadow:0 30px 80px #0f172a73}.coming-soon-kicker{text-transform:uppercase;letter-spacing:.35em;color:#93c5fd;margin:0 0 12px;font-size:.8rem}.coming-soon-card h1{color:#f8fafc;margin:0;font-family:Outfit,sans-serif;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95}.coming-soon-copy{color:#e2e8f0d6;max-width:42rem;margin:18px auto 0;font-size:1.05rem;line-height:1.7}.rp-root{min-height:100vh;padding:130px 0 100px;position:relative;overflow-x:hidden}.rp-orb{pointer-events:none;z-index:0;filter:blur(100px);opacity:.08;border-radius:50%;position:fixed}.rp-orb-1{background:radial-gradient(circle, var(--blue), transparent 70%);width:600px;height:600px;top:-120px;right:-100px}.rp-orb-2{background:radial-gradient(circle, var(--green), transparent 70%);width:500px;height:500px;bottom:80px;left:-100px}[data-theme=light] .rp-orb{opacity:.05}.rp-inner{z-index:1;flex-direction:column;gap:32px;max-width:860px;margin:0 auto;padding:0 24px;display:flex;position:relative}.rp-hero-section{text-align:center;flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.rp-hero-badge{background:var(--glass-matte);-webkit-backdrop-filter:blur(25px)saturate(140%);border:1px solid var(--glass-border);color:var(--green);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #0000000d}.rp-hero-badge:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green-glow);border-radius:50%;animation:2s ease-in-out infinite rp-pulse}@keyframes rp-pulse{0%,to{opacity:1}50%{opacity:.4}}.rp-hero-title{color:var(--heading);letter-spacing:-.04em;margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1}.rp-hero-title.si-title{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.25}.rp-title-first{color:var(--heading)}.rp-title-last{background:linear-gradient(135deg, var(--blue) 0%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.rp-hero-excerpt{color:var(--text-dim);max-width:660px;margin:0 auto;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.75}.rp-search-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;flex-direction:column;gap:28px;padding:32px;display:flex;box-shadow:0 8px 32px #0000001f}[data-theme=light] .rp-search-card{background:#ffffffe0;box-shadow:0 8px 32px #0000000d}.rp-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) rp-shake}@keyframes rp-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.rp-search-card-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:18px;display:flex}.rp-search-card-head i{color:var(--blue);font-size:1.1rem}.rp-search-card-head h2{color:var(--heading);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.rp-form{grid-template-columns:1fr 1.3fr;gap:20px 24px;display:grid}.rp-form-step{flex-direction:column;gap:10px;transition:opacity .2s;display:flex}.rp-lookup-status{align-items:center;gap:6px;margin-top:6px;font-size:.8rem;font-weight:600;animation:.2s rp-fade-up;display:flex}.rp-lookup-status.searching{color:var(--blue)}.rp-lookup-status.success{color:var(--green)}.rp-lookup-status.error{color:#f87171}.rp-step-disabled{opacity:.4;pointer-events:none}.rp-step-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.rp-step-num{width:22px;height:22px;color:var(--blue);background:#6366f11f;border:1px solid #6366f140;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}[data-theme=light] .rp-step-num{color:#2563eb;background:#2563eb14;border-color:#2563eb38}.rp-select-wrap{align-items:center;display:flex;position:relative}.rp-select-icon{color:var(--text-dim);pointer-events:none;z-index:1;font-size:.9rem;position:absolute;left:14px}.rp-select{background:var(--input-bg,#ffffff08);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;padding:13px 40px 13px 42px;font-family:inherit;font-size:.92rem;transition:all .2s}.rp-select option{background:var(--surface);color:var(--text)}.rp-select:focus{border-color:var(--blue);background-color:#6366f108;outline:none;box-shadow:0 0 12px #6366f11a}.rp-select:disabled{cursor:not-allowed}.rp-no-papers{color:var(--green);align-items:center;gap:6px;margin:4px 0 0;font-size:.78rem;font-weight:500;display:flex}.rp-index-wrap{align-items:center;width:100%;display:flex;position:relative}.rp-index-input{background:var(--input-bg,#ffffff08);border:1px solid var(--border);width:100%;color:var(--text);letter-spacing:.05em;border-radius:12px;padding:13px 40px 13px 42px;font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:700;transition:all .2s}.rp-index-input::placeholder{color:var(--text-dim);letter-spacing:.02em;font-family:Inter,sans-serif;font-weight:400}.rp-index-input:focus{border-color:var(--blue);background-color:#6366f108;outline:none;box-shadow:0 0 12px #6366f11a}.rp-index-input:disabled{cursor:not-allowed}.rp-index-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;font-size:.85rem;transition:color .15s;display:flex;position:absolute;right:12px}.rp-index-clear:hover{color:var(--text)}.rp-search-btn{background:var(--blue);color:#fff;cursor:pointer;letter-spacing:.01em;width:100%;box-shadow:0 4px 20px var(--blue-glow);border:none;border-radius:12px;grid-column:span 2;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:15px;font-family:inherit;font-size:.98rem;font-weight:700;transition:all .25s;display:flex}.rp-search-btn:hover:not(:disabled){box-shadow:0 6px 28px var(--blue-glow);opacity:.95;transform:translateY(-2px)}.rp-search-btn:active:not(:disabled){transform:translateY(0)}.rp-search-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.rp-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite rp-spin;display:inline-block}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-paper-strip{border:1px solid var(--border);scrollbar-width:none;background:#ffffff05;border-radius:14px;flex-wrap:wrap;align-items:center;row-gap:8px;padding:14px 20px;display:flex;overflow-x:auto}.rp-paper-strip::-webkit-scrollbar{display:none}[data-theme=light] .rp-paper-strip{background:#00000005}.rp-paper-strip-item{color:var(--text-dim);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:.82rem;display:flex}.rp-paper-strip-item i{color:var(--blue);font-size:.78rem}.rp-paper-strip-div{background:var(--border);flex-shrink:0;width:1px;height:18px}.rp-grade-chip{border:1.5px solid;border-radius:20px;padding:3px 12px;font-size:.75rem;font-weight:700}.rp-result-area{flex-direction:column;gap:20px;margin-top:8px;display:flex}.rp-notfound{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:56px 32px;animation:.35s rp-fade-up;display:flex;box-shadow:0 8px 32px #0000001a}[data-theme=light] .rp-notfound{background:#ffffffe0;box-shadow:0 8px 32px #0000000d}.rp-notfound-icon{color:#f87171;background:#f871711a;border:1px solid #f8717138;border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:4px;font-size:1.6rem;display:flex}.rp-notfound-title{color:var(--heading);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.rp-notfound-sub{color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.rp-notfound-hint{color:var(--text-dim);max-width:400px;margin:0;font-size:.82rem;line-height:1.6}.rp-code{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88rem;font-weight:700}[data-theme=light] .rp-code{color:#2563eb;background:#2563eb12;border-color:#2563eb29}.rp-reset-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-top:4px;padding:10px 20px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.rp-reset-btn:hover{background:var(--glass-hover);border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.rp-result-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000001f}[data-theme=light] .rp-result-card{background:#ffffffe0;box-shadow:0 8px 32px #0000000d}.rp-result-animate{animation:.5s cubic-bezier(.22,1,.36,1) rp-fade-up}@keyframes rp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rp-result-header{border-bottom:1px solid var(--border);padding:28px 28px 24px;position:relative;overflow:hidden}.rp-result-header-bg{background:linear-gradient(135deg, color-mix(in srgb, var(--grade-color) 12%, transparent) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.rp-result-header-content{align-items:center;gap:20px;display:flex;position:relative}.rp-result-avatar{background:linear-gradient(135deg, var(--blue), var(--green));color:#fff;border:2px solid var(--border);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.6rem;font-weight:800;display:flex}.rp-result-identity{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.rp-result-name{color:var(--heading);margin:0;font-size:1.3rem;font-weight:800;line-height:1.2}.rp-result-index{color:var(--blue);background:#6366f11a;border:1px solid #6366f133;border-radius:7px;width:fit-content;padding:3px 10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:700;display:inline-block}.rp-result-inst{color:var(--text-dim);align-items:center;gap:6px;font-size:.82rem;display:flex}.rp-result-inst i{font-size:.75rem}.rp-medal{filter:drop-shadow(0 4px 12px #00000026);flex-shrink:0;font-size:2.2rem;animation:2s ease-in-out infinite rp-bounce}@keyframes rp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.rp-result-paper-row{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:10px;padding:14px 28px;display:flex}[data-theme=light] .rp-result-paper-row{background:#00000004}.rp-result-paper-row i{color:var(--text-dim);font-size:.85rem}.rp-result-paper-name{color:var(--heading);flex:1;font-size:.95rem;font-weight:600}.rp-result-paper-type{text-transform:uppercase;letter-spacing:.05em;color:var(--blue);background:#6366f11a;border:1px solid #6366f133;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700}.rp-result-stats{justify-content:space-around;align-items:center;gap:0;padding:36px 28px;display:flex}.rp-stat-score{flex-direction:column;align-items:center;gap:8px;display:flex}.rp-score-ring{width:110px;height:110px;position:relative}.rp-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rp-ring-fill{transition:stroke-dasharray 1.2s cubic-bezier(.22,1,.36,1);animation:1.2s cubic-bezier(.22,1,.36,1) both rp-ring-draw}@keyframes rp-ring-draw{0%{stroke-dasharray:0 100}}.rp-score-inner{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.rp-score-val{letter-spacing:-.02em;font-size:1.7rem;font-weight:900;line-height:1}.rp-score-denom{color:var(--text-dim);font-size:.72rem;font-weight:500}.rp-score-pct{font-size:1.1rem;font-weight:800}.rp-score-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.72rem;font-weight:600}.rp-stat-divider{background:var(--border);flex-shrink:0;width:1px;height:90px}.rp-stat-rank{flex-direction:column;align-items:center;gap:6px;padding:0 24px;display:flex}.rp-rank-num{color:var(--heading);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.95rem;font-weight:900;line-height:1}.rp-rank-context{color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.78rem;overflow:hidden}.rp-rank-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:6px;margin-top:2px;font-size:.72rem;font-weight:600;display:flex}.rp-rank-label i{font-size:.65rem}.rp-result-footer{border-top:1px solid var(--border);background:#ffffff04;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;display:flex}[data-theme=light] .rp-result-footer{background:#00000003}.rp-result-released-on{color:var(--text-dim);align-items:center;gap:6px;font-size:.78rem;display:flex}.rp-result-released-on i{color:#4ade80;font-size:.72rem}[data-theme=light] .rp-result-released-on i{color:#16a34a}@media (width<=768px){.rp-root{padding:110px 0 80px}.rp-inner{gap:24px;padding:0 20px}.rp-form{grid-template-columns:1fr}.rp-search-btn{grid-column:span 1}.rp-hero-title{font-size:clamp(2rem,4.5vw,2.8rem)}}@media (width<=640px){.rp-root{padding:100px 0 60px}.rp-inner{gap:20px;padding:0 16px}.rp-search-card{gap:20px;padding:24px 20px}.rp-select,.rp-index-input{padding:12px 38px;font-size:.9rem}.rp-search-btn{padding:13px;font-size:.92rem}.rp-result-stats{flex-direction:column;align-items:stretch;gap:20px;padding:24px 20px}.rp-stat-divider{width:100%;height:1px}.rp-stat-rank{padding:0}.rp-score-ring{width:96px;height:96px}.rp-rank-num{font-size:1.6rem}.rp-result-header{padding:20px 20px 18px}.rp-result-avatar{border-radius:16px;width:56px;height:56px;font-size:1.35rem}.rp-result-name{font-size:1.1rem}.rp-result-paper-row{padding:12px 20px}.rp-result-footer{padding:16px 20px}.rp-notfound{padding:40px 20px}.rp-paper-strip{padding:12px 14px}.rp-paper-strip-item{padding:0 10px;font-size:.76rem}}@media (width<=360px){.rp-result-stats{padding:18px 14px}.rp-score-ring{width:84px;height:84px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:1rem;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:1rem;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.fa-solid,.fas,.far,.fa-regular,[class^=fa-]{font-variant:normal!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;font-family:"Font Awesome 6 Free"!important;font-style:normal!important;line-height:1!important}input::-ms-reveal{display:none!important}input::-ms-clear{display:none!important}.login-page-container{background:#020617;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;transition:background .4s;display:flex;position:relative;overflow:hidden}[data-theme=light] .login-page-container{background:#f0f4ff}.login-orb{filter:blur(80px);z-index:0;opacity:.4;border-radius:50%;transition:background .4s,opacity .4s;position:absolute}.orb-1{background:radial-gradient(circle,#3b82f6,#1d4ed8);width:400px;height:400px;animation:20s infinite alternate float;top:-100px;right:-100px}.orb-2{background:radial-gradient(circle,#8b5cf6,#6d28d9);width:300px;height:300px;animation:15s infinite alternate-reverse float;bottom:-50px;left:-50px}[data-theme=light] .orb-1{opacity:.6;background:radial-gradient(circle,#3b82f640,#2563eb0d)}[data-theme=light] .orb-2{opacity:.6;background:radial-gradient(circle,#8b5cf640,#6d28d90d)}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.login-theme-toggle{color:#fff;cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.login-theme-toggle:hover{background:#ffffff1a;transform:scale(1.05)}[data-theme=light] .login-theme-toggle{color:#0f172a;background:#fff;border-color:#2563eb26;box-shadow:0 4px 12px #2563eb14}[data-theme=light] .login-theme-toggle:hover{background:#f8fafc}.login-card-wrap{z-index:10;-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:500px;padding:2.5rem;transition:background .4s,border-color .4s,box-shadow .4s;position:relative;box-shadow:0 20px 50px #0006}[data-theme=light] .login-card-wrap{background:#ffffffd9;border-color:#2563eb26;box-shadow:0 20px 50px #2563eb0f}.registration-mode-active{max-width:600px}.login-card-header{text-align:center;margin-bottom:2rem}.login-logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.5rem;display:flex;box-shadow:0 8px 20px #3b82f640}.login-card-header h1{color:#fff;margin-bottom:.5rem;font-size:1.875rem;font-weight:700;transition:color .4s}[data-theme=light] .login-card-header h1{color:#0f172a}.login-card-header p{color:#94a3b8;font-size:.95rem;transition:color .4s}[data-theme=light] .login-card-header p{color:#475569}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-input-group{flex-direction:column;gap:.5rem;display:flex}.form-input-group label{color:#e2e8f0;margin-left:.25rem;font-size:.875rem;font-weight:500;transition:color .4s}[data-theme=light] .form-input-group label{color:#334155}.field-icon-wrap{align-items:center;display:flex;position:relative}.field-icon-wrap i{color:#64748b;font-size:.9rem;transition:color .4s;position:absolute;left:1rem}[data-theme=light] .field-icon-wrap i{color:#475569}.login-form input,.login-form select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:background .4s,border-color .4s,color .4s,box-shadow .2s}[data-theme=light] .login-form input,[data-theme=light] .login-form select{color:#0f172a;background-color:#f8fafc;border-color:#2563eb40}.field-icon-wrap input{padding-left:2.75rem}.login-form input:focus,.login-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}[data-theme=light] .login-form input:focus,[data-theme=light] .login-form select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.login-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}[data-theme=light] .login-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(15,23,42,0.5)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.login-form select option{color:#fff;background:#0f172a}[data-theme=light] .login-form select option{color:#0f172a;background:#fff}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:12px;margin-top:.5rem;padding:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #2563eb40}.login-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #2563eb59}.login-submit-btn:active{transform:translateY(0)}.switch-view-text{text-align:center;color:#94a3b8;margin-top:1rem;font-size:.9rem;transition:color .4s}[data-theme=light] .switch-view-text{color:#475569}.switch-view-text span{color:#3b82f6;cursor:pointer;font-weight:600}.switch-view-text span:hover{text-decoration:underline}.login-alert{border-radius:12px;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.login-alert.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;transition:all .4s}[data-theme=light] .login-alert.error{color:#b91c1c;background:#dc26260d;border-color:#dc262626}.login-alert.success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33;transition:all .4s}[data-theme=light] .login-alert.success{color:#166534;background:#16a34a0d;border-color:#16a34a26}.highlight-id{color:#fff;background:#22c55e33;border-radius:4px;padding:.2rem .5rem;font-weight:700;transition:all .4s}[data-theme=light] .highlight-id{color:#166534;background:#16a34a26}.success-content-wrapper{flex-direction:column;align-items:flex-start;gap:.85rem;width:100%;display:flex}.success-text-block{width:100%}.pdf-redownload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #2563eb33}.pdf-redownload-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1.5px);box-shadow:0 6px 16px #2563eb59}.pdf-redownload-btn:active{transform:translateY(0)}.pdf-redownload-btn i{font-size:.95rem}[data-theme=light] .pdf-redownload-btn{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a33}[data-theme=light] .pdf-redownload-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 16px #16a34a59}.approval-warning-text{color:#ef4444;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem;font-weight:600;display:flex}.approval-warning-text i{font-size:.8rem;animation:2s ease-in-out infinite warning-pulse}[data-theme=light] .approval-warning-text{color:#b91c1c}.pdf-lock-info-text{color:#3b82f6;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.82rem;font-weight:600;display:flex}.pdf-lock-info-text i{font-size:.8rem}[data-theme=light] .pdf-lock-info-text{color:#1d4ed8}@keyframes warning-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.clickable-copy{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.15rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.clickable-copy:hover{background:#22c55e59;transform:translateY(-.5px);box-shadow:0 4px 10px #22c55e1a}[data-theme=light] .clickable-copy:hover{background:#16a34a40;box-shadow:0 4px 10px #16a34a14}.clickable-copy.copied{transform:scale(1.03);color:#fff!important;background:#22c55e!important}[data-theme=light] .clickable-copy.copied{color:#fff!important;background:#16a34a!important}.copied-toast-notification{-webkit-backdrop-filter:blur(16px);color:#4ade80;z-index:99999;pointer-events:none;background:#0f172ae6;border:1px solid #4ade8033;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;animation:2.2s cubic-bezier(.16,1,.3,1) forwards toast-slide-down;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000004d}[data-theme=light] .copied-toast-notification{color:#16a34a;background:#ffffffeb;border-color:#16a34a33;box-shadow:0 10px 25px -5px #16a34a1f,0 8px 10px -6px #16a34a0f}.copied-toast-notification i{font-size:1rem}@keyframes toast-slide-down{0%{opacity:0;top:-4rem;transform:translate(-50%)scale(.9)}12%{opacity:1;top:1.5rem;transform:translate(-50%)scale(1)}88%{opacity:1;top:1.5rem;transform:translate(-50%)scale(1)}to{opacity:0;top:-4rem;transform:translate(-50%)scale(.9)}}@media (width<=640px){.success-content-wrapper{flex-direction:column;align-items:stretch;gap:1rem}.pdf-redownload-btn{justify-content:center;width:100%}}.btn-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.85s ease-in-out infinite spin;display:inline-block}.btn-loading-inner{letter-spacing:.01em;justify-content:center;align-items:center;gap:.55rem;font-size:.95rem;font-weight:600;display:inline-flex}.login-submit-btn.registering{cursor:not-allowed;opacity:.9;background:linear-gradient(90deg,#2563eb,#1d4ed8)}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none!important;transform:none!important}.register-progress-bar-wrap{-webkit-backdrop-filter:blur(10px);background:#1e293b8c;border:1px solid #6366f138;border-radius:18px;flex-direction:column;gap:.9rem;padding:1.1rem 1.25rem 1rem;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards reg-progress-in;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #6366f114,inset 0 1px #ffffff0f}[data-theme=light] .register-progress-bar-wrap{background:#f8faffd9;border-color:#6366f133;box-shadow:0 4px 24px #6366f112}@keyframes reg-progress-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.register-progress-bar-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f12e 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.register-progress-label{justify-content:space-between;align-items:center;display:flex}.register-progress-label-text{color:#a5b4fc;letter-spacing:.01em;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:flex}[data-theme=light] .register-progress-label-text{color:#4f46e5}.register-progress-label-text i{font-size:.72rem;animation:1.2s linear infinite reg-icon-spin}@keyframes reg-icon-spin{to{transform:rotate(360deg)}}.register-progress-pct{color:#a5b4fcb3;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}[data-theme=light] .register-progress-pct{color:#4f46e5a6}.register-progress-bar{background:#ffffff12;border-radius:100px;height:5px;position:relative;overflow:hidden}[data-theme=light] .register-progress-bar{background:#6366f11a}.register-progress-bar:after{content:"";background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899) 0 0/200% 100%;border-radius:100px;transition:width .65s cubic-bezier(.4,0,.2,1);animation:2s linear infinite reg-bar-flow;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #8b5cf699}.register-progress-bar.validating:after{width:33%}.register-progress-bar.uploading:after{width:66%}.register-progress-bar.saving:after{width:90%}.register-progress-bar:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff59,#0000);border-radius:100px;width:60px;animation:1.8s ease-in-out infinite reg-shimmer-sweep;position:absolute;top:0;bottom:0}@keyframes reg-bar-flow{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes reg-shimmer-sweep{0%{left:-60px}to{left:100%}}.register-progress-steps{justify-content:space-between;align-items:center;padding:0 .2rem;display:flex;position:relative}.register-progress-steps:before{content:"";z-index:0;background:#ffffff12;height:1px;position:absolute;top:16px;left:12px;right:12px}[data-theme=light] .register-progress-steps:before{background:#6366f11f}.register-progress-steps>span{z-index:1;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.4rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.register-progress-steps>span:before{content:attr(data-icon);color:#ffffff4d;width:32px;height:32px;box-shadow:none;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=light] .register-progress-steps>span:before{color:#6366f166;background:#6366f10f;border-color:#6366f126}.register-progress-steps>span i{display:none}.register-step-label{color:#94a3b88c;letter-spacing:.02em;font-size:.68rem;font-weight:600;transition:color .35s}[data-theme=light] .register-step-label{color:#6366f166}.register-progress-steps>span.active:before{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;animation:1.6s ease-in-out infinite reg-node-pulse;box-shadow:0 0 0 4px #6366f133,0 0 16px #8b5cf680}[data-theme=light] .register-progress-steps>span.active:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 0 4px #6366f126,0 0 14px #8b5cf659}.register-progress-steps span.active .register-step-label{color:#a5b4fc}[data-theme=light] .register-progress-steps span.active .register-step-label{color:#4f46e5}@keyframes reg-node-pulse{0%,to{box-shadow:0 0 0 4px #6366f133,0 0 16px #8b5cf680}50%{box-shadow:0 0 0 7px #6366f11a,0 0 24px #8b5cf659}}.register-progress-steps>span.done:before{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);border-color:#0000;box-shadow:0 0 0 3px #10b98126,0 0 10px #34d3994d}[data-theme=light] .register-progress-steps>span.done:before{box-shadow:0 0 0 3px #10b9811f,0 0 8px #34d39940}.register-progress-steps>span.done .register-step-label{color:#34d399}[data-theme=light] .register-progress-steps>span.done .register-step-label{color:#059669}@media (width<=640px){.login-page-container{padding:1rem}.login-card-wrap{border-radius:20px;padding:1.5rem}.login-card-header h1{font-size:1.5rem}.form-input-row{grid-template-columns:1fr;gap:1.25rem}.login-logo-icon{width:48px;height:48px;margin-bottom:1rem;font-size:1.25rem}.login-theme-toggle{width:38px;height:38px;top:1rem;right:1rem}}.pin-modal-header h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.pin-modal-input{letter-spacing:.8rem;text-align:center;border:1px solid var(--input-border);width:100%;color:var(--text);background:#ffffff08;border-radius:12px;outline:none;padding:.6rem;font-size:1.75rem;font-weight:700;transition:all .2s}[data-theme=light] .pin-modal-input{color:#0f172a;background:#f8fafc}.pin-modal-input:focus{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pin-modal-btn.cancel:hover{background:#ffffff1a}[data-theme=light] .pin-modal-btn.cancel:hover{background:#e2e8f0}.login-alert.approved-success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.85rem;animation:.3s ease-out forwards slideDown;display:flex;position:relative}[data-theme=light] .login-alert.approved-success{color:#047857;background:#10b98114;border-color:#10b98140}.login-alert.approved-success i.fa-circle-check{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.approved-message-content{text-align:left;flex:1}.approved-message-content strong{margin-bottom:.2rem;font-size:.9rem;font-weight:700;display:block}.approved-message-content p{opacity:.9;line-height:1.4}.alert-close-btn{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.2rem;font-size:.9rem;transition:opacity .2s;display:flex}.alert-close-btn:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pin-input-toggle-wrap{align-items:center;width:100%;display:flex;position:relative}.pin-input-toggle-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}[data-theme=light] .pin-input-toggle-wrap input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.pin-visibility-btn{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:.9rem;line-height:1;transition:color .2s;display:flex;position:absolute;right:.75rem}[data-theme=light] .pin-visibility-btn{color:#475569}[data-theme=light] .pin-visibility-btn:hover{color:#2563eb}.pin-hint{color:#64748b;vertical-align:middle;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;margin-left:.5rem;padding:.1rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}[data-theme=light] .pin-hint{color:#64748b;background:#2563eb0f;border-color:#2563eb1f}.pin-strength-hint{align-items:center;margin-top:.35rem;font-size:.75rem;font-weight:500;line-height:1.3;transition:color .2s;display:flex}.pin-input-wrap .pin-input-toggle-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pin-input-wrap .pin-visibility-btn{color:#64748b;font-size:1rem;right:.85rem}.pin-modal-lockout{color:#fca5a5;background:#dc26261f;border:1px solid #dc26264d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;padding:.65rem 1rem;font-size:.8rem;font-weight:600;display:flex}[data-theme=light] .pin-modal-lockout{color:#b91c1c;background:#dc262612;border-color:#dc262633}.pin-modal-btn.confirm:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.form-input-group label{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.signup-avatar-upload-column{text-align:center;flex-direction:column;align-items:center;display:flex}.signup-file-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.signup-avatar-preview-wrap{background:linear-gradient(45deg,#3b82f626,#8b5cf626);border:3px solid #3b82f640;border-radius:50%;width:96px;height:96px;margin-bottom:.75rem;padding:3px;transition:border-color .3s,transform .3s;position:relative}[data-theme=light] .signup-avatar-preview-wrap{background:linear-gradient(45deg,#2563eb14,#8b5cf614);border-color:#2563eb26}.signup-avatar-preview-wrap:hover{border-color:#3b82f673;transform:scale(1.02)}.signup-avatar-preview-img{object-fit:cover;border-radius:50%;width:100%;height:100%;box-shadow:0 6px 15px #0000004d}[data-theme=light] .signup-avatar-preview-img{box-shadow:0 6px 15px #2563eb14}.signup-avatar-placeholder{color:#ffffff40;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;transition:color .2s,background-color .2s;display:flex}[data-theme=light] .signup-avatar-placeholder{color:#2563eb40;background:#2563eb08}.signup-avatar-preview-wrap:hover .signup-avatar-placeholder{color:#fff6;background:#ffffff12}[data-theme=light] .signup-avatar-preview-wrap:hover .signup-avatar-placeholder{color:#2563eb66;background:#2563eb0f}.signup-change-avatar-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#3b82f6;border:2.5px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 10px #3b82f64d}[data-theme=light] .signup-change-avatar-btn{background:#2563eb;border-color:#fff;box-shadow:0 4px 10px #2563eb33}.signup-change-avatar-btn i{font-size:.75rem}.signup-change-avatar-btn:hover{background:#2563eb;transform:scale(1.1)translateY(-.5px);box-shadow:0 6px 12px #3b82f673}[data-theme=light] .signup-change-avatar-btn:hover{background:#1d4ed8;box-shadow:0 6px 12px #2563eb59}.upload-hint{color:#f1f5f9;cursor:pointer;margin-bottom:.2rem;font-size:.88rem;font-weight:600;transition:color .4s;display:block}[data-theme=light] .upload-hint{color:#1e293b}.upload-subhint{color:#64748b;letter-spacing:.01em;font-size:.72rem;font-weight:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#03040866;--bg-surface:#0d11178c;--bg-raised:#ffffff09;--bg-hover:#ffffff14;--border:#ffffff14;--border-md:#ffffff26;--blue:#3b82f6;--blue-glow:#3b82f626;--blue-dim:#3b82f614;--violet:#7c3aed;--violet-glow:#7c3aed26;--green:#10b981;--green-dim:#10b9811a;--amber:#f59e0b;--red:#ef4444;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#475569;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--sidebar-w:260px;--topbar-h:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--input-bg:#0f172a99;--input-border:#ffffff1a;--input-text:#fff;--input-disabled-bg:#0f172a4d}[data-theme=light]{--bg-base:#f0f4ff73;--bg-surface:#fff9;--bg-raised:#ffffffd9;--bg-hover:#2563eb0d;--border:#2563eb1a;--border-md:#2563eb33;--blue:#2563eb;--blue-glow:#2563eb26;--blue-dim:#2563eb14;--violet:#7c3aed;--violet-glow:#7c3aed1a;--green:#059669;--green-dim:#0596691a;--amber:#d97706;--red:#dc2626;--text-1:#0f172a;--text-2:#475569;--text-3:#64748b;--input-bg:#ffffffd9;--input-border:#2563eb26;--input-text:#0f172a;--input-disabled-bg:#f1f5f999}.portal-theme-toggle{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.portal-theme-toggle:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--border-md);transform:scale(1.05)}.portal-theme-toggle i{font-size:.95rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.portal-theme-toggle:hover i{transform:rotate(20deg)}.portal-header-divider{background:var(--border);width:1px;height:20px;margin:0 .875rem}.student-portal-layout{background:var(--bg-base);height:100vh;color:var(--text-1);font-family:var(--font-body);display:flex;overflow:hidden}.student-sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);z-index:200;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{height:var(--topbar-h);border-bottom:1px solid var(--border);align-items:center;padding:0 1.5rem;display:flex}.sidebar-logo{align-items:center;gap:10px;display:flex}.sidebar-logo-mark{background:linear-gradient(135deg, var(--blue), var(--violet));border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.sidebar-logo-text{font-family:var(--font-display);letter-spacing:-.3px;color:var(--text-1);font-size:1.05rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:.75rem .75rem .4rem;font-size:.65rem;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:.6rem .75rem;font-size:.875rem;font-weight:400;transition:all .15s;display:flex}.nav-item i{text-align:center;flex-shrink:0;width:18px;font-size:1rem}.nav-item:hover{background:var(--bg-hover);color:var(--text-1)}.nav-item.active{background:var(--blue-dim);color:var(--blue);font-weight:500}.nav-item.active i{color:var(--blue)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:1rem .75rem;display:flex}.user-brief{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:.5rem;display:flex}.user-avatar-small{background:linear-gradient(135deg, var(--blue), var(--violet));border-radius:var(--radius-sm);width:34px;height:34px;font-family:var(--font-display);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.user-avatar-img{object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.user-index{color:var(--text-3);font-family:DM Mono,monospace;font-size:.72rem}.logout-btn-sidebar{border-radius:var(--radius-sm);color:var(--text-3);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:.6rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.logout-btn-sidebar i{text-align:center;width:18px;font-size:1rem}.logout-btn-sidebar:hover{color:var(--red);background:#ef444414}.portal-main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.portal-top-nav{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.75rem;display:flex}.mobile-menu-toggle{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;margin-right:.75rem;transition:all .15s;display:none}.mobile-menu-toggle:hover{color:var(--text-1);border-color:var(--border-md)}.portal-breadcrumb{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumb-main{color:var(--text-3);font-weight:400}.breadcrumb-sep{color:var(--text-3);font-size:.7rem}.breadcrumb-active{color:var(--text-1);font-weight:500}.portal-header-actions{align-items:center;gap:.75rem;display:flex}.grade-badge{background:var(--green-dim);color:var(--green);letter-spacing:.04em;text-transform:uppercase;border:1px solid #10b98133;border-radius:100px;padding:.3rem .75rem;font-size:.72rem;font-weight:600}.portal-scroll-area{scrollbar-width:thin;scrollbar-color:var(--bg-raised) transparent;flex:1;padding:2rem;overflow-y:auto}.portal-scroll-area::-webkit-scrollbar{width:4px}.portal-scroll-area::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:4px}.sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;display:none;position:fixed;inset:0}.portal-error{background:var(--bg-base);min-height:100vh;font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.portal-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:400px;padding:2.5rem}.portal-card h2{font-family:var(--font-display);color:var(--text-1);margin-bottom:.75rem;font-size:1.5rem}.portal-card p{color:var(--text-2);margin-bottom:1.5rem;font-size:.9rem}.portal-submit{background:var(--blue);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;padding:.65rem 1.5rem;font-size:.9rem;font-weight:500;transition:opacity .15s}.portal-submit:hover{opacity:.85}@media (width<=1024px){.student-sidebar{background:#0d1117;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #00000026}[data-theme=light] .student-sidebar{background:#fff}.student-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.mobile-menu-toggle{display:flex}}@media (width<=640px){.portal-scroll-area{padding:1.25rem}.portal-top-nav{padding:0 1rem}.breadcrumb-main,.breadcrumb-sep{display:none}}.dashboard-section-content{flex-direction:column;gap:1.75rem;max-width:960px;margin:0 auto;display:flex}.welcome-banner{background:var(--bg-raised);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);border-radius:18px;justify-content:space-between;align-items:center;gap:2rem;padding:2.25rem 2.5rem;display:flex;position:relative;overflow:hidden}.banner-glow{pointer-events:none;background:radial-gradient(circle,#3b82f62e 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-60px;right:-40px}.banner-glow-2{pointer-events:none;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-60px;left:20%}.banner-text{z-index:2;position:relative}.banner-text h1{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-1);margin-bottom:.35rem;font-size:1.875rem;font-weight:700;line-height:1.2}.banner-text p{color:var(--text-2);font-size:.9rem;font-weight:400}.banner-stats{z-index:2;flex-shrink:0;gap:2.5rem;display:flex;position:relative}.mini-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.stat-num{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.5px;white-space:nowrap;font-size:1.375rem;font-weight:700}.stat-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:500}.stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--border-md)}.stat-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.stat-card-icon.blue{background:var(--blue-dim);color:var(--blue)}.stat-card-icon.green{background:var(--green-dim);color:var(--green)}.stat-card-icon.amber{color:var(--amber);background:#f59e0b1a}.stat-card-body{flex-direction:column;gap:1px;min-width:0;display:flex}.stat-card-value{font-family:var(--font-display);color:var(--text-1);font-size:1.25rem;font-weight:700;line-height:1}.stat-card-label{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:400;overflow:hidden}.dashboard-grid-layout{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.dash-card{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:1.25rem;padding:1.5rem;transition:border-color .2s;display:flex}.dash-card:hover{border-color:var(--border-md)}.card-header{justify-content:space-between;align-items:center;display:flex}.card-header-left{align-items:center;gap:.6rem;display:flex}.card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.875rem;display:flex}.card-avatar-wrap{border:1px solid var(--border-md);border-radius:8px;flex-shrink:0;width:30px;height:30px;overflow:hidden}.card-avatar-img{object-fit:cover;width:100%;height:100%}.card-icon.blue{background:var(--blue-dim);color:var(--blue)}.card-icon.violet{background:var(--violet-glow);color:#a78bfa}.card-icon.green{background:var(--green-dim);color:var(--green)}.card-header h3{font-family:var(--font-display);color:var(--text-1);font-size:.9rem;font-weight:600}.card-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;padding:.25rem .6rem;font-size:.65rem;font-weight:600}.card-badge.blue{background:var(--blue-dim);color:var(--blue)}.card-badge.green{background:var(--green-dim);color:var(--green)}.info-list{flex-direction:column;gap:0;display:flex}.info-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item:first-child{padding-top:0}.info-label{color:var(--text-3);flex-shrink:0;font-size:.78rem;font-weight:400}.info-val{color:var(--text-1);text-align:right;word-break:break-word;font-size:.875rem;font-weight:500}.progress-list{flex-direction:column;gap:1rem;display:flex}.progress-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.progress-name{color:var(--text-2);font-size:.825rem;font-weight:400}.progress-pct{color:var(--text-3);font-family:DM Mono,monospace;font-size:.78rem}.progress-bar-track{background:var(--bg-hover);border-radius:100px;height:5px;overflow:hidden}.progress-bar-fill{border-radius:100px;height:100%;transition:width .8s}.progress-bar-fill.blue{background:var(--blue)}.progress-bar-fill.violet{background:#7c3aed}.progress-bar-fill.green{background:var(--green)}.progress-bar-fill.amber{background:var(--amber)}.announcement-bar{border-radius:var(--radius-md);background:#3b82f60d;border:1px solid #3b82f61f;align-items:flex-start;gap:1rem;padding:1.1rem 1.4rem;display:flex}.ann-icon-wrap{background:var(--blue-dim);width:32px;height:32px;color:var(--blue);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.ann-title{color:var(--text-1);margin-bottom:.2rem;font-size:.825rem;font-weight:600}.ann-body{color:var(--text-2);font-size:.8rem;line-height:1.5}@media (width<=900px){.stats-row{grid-template-columns:1fr 1fr}.stats-row .stat-card:last-child{grid-column:1/-1}}@media (width<=768px){.welcome-banner{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.75rem 1.5rem}.banner-text h1{font-size:1.5rem}.banner-stats{justify-content:flex-start;align-self:stretch;gap:2rem}.mini-stat{align-items:flex-start}.dashboard-grid-layout{grid-template-columns:1fr}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.stats-row .stat-card:last-child{grid-column:auto}.banner-text h1{font-size:1.375rem}.banner-stats{gap:1.5rem}.stat-num{font-size:1.1rem}}.score-chart-container{flex-direction:column;gap:1rem;display:flex}.chart-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chart-title{font-family:var(--font-display);color:var(--text-1);align-items:center;margin:0;font-size:.95rem;font-weight:600;display:flex}.chart-subtitle{color:var(--text-3);background:var(--bg-hover);border-radius:100px;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.chart-canvas-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:260px;padding:1.5rem 1.25rem;transition:border-color .2s;display:flex;position:relative}.chart-canvas-wrapper:hover{border-color:var(--border-md)}.chart-grid-line{stroke:var(--border);stroke-opacity:.45;stroke-width:1px}.chart-axis-label{fill:var(--text-3);font-size:9px;font-weight:600;font-family:var(--font-sans)}.chart-axis-label.x-axis{font-size:8px}.chart-dot{stroke-width:2px;transition:r .12s,fill .12s,stroke-width .12s}.chart-tooltip{background:var(--bg-raised);border:1px solid var(--border-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);text-align:left;flex-direction:column;gap:5px;min-width:160px;padding:10px 12px;display:flex;box-shadow:0 10px 25px -5px #00000059,0 8px 16px -6px #00000059}:root[class=light] .chart-tooltip,body.light-theme .chart-tooltip,[data-theme=light] .chart-tooltip,.light .chart-tooltip{background:#fffffffa!important;border-color:#00000026!important;box-shadow:0 10px 20px -5px #00000014,0 5px 10px -5px #00000014!important}.tooltip-arrow{background:inherit;border-right:1px solid var(--border-md);border-bottom:1px solid var(--border-md);z-index:-1;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}:root[class=light] .tooltip-arrow,body.light-theme .tooltip-arrow,[data-theme=light] .tooltip-arrow,.light .tooltip-arrow{border-color:#00000026!important}.tooltip-title{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.8rem;font-weight:600;overflow:hidden}.tooltip-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tooltip-badge{background:var(--bg-hover);color:var(--text-2);border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:500}.tooltip-date{color:var(--text-3);font-size:.65rem;font-weight:400}.tooltip-score-row{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:2px;padding-top:6px;display:flex}.tooltip-score-label{color:var(--text-3);font-size:.7rem}.tooltip-score-val{color:var(--text-1);font-family:monospace;font-size:.8rem;font-weight:700}.tooltip-pct-badge{border-radius:4px;margin-left:auto;padding:1px 5px;font-size:.7rem;font-weight:700}.tooltip-pct-badge.pass{background:var(--green-dim);color:var(--green)}.tooltip-pct-badge.fail{color:#ef4444;background:#ef44441a}.chart-empty-state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:3.5rem 1.5rem;display:flex}.chart-placeholder-icon{opacity:.4;color:var(--blue);font-size:2.25rem}.chart-empty-state p{max-width:280px;margin:0;font-size:.85rem;font-weight:400;line-height:1.4}@media (width<=768px){.chart-canvas-wrapper{min-height:200px;padding:1rem .5rem}.chart-axis-label{font-size:8px}}input::-ms-reveal{display:none!important}input::-ms-clear{display:none!important}.profile-section-content{max-width:900px;margin:0 auto;padding:1.5rem;animation:.4s ease-out fadeIn}.section-header-wrap{margin-bottom:2rem}.section-title{color:var(--text-1);margin-bottom:.25rem;font-size:1.85rem;font-weight:700}.section-subtitle{color:var(--text-muted,#94a3b8);font-size:.95rem}.profile-card{background:var(--bg-raised);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 50px #0000004d}.profile-form{width:100%}.form-layout{grid-template-columns:240px 1fr;gap:3rem;display:grid}.avatar-upload-column{text-align:center;flex-direction:column;align-items:center;display:flex}.avatar-preview-wrap{background:linear-gradient(45deg,#2563eb1a,#8b5cf61a);border:4px solid #2563eb33;border-radius:50%;width:160px;height:160px;margin-bottom:1.25rem;padding:4px;position:relative}.avatar-preview-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{color:#fff3;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.change-avatar-btn{color:#fff;border:3px solid var(--bg-surface);cursor:pointer;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;bottom:5px;right:5px}.change-avatar-btn:hover{background:#3b82f6;transform:scale(1.1)}.upload-hint{color:var(--text-1);margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.upload-subhint{color:var(--text-muted,#94a3b8);font-size:.75rem}.fields-column{flex-direction:column;gap:1.5rem;display:flex}.form-message{border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:1rem;font-size:.9rem;display:flex}.form-message.success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.form-message.error{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-2);font-size:.85rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;font-size:.9rem;position:absolute;left:1rem}.input-wrapper input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);border-radius:.75rem;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--blue);background:var(--input-bg);box-shadow:0 0 0 4px var(--blue-glow);outline:none}.input-wrapper.disabled input{background:var(--input-disabled-bg);color:var(--text-3);cursor:not-allowed}.field-hint{color:#64748b;font-size:.75rem}.divider{align-items:center;margin:1rem 0;display:flex}.divider:before,.divider:after{content:"";background:#ffffff14;flex:1;height:1px}.divider span{text-transform:uppercase;letter-spacing:.05em;color:#475569;padding:0 1rem;font-size:.75rem;font-weight:600}.save-profile-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #2563eb4d}.save-profile-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.save-profile-btn:active:not(:disabled){transform:translateY(0)}.save-profile-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.profile-receipt-download{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1.25rem;display:flex}.profile-receipt-download h4{color:var(--text-1);margin:0;font-size:.95rem;font-weight:600}.profile-receipt-download p{color:var(--text-muted,#94a3b8);margin:0 0 .5rem;font-size:.78rem;line-height:1.4}.receipt-icon{color:#ef4444;filter:drop-shadow(0 4px 10px #ef444433);margin-bottom:.25rem;font-size:2.2rem}.download-pdf-btn{color:#60a5fa;cursor:pointer;background:#2563eb1a;border:1px solid #2563eb40;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.download-pdf-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.download-pdf-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .profile-receipt-download{background:#2563eb05;border-color:#2563eb14}@media (width<=768px){.form-layout{grid-template-columns:1fr;gap:2rem}.avatar-upload-column{border-bottom:1px solid #ffffff14;padding-bottom:2rem}.form-grid{grid-template-columns:1fr}.profile-card{padding:1.5rem}}.pin-confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#020611cc;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out forwards fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.pin-confirm-modal{text-align:center;background:#0f172ad9;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUpModal;display:flex;position:relative;box-shadow:0 25px 50px -12px #0009}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme=light] .pin-confirm-modal{background:#fffffff2;border-color:#2563eb26;box-shadow:0 25px 50px -12px #2563eb26}.pin-modal-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.pin-modal-close:hover{color:#ef4444}.pin-modal-icon{color:#3b82f6;background:#3b82f61a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.2rem;font-size:1.5rem;display:flex}[data-theme=light] .pin-modal-icon{color:#2563eb;background:#2563eb1a}.pin-modal-header h3{color:var(--text-1);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.pin-modal-header p{color:var(--text-muted,#94a3b8);margin-bottom:1.5rem;font-size:.85rem;line-height:1.4}.pin-confirm-form{flex-direction:column;gap:1.2rem;width:100%;display:flex}.pin-input-wrap,.pin-input-toggle-wrap{align-items:center;width:100%;display:flex;position:relative}.pin-input-toggle-wrap input{color:#fff;letter-spacing:.2rem;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.75rem 3rem .75rem 1rem;font-size:1rem;transition:all .2s}[data-theme=light] .pin-input-toggle-wrap input{color:#0f172a;background:#f8fafc;border-color:#2563eb40}.pin-input-wrap .pin-input-toggle-wrap input{letter-spacing:.8rem;text-align:center;color:#fff;background:#ffffff08;border:1px solid #ffffff1f;padding:.6rem 3rem .6rem .6rem;font-size:1.75rem;font-weight:700}[data-theme=light] .pin-input-wrap .pin-input-toggle-wrap input{color:#0f172a;background:#f8fafc;border-color:#2563eb33}.pin-visibility-btn{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:.9rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.pin-visibility-btn:hover{color:#3b82f6}.pin-input-wrap .pin-visibility-btn{font-size:1rem;right:.85rem}.pin-modal-error{color:#ef4444;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.pin-modal-actions{gap:.75rem;width:100%;display:flex}.pin-modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.pin-modal-btn.cancel{color:var(--text-1);background:#ffffff0d}[data-theme=light] .pin-modal-btn.cancel{color:#475569;background:#f1f5f9}.pin-modal-btn.confirm{color:#fff;background:#3b82f6}.pin-modal-btn.confirm:hover{background:#2563eb}.marks-section{max-width:960px;font-family:var(--font-body);flex-direction:column;gap:1.75rem;margin:0 auto;display:flex}.marks-heading-left h2{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.3px;font-size:1.375rem;font-weight:700}.marks-heading-left p{color:var(--text-3);margin-top:.2rem;font-size:.825rem}.marks-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.marks-stat-card{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:.75rem;padding:1.25rem 1.25rem 1.1rem;transition:border-color .2s;display:flex}.marks-stat-card:hover{border-color:var(--border-md)}.marks-stat-top{justify-content:space-between;align-items:center;display:flex}.marks-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:500}.marks-stat-icon{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.marks-stat-icon.blue{background:var(--blue-dim);color:var(--blue)}.marks-stat-icon.green{background:var(--green-dim);color:var(--green)}.marks-stat-icon.red{color:var(--red);background:#ef444414}.marks-stat-icon.amber{color:var(--amber);background:#f59e0b1a}.marks-stat-value{font-family:var(--font-display);color:var(--text-1);letter-spacing:-1px;font-size:1.875rem;font-weight:700;line-height:1}.marks-stat-sub{color:var(--text-3);margin-top:2px;font-size:.72rem}.marks-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-group-label{color:var(--text-3);white-space:nowrap;font-size:.75rem;font-weight:500}.filter-pills{flex-wrap:wrap;gap:.35rem;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-2);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;padding:.3rem .75rem;font-size:.775rem;font-weight:400;transition:all .15s}.filter-pill:hover{border-color:var(--border-md);color:var(--text-1)}.filter-pill.active{background:var(--blue-dim);color:var(--blue);border-color:#3b82f640;font-weight:500}[data-theme=light] .filter-pill{color:var(--text-2);background:#ffffffa6;border-color:#2563eb26}[data-theme=light] .filter-pill:hover{color:var(--text-1);background:#fffffff2;border-color:#2563eb59}[data-theme=light] .filter-pill.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb33}.filter-divider{background:var(--border);flex-shrink:0;width:1px;height:20px}.marks-table-card{border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);overflow:hidden}.marks-table-header-row{background:var(--bg-surface);border-bottom:1px solid var(--border);grid-template-columns:2fr 1.1fr .75fr 1.8fr .7fr;gap:1rem;padding:.65rem 1.5rem;display:grid}.table-col-head{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-size:.68rem;font-weight:600}.table-col-head.right{text-align:right}.table-col-head.center{text-align:center}.marks-table-body{flex-direction:column;display:flex}.marks-table-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1.1fr .75fr 1.8fr .7fr;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .15s;display:grid}.marks-table-row:last-child{border-bottom:none}.marks-table-row:hover{background:var(--bg-hover)}.marks-table-row.fail-row{background:#ef444408}.marks-table-row.fail-row:hover{background:#ef44440f}.paper-title-cell{flex-direction:column;gap:.25rem;min-width:0;display:flex}.paper-title-text{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.paper-meta{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.paper-term-chip{background:var(--bg-hover);color:var(--text-3);border:1px solid var(--border);white-space:nowrap;border-radius:100px;padding:.12rem .45rem;font-size:.62rem;font-weight:500}.paper-type-chip{background:var(--blue-dim);color:var(--blue);white-space:nowrap;border:1px solid #3b82f626;border-radius:100px;padding:.12rem .45rem;font-size:.62rem;font-weight:500}.marks-cell{justify-content:flex-end;align-items:baseline;gap:2px;display:flex}.marks-scored{font-family:var(--font-display);color:var(--text-1);font-size:1.05rem;font-weight:700}.marks-total{color:var(--text-3);font-size:.78rem}.marks-pct{color:var(--text-3);margin-left:3px;font-size:.7rem}.grade-cell{justify-content:center;display:flex}.grade-badge-pill{width:34px;height:34px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.grade-A{color:var(--green);background:#10b9811f}.grade-B{color:var(--blue);background:#3b82f61f}.grade-C{color:var(--amber);background:#f59e0b1f}.grade-D{color:#f97316;background:#f973161f}.grade-F{color:var(--red);background:#ef44441f}.remarks-cell{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-style:italic;overflow:hidden}.remarks-empty{color:var(--text-3);font-style:normal}.pf-cell{justify-content:flex-end;display:flex}.pf-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:.25rem .65rem;font-size:.68rem;font-weight:700}.pf-badge.pass{background:var(--green-dim);color:var(--green);border:1px solid #10b98133}.pf-badge.fail{color:var(--red);background:#ef444414;border:1px solid #ef44442e}.marks-cards-list{flex-direction:column;gap:.875rem;display:none}.mark-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:border-color .2s;overflow:hidden}.mark-card:hover{border-color:var(--border-md)}.mark-card.fail-card{border-left:3px solid #ef444466}.mark-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem .75rem;display:flex}.mark-card-title-block{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.mark-card-title{color:var(--text-1);word-break:break-word;font-size:.9rem;font-weight:600;line-height:1.3}.mark-card-chips{flex-wrap:wrap;gap:.35rem;display:flex}.mark-card-score-block{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;display:flex}.mark-card-score{align-items:baseline;gap:1px;display:flex}.mark-card-scored{font-family:var(--font-display);color:var(--text-1);font-size:1.5rem;font-weight:700;line-height:1}.mark-card-total{color:var(--text-3);font-size:.8rem}.mark-card-pct{color:var(--text-3);font-size:.72rem}.mark-card-divider{background:var(--border);height:1px;margin:0 1.1rem}.mark-card-bottom{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.1rem 1rem;display:flex}.mark-card-grade-pf{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.mark-card-remarks{color:var(--text-2);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.775rem;font-style:italic;overflow:hidden}.mark-card-remarks.empty{color:var(--text-3);font-style:normal}.marks-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.marks-empty-icon{color:var(--text-3);margin-bottom:.25rem;font-size:2rem}.marks-empty-state h4{font-family:var(--font-display);color:var(--text-2);font-size:1rem;font-weight:600}.marks-empty-state p{color:var(--text-3);font-size:.825rem}.marks-loading{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-raised) 50%, var(--bg-hover) 75%);background-size:200% 100%;height:52px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.marks-error-bar{border-radius:var(--radius-md);color:var(--red);background:#ef44440f;border:1px solid #ef444426;align-items:center;gap:.75rem;padding:.9rem 1.25rem;font-size:.85rem;display:flex}@media (width<=900px){.marks-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.marks-table-card{display:none}.marks-cards-list{display:flex}.filter-divider{display:none}.marks-filter-bar{flex-direction:column;align-items:flex-start;gap:.6rem}}@media (width<=480px){.marks-heading-left h2{font-size:1.15rem}.mark-card-scored{font-size:1.25rem}}@media (width<=380px){.mark-card-remarks{display:none}}