:root{--accent-blue: #0a1120;--accent-gold: #ffb830;--accent-grey: #a0aec0;--card-bg: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .08);--gradient-blue: linear-gradient(135deg, #0a1120, #162a4a);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--t-fast: .15s ease;--t-mid: .25s ease;--t-slow: .4s ease;--font: "Plus Jakarta Sans", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:#0a1120;color:#e4e7f0;font-size:14px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--c-surface3);border-radius:var(--r-full)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}p{color:var(--c-text-muted)}a{color:var(--accent-gold);text-decoration:none}img{width:100%;height:100%;object-fit:cover}:not(.login-container) input:not(.lp-input):not(.datatable-search input):not(.form-input):not(.per-page-select){color:var(--white);outline:none;transition:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-fade-up{animation:fadeInUp .45s ease both}.animate-slide-in{animation:slideInLeft .35s ease both}.animate-scale-in{animation:scaleIn .3s ease both}:root{--bg-dark: #0a1120;--accent-gold: #ffb830;--text-muted: #a0aec0;--card-bg: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .08);--accent-gold-bg: linear-gradient(135deg, #fb923c, #dc2626);--white: #ffffff;--dashboard-bg: #f5f7fa;--bg-linear: linear-gradient(175deg, #f5a623 0%, #e8820c 40%, #d4600a 100%);--gold-dim: rgba(255, 184, 48, .15);--gold-glow: rgba(255, 184, 48, .35);--blue-deep: #060d1a;--blue-mid: #0e1f3b;--gold-text: #ffd166}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.login-container{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 90% 60% at 15% 5%,rgba(14,31,59,.95) 0%,transparent 65%),radial-gradient(ellipse 70% 55% at 85% 95%,rgba(255,184,48,.07) 0%,transparent 60%),linear-gradient(170deg,#060d1a,#0a1120 40%,#081828,#0a0f1e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;padding:48px 32px 28px;gap:52px}.login-grid-canvas{position:fixed;inset:0;pointer-events:none;z-index:0}.login-aurora{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%}.aurora-blob-1{width:720px;height:720px;top:-260px;left:-180px;background:radial-gradient(circle,rgba(10,40,100,.55) 0%,transparent 68%);filter:blur(100px)}.aurora-blob-2{width:580px;height:580px;bottom:-180px;right:-140px;background:radial-gradient(circle,rgba(255,184,48,.18) 0%,rgba(180,80,0,.08) 50%,transparent 70%);filter:blur(90px)}.aurora-blob-3{width:500px;height:500px;top:38%;left:42%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(6,30,80,.4) 0%,transparent 65%);filter:blur(80px)}.aurora-blob-4{width:380px;height:380px;top:5%;right:10%;background:radial-gradient(circle,rgba(255,184,48,.12) 0%,transparent 65%);filter:blur(80px)}.aurora-blob-5{width:280px;height:280px;bottom:10%;left:5%;background:radial-gradient(circle,rgba(255,184,48,.1) 0%,transparent 65%);filter:blur(70px)}.login-particles{position:fixed;inset:0;pointer-events:none;z-index:1}.login-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffb830,#ffb83000 70%)}.bg-glow{position:absolute;width:680px;height:680px;background:radial-gradient(circle,rgba(14,50,130,.5) 0%,transparent 68%);top:-240px;right:-200px;filter:blur(110px);z-index:0;border-radius:50%}.bg-glow-gold{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,184,48,.18) 0%,transparent 68%);bottom:-150px;right:-100px;filter:blur(100px);z-index:0;border-radius:50%}.login-ray{position:fixed;pointer-events:none;z-index:1;opacity:.03;background:linear-gradient(to right,transparent,#ffb830 50%,transparent);transform-origin:top left}.login-ray-1{width:200%;height:1px;top:28%;left:-50%;transform:rotate(-18deg);animation:ray-pulse 8s ease-in-out infinite}.login-ray-2{width:200%;height:1px;top:62%;left:-50%;transform:rotate(-18deg);animation:ray-pulse 11s ease-in-out infinite reverse;animation-delay:3s}@keyframes ray-pulse{0%,to{opacity:.03}50%{opacity:.09}}.main-content{position:relative;z-index:10;display:flex;width:100%;max-width:1120px;justify-content:space-between;align-items:center;gap:60px}.brand-section{flex:1;display:flex;flex-direction:column;gap:18px;max-width:500px}.logo-placeholder{width:90px;height:90px;filter:drop-shadow(0 0 18px rgba(255,184,48,.45));transition:filter .3s}.logo-placeholder:hover{filter:drop-shadow(0 0 30px rgba(255,184,48,.7))}.logo{width:100%;height:100%;object-fit:contain}@keyframes gold-pulse{0%,to{box-shadow:0 0 6px var(--accent-gold)}50%{box-shadow:0 0 16px var(--accent-gold),0 0 32px #ffb83066}}.university-name{font-size:2.9rem;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 40px rgba(255,184,48,.12)}.university-name span{color:var(--accent-gold);text-shadow:0 0 30px rgba(255,184,48,.6)}.tagline{color:var(--text-muted);line-height:1.7;font-size:14px}.brand-stats{display:flex;gap:28px;margin-top:6px;padding-top:20px;border-top:1px solid rgba(255,184,48,.1)}.brand-stat{display:flex;flex-direction:column;gap:3px}.brand-stat-val{font-size:20px;font-weight:800;color:var(--accent-gold);text-shadow:0 0 16px rgba(255,184,48,.5)}.brand-stat-lbl{font-size:10.5px;font-weight:600;color:#a0aec099;text-transform:uppercase;letter-spacing:.08em}.login-card-wrap{position:relative;flex-shrink:0;width:450px}.card-glow-ring{position:absolute;inset:-3px;border-radius:30px;background:conic-gradient(from 0deg,#ffb830e6,#ff640080,#0a1e5066,#0e64c899,#ffb830e6);filter:blur(10px);opacity:.6;animation:conic-spin 10s linear infinite;z-index:0}@keyframes conic-spin{to{transform:rotate(360deg)}}.login-card{position:relative;z-index:2;background:#081020c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,184,48,.12);padding:38px 36px 28px;border-radius:26px;box-shadow:0 32px 64px #0009,0 0 0 1px #ffb8300f inset,0 1px #ffffff0d inset}.login-card h2{font-size:20px;font-weight:800;color:#fff;margin-bottom:26px;letter-spacing:-.01em}.input-group{margin-bottom:20px;position:relative}.input-group input{width:100%;padding:14px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#fff;font-family:inherit;font-size:14px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.input-group input::placeholder{color:#a0aec080}.input-group input:focus{border-color:#ffb83080;background:#ffffff17;box-shadow:0 0 0 3px #ffb8301a,0 0 20px #ffb83014}.forgot-password{display:block;text-align:right;font-size:11.5px;font-weight:600;color:var(--accent-gold);margin-top:8px;cursor:pointer;opacity:.8;transition:opacity .2s}.forgot-password:hover{opacity:1}.verify-btn{position:relative;overflow:hidden;width:100%;padding:15px;background:linear-gradient(135deg,#c88a00 0%,var(--accent-gold) 50%,#ffd76e 100%);border:none;border-radius:14px;color:#0a1120;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.07em;cursor:pointer;box-shadow:0 4px 24px #ffb83073,0 0 0 1px #ffb8304d inset;transition:box-shadow .3s,transform .15s;margin-top:4px}.verify-btn:hover{box-shadow:0 8px 36px #ffb830a6,0 0 0 1px #ffb83066 inset}.btn-shimmer{position:absolute;top:0;left:-75%;width:55%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);animation:btn-shimmer-sweep 3.5s infinite;pointer-events:none}@keyframes btn-shimmer-sweep{0%{left:-75%}60%{left:120%}to{left:120%}}.security-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:11.5px;font-weight:500;color:#a0aec066}.security-footer svg{font-size:15px;color:#ffb83066}.features-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;width:100%}.feature-card{position:relative;overflow:hidden;background:#08102099;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:28px 24px 30px;text-align:center;transition:border-color .3s,box-shadow .3s}.feature-card:hover{border-color:#ffb8302e;box-shadow:0 20px 50px #00000073,0 0 0 1px #ffb83014}.feature-icon{font-size:26px;color:var(--accent-gold);margin-bottom:14px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px rgba(255,184,48,.45))}.feature-card h3{font-size:14.5px;font-weight:700;color:#e8eaf0;margin-bottom:8px}.feature-card p{font-size:12.5px;color:var(--text-muted);line-height:1.65}.feature-card-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0;transform:scaleX(.3);transition:opacity .3s,transform .4s}.feature-card:hover .feature-card-line{opacity:.7;transform:scaleX(1)}@media(min-width:1400px){.main-content,.features-grid{max-width:1300px}}@media(max-width:1060px){.main-content{flex-direction:column;text-align:center;gap:40px}.brand-section{align-items:center;max-width:600px}.brand-stats{justify-content:center}.login-card-wrap{width:100%;max-width:480px}}@media(max-width:768px){.login-container{padding:30px 18px 20px;gap:36px}.university-name{font-size:2.2rem}.login-card{padding:28px 22px 22px;border-radius:20px}.features-grid{grid-template-columns:1fr}.aurora-blob-1{width:400px;height:400px}.aurora-blob-2{width:320px;height:320px}}@media(max-width:480px){.university-name{font-size:1.75rem}.brand-stats{gap:18px}.login-card{border-radius:18px}.login-card-wrap{width:100%}.features-grid{gap:12px}}.login-error-banner{background:#dc32321f;border:1px solid rgba(220,50,50,.35);border-radius:10px;padding:10px 14px;font-size:13px;color:#ff7878;margin-bottom:18px;line-height:1.45}.password-group{position:relative}.password-group input{padding-right:46px}.password-toggle{position:absolute;top:50%;right:14px;transform:translateY(-60%);background:none;border:none;cursor:pointer;color:#a0aec08c;padding:4px;display:flex;align-items:center;transition:color .2s;z-index:2}.password-toggle:hover{color:var(--accent-gold)}.verify-btn.loading{opacity:.75;cursor:not-allowed}.verify-btn:disabled{cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-group input:disabled{opacity:.55;cursor:not-allowed}:root{--sb-width: 260px;--sb-collapsed: 72px;--sb-bg: #080f1e;--sb-border: rgba(255, 184, 48, .08);--sb-item-hover: rgba(255, 184, 48, .07);--sb-item-active: rgba(255, 184, 48, .13);--sb-text: #a8b3cf;--sb-text-active: #fff;--tb-height: 64px;--tb-bg: rgba(8, 15, 30, .85);--main-bg: #0a1120;--main-bg-light: #f0f4ff;--surface: rgba(255, 255, 255, .04);--surface-border: rgba(255, 255, 255, .07);--dm: 1}html.light-mode{--sb-border: rgba(0, 0, 0, .06);--sb-item-hover: rgba(255, 255, 255, .14);--sb-item-active: rgba(10, 17, 32, .3);--sb-text: rgba(255, 255, 255, .72);--sb-text-active: #ffffff;--tb-bg: #ffffff;--main-bg: #f7f8fc;--surface: rgba(255, 255, 255, .85);--surface-border: rgba(0, 0, 0, .08);--text-muted: #4a5568;--text-primary: #0a1120;--lm-gradient-accent: linear-gradient(135deg, #ffb830 0%, #d4600a 100%)}html.light-mode body{background-color:#f7f8fc;background-image:radial-gradient(ellipse 60% 55% at 5% 5%,rgba(255,184,48,.13) 0%,transparent 65%),radial-gradient(ellipse 55% 50% at 98% 95%,rgba(255,140,20,.09) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 95% 5%,rgba(108,99,255,.06) 0%,transparent 55%),radial-gradient(ellipse 45% 35% at 50% 50%,rgba(255,255,255,1) 0%,transparent 80%);background-attachment:fixed;color:#0a1120}html.light-mode .dashboard-main{color:#0a1120}.dashboard-shell{display:flex;min-height:100vh;background:var(--main-bg);transition:background .4s ease;position:relative}html.light-mode .dashboard-shell{background:transparent}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sb-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;z-index:200;transition:width .28s cubic-bezier(.4,0,.2,1),background .3s ease,border-color .3s ease;overflow:hidden}.sidebar.collapsed{width:var(--sb-collapsed)}.sidebar.peeking{width:var(--sb-width);box-shadow:6px 0 32px #00000073}.sidebar.peeking .sb-item:hover:after,.sidebar.peeking .sb-collapse-btn:hover:after{display:none}.sb-logo{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid var(--sb-border);min-height:var(--tb-height);overflow:hidden;flex-shrink:0}.sb-logo-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;box-shadow:0 0 18px #ffb83059}.sb-logo-text{overflow:hidden;white-space:nowrap;transition:opacity .2s,width .2s}.sb-logo-text h2{font-size:14px;font-weight:800;color:var(--sb-text-active);letter-spacing:.3px;line-height:1.2}.sb-logo-text span{font-size:10px;color:var(--accent-gold);font-weight:600;letter-spacing:1px;text-transform:uppercase}.sidebar.collapsed .sb-logo-text{opacity:0;width:0}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-thumb{background:#ffb83033;border-radius:99px}.sb-section-label{font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sb-text);opacity:.5;padding:14px 10px 6px;white-space:nowrap;overflow:hidden;transition:opacity .2s}.sidebar.collapsed .sb-section-label{opacity:0;height:0;padding:0}.sb-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;color:var(--sb-text);font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;transition:background .18s ease,color .18s ease;position:relative;-webkit-user-select:none;user-select:none}.sb-item:hover{background:var(--sb-item-hover);color:var(--sb-text-active)}.sb-item.active{background:var(--sb-item-active);color:var(--sb-text-active)}.sb-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--accent-gold);border-radius:0 4px 4px 0}.sb-icon{font-size:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px}.sb-item.active .sb-icon{color:var(--accent-gold)}.sb-label{flex:1;transition:opacity .18s}.sidebar.collapsed .sb-label,.sidebar.collapsed .sb-chevron{opacity:0;pointer-events:none}.sb-chevron{font-size:13px;transition:transform .22s ease,opacity .18s;flex-shrink:0}.sb-chevron.open{transform:rotate(180deg)}.sb-dropdown{overflow:hidden;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.sb-dropdown.open{max-height:400px}.sidebar.collapsed .sb-dropdown{max-height:0!important}.sb-sub-item{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 42px;border-radius:8px;cursor:pointer;color:var(--sb-text);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.sb-sub-item:hover{background:var(--sb-item-hover);color:var(--sb-text-active)}.sb-sub-item.active{color:var(--accent-gold)}.sb-sub-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;flex-shrink:0}.sb-footer{border-top:1px solid var(--sb-border);padding:12px 8px;display:flex;flex-direction:column;gap:4px}.sb-collapse-btn{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;cursor:pointer;color:var(--sb-text);font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;transition:background .18s,color .18s;border:none;background:transparent;width:100%;text-align:left}.sb-collapse-btn:hover{background:var(--sb-item-hover);color:var(--sb-text-active)}.sb-item[data-tip],.sb-collapse-btn[data-tip]{position:relative}.sidebar.collapsed .sb-item:hover:after,.sidebar.collapsed .sb-collapse-btn:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1a2540;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:999;border:1px solid var(--sb-border);box-shadow:0 4px 20px #0006}.dashboard-main{flex:1;margin-left:var(--sb-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.dashboard-main.collapsed{margin-left:var(--sb-collapsed)}.topbar{position:sticky;top:0;z-index:100;height:var(--tb-height);background:var(--tb-bg);border-bottom:1px solid var(--surface-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}html.light-mode .topbar{background:#fff;border-bottom-color:#00000012;box-shadow:0 1px #0000000d,0 2px 16px #0000000a}.tb-left{display:flex;flex-direction:column;gap:1px}.tb-page-title{font-size:15px;font-weight:700;color:#e4e7f0;line-height:1.2;transition:color .3s}html.light-mode .tb-page-title{color:#0a1120}.tb-breadcrumb{font-size:11px;color:var(--sb-text);font-weight:500}html.light-mode .tb-breadcrumb{color:#4a5568}.tb-right{display:flex;align-items:center;gap:8px}.tb-icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sb-text);font-size:17px;transition:background .18s,color .18s,border-color .18s}.tb-icon-btn:hover{background:var(--sb-item-hover);color:#fff;border-color:#ffb83040}html.light-mode .tb-icon-btn{color:#1a202c;border-color:#0000001a;background:#fffc}html.light-mode .tb-icon-btn:hover{color:#0a1120;background:#0000000d;border-color:#00000026}.tb-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--accent-gold);border:2px solid var(--sb-bg)}.tb-dm-toggle{width:52px;height:28px;border-radius:999px;background:var(--surface);border:1px solid var(--surface-border);cursor:pointer;position:relative;transition:background .3s;flex-shrink:0}.tb-dm-toggle.on{background:#ffb8302e;border-color:#ffb8304d}.tb-dm-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--sb-text);transition:transform .28s cubic-bezier(.4,0,.2,1),background .3s;display:flex;align-items:center;justify-content:center;font-size:11px}html.light-mode .tb-dm-knob{background:#64748b}.tb-dm-toggle.on .tb-dm-knob{transform:translate(24px);background:var(--accent-gold)}.tb-profile{position:relative}.tb-avatar-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--surface-border);border-radius:10px;padding:4px 10px 4px 4px;cursor:pointer;transition:border-color .2s,background .2s}.tb-avatar-btn:hover{border-color:#ffb8304d;background:var(--sb-item-hover)}.tb-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#ffb830,#ff6b00);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#0a1120;flex-shrink:0}.tb-avatar-info{display:flex;flex-direction:column;text-align:left}.tb-avatar-name{font-size:12px;font-weight:700;color:#e4e7f0;line-height:1.2;white-space:nowrap;transition:color .3s}html.light-mode .tb-avatar-name{color:#0a1120}.tb-avatar-role{font-size:10px;color:var(--accent-gold);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tb-profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:#0e1a30;border:1px solid var(--surface-border);border-radius:14px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:500;animation:fadeIn .18s ease both}html.light-mode .tb-profile-dropdown{background:#fff;box-shadow:0 20px 60px #0000001f}.tb-pd-header{padding:14px 16px;border-bottom:1px solid var(--surface-border)}.tb-pd-header p{font-size:12px;color:var(--sb-text);margin-top:2px}.tb-pd-header h4{font-size:13px;font-weight:700;color:#e4e7f0}html.light-mode .tb-pd-header h4{color:#0a1120}html.light-mode .tb-pd-header p{color:#4a5568}.tb-pd-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--sb-text);cursor:pointer;transition:background .15s,color .15s}.tb-pd-item:hover{background:var(--sb-item-hover);color:#fff}html.light-mode .tb-pd-item{color:#1a202c}html.light-mode .tb-pd-item:hover{color:#0a1120;background:#0000000a}.tb-pd-item.danger{color:#f87171}.tb-pd-item.danger:hover{background:#f871711a;color:#f87171}.tb-pd-divider{height:1px;background:var(--surface-border);margin:4px 0}.tb-notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#0e1a30;border:1px solid var(--surface-border);border-radius:14px;box-shadow:0 20px 60px #00000080;z-index:500;overflow:hidden;animation:fadeIn .18s ease both}html.light-mode .tb-notif-dropdown{background:#fff}.tb-notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--surface-border)}.tb-notif-header h4{font-size:13px;font-weight:700;color:#e4e7f0}html.light-mode .tb-notif-header h4{color:#0a1120}.tb-notif-mark{font-size:11px;font-weight:600;color:var(--accent-gold);cursor:pointer}.tb-notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--surface-border);cursor:pointer;transition:background .15s}.tb-notif-item:hover{background:var(--surface)}.tb-notif-item:last-child{border-bottom:none}.tb-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-gold);flex-shrink:0;margin-top:5px}.tb-notif-dot.read{background:transparent;border:1.5px solid var(--sb-text)}.tb-notif-text{flex:1}.tb-notif-text p{font-size:12.5px;color:#e4e7f0;margin:0;line-height:1.4}html.light-mode .tb-notif-text p{color:#0a1120}.tb-notif-text span{font-size:11px;color:var(--sb-text)}html.light-mode .tb-notif-text span{color:#64748b}.tb-notif-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--sb-text)}html.light-mode .tb-notif-empty{color:#4a5568}.dashboard-content{flex:1;padding:28px;animation:fadeIn .3s ease both}.dashboard-footer{padding:14px 28px;border-top:1px solid var(--surface-border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--sb-text);gap:12px;flex-wrap:wrap;transition:border-color .3s}.df-left{display:flex;align-items:center;gap:6px}.df-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.sb-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:190;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width:900px){.sidebar{transform:translate(-100%);width:var(--sb-width)!important}.sidebar.mobile-open{transform:translate(0)}.sb-overlay{display:block}.dashboard-main{margin-left:0!important}.tb-search{display:none}}@media(max-width:480px){.dashboard-content{padding:18px 16px}.tb-avatar-info{display:none}.topbar{padding:0 14px}}.ldb-root{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.ldb-hero{position:relative;overflow:hidden;border-radius:20px;padding:36px 36px 32px;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);border:1px solid rgba(59,130,246,.25);isolation:isolate}.ldb-hero-text{position:relative;z-index:2}.ldb-greeting{font-size:13px;font-weight:600;color:#bfdbfecc;margin-bottom:4px;letter-spacing:.3px}.ldb-name{font-size:30px;font-weight:800;color:#fff;margin:0 0 14px;line-height:1.1;letter-spacing:-.5px}.ldb-badges{display:flex;flex-wrap:wrap;gap:8px}.ldb-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#dbeafee6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ldb-hero-orb{position:absolute;border-radius:50%;z-index:1;pointer-events:none}.ldb-orb-1{width:260px;height:260px;top:-80px;right:-40px;background:radial-gradient(circle,rgba(59,130,246,.35) 0%,transparent 70%)}.ldb-orb-2{width:180px;height:180px;bottom:-60px;right:160px;background:radial-gradient(circle,rgba(96,165,250,.25) 0%,transparent 70%)}.ldb-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.ldb-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--card-bg, #1a2035);border:1px solid var(--border, rgba(255, 255, 255, .07));transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;cursor:pointer;box-shadow:0 2px 10px #0000000a}html:not(.light-mode) .ldb-stat-card{box-shadow:none}.ldb-stat-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}html:not(.light-mode) .ldb-stat-card:hover{box-shadow:0 8px 24px #00000040}.ldb-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ldb-stat-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ldb-stat-value{font-size:22px;font-weight:800;color:var(--text-primary, #f8fafc);line-height:1.1}.ldb-stat-label{font-size:12px;font-weight:600;color:var(--text-muted, #94a3b8);line-height:1.3}.ldb-stat-sub{font-size:11px;color:var(--text-muted, #64748b);margin-top:2px}.ldb-stat-arrow{color:var(--text-muted, #64748b);flex-shrink:0}.ldb-section{display:flex;flex-direction:column;gap:14px}.ldb-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #94a3b8);margin:0}.ldb-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.ldb-quick-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:16px;background:var(--card-bg, #1a2035);border:1px solid var(--border, rgba(255, 255, 255, .07));cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s;font-family:inherit;box-shadow:0 2px 10px #0000000a}html:not(.light-mode) .ldb-quick-btn{box-shadow:none}.ldb-quick-btn:hover{border-color:var(--qa-color, rgba(59, 130, 246, .35));transform:translateY(-2px);box-shadow:0 6px 20px #3b82f626}html:not(.light-mode) .ldb-quick-btn:hover{box-shadow:0 6px 20px #0003}.ldb-quick-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--qa-color, #3b82f6)}.ldb-quick-label{font-size:12px;font-weight:600;color:var(--text-primary, #f8fafc);text-align:center;line-height:1.3}.ldb-bottom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.ldb-card{background:var(--card-bg, #1a2035);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a}html:not(.light-mode) .ldb-card{box-shadow:none}.ldb-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.ldb-card-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-primary, #f8fafc);margin:0}.ldb-see-all{display:flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:#3b82f6;background:none;border:none;cursor:pointer;padding:0;opacity:.85;transition:opacity .15s}.ldb-see-all:hover{opacity:1}.ldb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;color:var(--text-muted, #94a3b8);font-size:13px;text-align:center}.ldb-cta{margin-top:6px;padding:7px 18px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;cursor:pointer;transition:opacity .15s}.ldb-cta:hover{opacity:.88}.ldb-course-list{padding:8px 0}.ldb-course-row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.ldb-course-row:last-child{border-bottom:none}.ldb-course-row:hover{background:#ffffff06}.ldb-course-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;flex-shrink:0}.ldb-course-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ldb-course-name{font-size:13px;font-weight:600;color:var(--text-primary, #f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldb-course-code{font-size:11px;color:var(--text-muted, #94a3b8);font-family:monospace}.ldb-course-credit{font-size:11px;font-weight:700;color:#3b82f6;white-space:nowrap}.ldb-more{text-align:center;font-size:12px;color:#3b82f6;cursor:pointer;padding:10px;opacity:.8;transition:opacity .15s}.ldb-more:hover{opacity:1}.ldb-assign-list{padding:6px 0}.ldb-assign-row{display:flex;align-items:flex-start;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.04)}.ldb-assign-row:last-child{border-bottom:none}.ldb-assign-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0;margin-top:4px}.ldb-assign-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ldb-assign-title{font-size:13px;font-weight:600;color:var(--text-primary, #f8fafc);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldb-assign-sub{font-size:11px;color:var(--text-muted, #94a3b8)}.ldb-acad-list{padding:8px 0}.ldb-acad-row{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.04)}.ldb-acad-row:last-child{border-bottom:none}.ldb-acad-label{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:500}.ldb-acad-value{font-size:13px;font-weight:700;color:var(--text-primary, #f8fafc);max-width:55%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.ldb-hero{padding:24px 20px}.ldb-name{font-size:22px}.ldb-quick-grid{grid-template-columns:repeat(4,1fr)}.ldb-stats-grid{grid-template-columns:1fr 1fr}}.search-box{position:relative;display:flex;align-items:center;margin-bottom:.2rem}.search-icon{position:absolute;left:13px;color:#9ca3af;pointer-events:none}.search-input{width:100%;height:40px;padding:0 36px;border-radius:9px;border:1px solid rgba(0,0,0,.09);background:#f8f9fb;font-size:13.5px;color:#0a1120;outline:none;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#ffb830;box-shadow:0 0 0 3px #ffb8301f;background:#fff}html:not(.light-mode) .search-input{background:#ffffff0d;border-color:#ffffff14;color:#e4e7f0}.search-clear{position:absolute;right:10px;background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;line-height:1;padding:2px 4px}.search-clear:hover{color:#ef4444}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding:4px 0 24px}.course-card{background:var(--card-bg, #1e2235);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:14px;padding:20px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;gap:14px}.course-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #6366f12e;border-color:#6366f1}html:not(.light-mode) .course-card:hover{box-shadow:0 8px 28px #00000059}.course-card-top{display:flex;align-items:flex-start;gap:14px}.course-icon-wrap{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.course-name{font-size:14px;font-weight:700;color:var(--text-primary, #f1f5f9);line-height:1.4}.course-code{font-size:11.5px;color:var(--text-muted, #94a3b8);margin-top:2px;font-family:monospace;letter-spacing:.5px}.course-card-badges{display:flex;gap:8px;flex-wrap:wrap}.course-badge{display:flex;flex-direction:column;align-items:center;padding:5px 10px;border-radius:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.22);min-width:54px}html:not(.light-mode) .course-badge{background:#6366f126;border-color:#6366f14d}.badge-val{font-size:13px;font-weight:700;color:#6366f1}html:not(.light-mode) .badge-val{color:#a5b4fc}.badge-lbl{font-size:10px;color:#64748b}html:not(.light-mode) .badge-lbl{color:#94a3b8}.course-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border, rgba(255, 255, 255, .07))}.course-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.course-status.active{background:#22c55e1f;color:#22c55e}.course-status.inactive{background:#ef44441f;color:#ef4444}.course-view-topics{font-size:11.5px;color:#6366f1;font-weight:700;opacity:1;transition:color .15s;display:flex;align-items:center;gap:4px}html:not(.light-mode) .course-view-topics{color:#a5b4fc}.course-card:hover .course-view-topics{color:#818cf8}.courses-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding:4px 0 24px}.course-card-skeleton{height:170px;border-radius:14px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.courses-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--text-muted, #94a3b8);font-size:14px}.assigned-count-chip{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;background:#6366f11a;border:1px solid rgba(99,102,241,.22);font-size:13px;font-weight:600;color:var(--accent, #6366f1)}.back-btn{display:flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer;transition:background .15s;margin-right:4px}.back-btn:hover{background:#ffffff1a}.add-topic-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.add-topic-btn:hover{opacity:.9;transform:translateY(-1px)}.topics-list{display:flex;flex-direction:column;gap:10px;padding-bottom:24px}.topics-loading{display:flex;align-items:center;gap:10px;padding:40px 0;color:var(--text-muted, #94a3b8);font-size:14px}.topics-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 0;color:var(--text-muted, #94a3b8);font-size:14px}.topic-card{background:var(--card-bg, #1e2235);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000040}.topic-card.expanded{border-color:#6366f159}.topic-card-header{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.topic-card-header:hover{background:#ffffff06}.topic-index{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topic-meta{flex:1;display:flex;flex-direction:column;gap:2px}.topic-title{font-size:13.5px;font-weight:600;color:var(--text-primary, #f1f5f9)}.topic-date{font-size:11px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:4px}.topic-chevron{font-size:18px;color:var(--text-muted, #94a3b8);transition:transform .2s;line-height:1}.topic-chevron.open{transform:rotate(180deg)}.topic-content{padding:0 18px 18px 60px;font-size:13.5px;line-height:1.7;color:var(--text-secondary, #cbd5e1);border-top:1px solid var(--border, rgba(255, 255, 255, .06))}.topic-content p,.topic-content ul,.topic-content ol{margin-top:8px;margin-bottom:8px}.add-topic-form{display:flex;flex-direction:column;gap:16px}.course-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.topic-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.topic-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-muted, #94a3b8);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.topic-edit-btn:hover{background:#6366f12e;color:#6366f1;border-color:#6366f159}.topic-title{font-size:13.5px;font-weight:600;color:var(--text-primary, #f1f5f9)!important;line-height:1.4}.topic-date{font-size:11px;color:var(--text-muted, #94a3b8)!important;display:flex;align-items:center;gap:4px;margin-top:2px}.course-name{font-size:14px;font-weight:700;color:var(--text-primary, #f1f5f9)!important;line-height:1.4}.course-code{font-size:11.5px;color:var(--text-muted, #94a3b8)!important;margin-top:2px;font-family:monospace;letter-spacing:.5px}.page-header-left{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}.page-header-left>div:last-child{min-width:0;overflow:hidden}.page-header-left .page-title,.page-header-left .page-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spinner-wrapper{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}.spinner{border:3px solid;border-radius:50%;animation:spin .8s linear infinite;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceDots{0%{box-shadow:6px 0 0 0 currentColor,12px 0 0 0 currentColor,18px 0 0 0 currentColor}33%{box-shadow:6px -6px 0 0 currentColor,12px 0 0 0 currentColor,18px 0 0 0 currentColor}66%{box-shadow:6px 0 0 0 currentColor,12px -6px 0 0 currentColor,18px 0 0 0 currentColor}to{box-shadow:6px 0 0 0 currentColor,12px 0 0 0 currentColor,18px 0 0 0 currentColor}}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease both}.modal-card{background:#fff;border-radius:18px;width:100%;max-width:480px;box-shadow:0 24px 60px #0000002e;animation:scaleIn .2s ease both;overflow:hidden}.modal-card.modal-wide{width:80%;max-width:1200px}html:not(.light-mode) .modal-card{background:#0e1a30;border:1px solid rgba(255,255,255,.07)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 0;gap:12px}.modal-title{font-size:16px;font-weight:700;color:#0a1120;display:flex;align-items:center;gap:8px}html:not(.light-mode) .modal-title{color:#e4e7f0}.modal-sub{font-size:12.5px;color:#64748b;margin-top:3px}.modal-close{width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;flex-shrink:0;transition:background .15s}.modal-close:hover{background:#ef444414;color:#ef4444;border-color:#ef444433}.modal-body{padding:20px 24px 24px;max-height:75vh;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#00000026;border-radius:20px}html:not(.light-mode) .modal-body::-webkit-scrollbar-thumb{background:#ffffff2e}.form-grid{display:flex;flex-wrap:wrap;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.col-1{flex:1 1 100%}.col-2{flex:1 1 calc(50% - 8px)}.col-3{flex:1 1 calc(33.333% - 11px)}.col-4{flex:1 1 calc(25% - 12px)}.col-6{flex:1 1 calc(50% - 8px)}.col-12{flex:1 1 100%}@media(max-width:768px){.col-2,.col-3,.col-4,.col-6{flex:1 1 100%}}.modal-label{font-size:13px;font-weight:600;color:#374151}html:not(.light-mode) .modal-label{color:#a8b3cf}.modal-input{width:100%;height:42px;padding:0 14px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f8f9fb;font-size:14px;color:#0a1120;outline:none;transition:border-color .15s,box-shadow .15s}html:not(.light-mode) .modal-input{background:#ffffff0d;border-color:#ffffff1a;color:#e4e7f0}.modal-input:focus{border-color:#ffb830;box-shadow:0 0 0 3px #ffb83024;background:#fff}select.modal-input{appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5H5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}select.modal-input option{color:#0a1120;background:#fff}html:not(.light-mode) select.modal-input option{background:#0e1a30;color:#e4e7f0}select[multiple].modal-input{appearance:auto;height:auto;min-height:130px;padding:6px 4px;background-image:none;border-radius:10px;overflow-y:auto;cursor:default}select[multiple].modal-input::-webkit-scrollbar{width:6px}select[multiple].modal-input::-webkit-scrollbar-track{background:transparent}select[multiple].modal-input::-webkit-scrollbar-thumb{background:#0000002e;border-radius:20px}html:not(.light-mode) select[multiple].modal-input::-webkit-scrollbar-thumb{background:#fff3}select[multiple].modal-input option{padding:7px 10px;border-radius:6px;font-size:13.5px;cursor:pointer;color:#0a1120;background:transparent}html:not(.light-mode) select[multiple].modal-input option{color:#e4e7f0;background:transparent}select[multiple].modal-input option:checked{background:linear-gradient(135deg,#ffb830,#d4600a)!important;color:#fff!important;font-weight:600}select[multiple].modal-input option:hover{background:#ffb8301f}select[multiple].modal-input:focus{border-color:#ffb830;box-shadow:0 0 0 3px #ffb83024;background:#fff}html:not(.light-mode) select[multiple].modal-input:focus{background:#ffffff0d}.multi-select-hint{font-size:11.5px;color:#94a3b8;margin-top:2px}textarea.modal-input{height:auto;min-height:90px;padding:12px 14px;resize:vertical}input[type=file].modal-input{padding:8px 10px;height:auto;cursor:pointer}input[type=file].modal-input::file-selector-button{border:none;padding:6px 12px;margin-right:10px;border-radius:6px;background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;font-size:12px;font-weight:600;cursor:pointer}input[type=file].modal-input::file-selector-button:hover{opacity:.9}.section-title-divider{flex:1 1 100%;font-size:13px;font-weight:700;margin-top:8px;margin-bottom:6px;color:#64748b;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:4px}html:not(.light-mode) .section-title-divider{border-bottom:1px solid rgba(255,255,255,.08)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 24px}.modal-cancel{padding:9px 20px;border-radius:10px;border:1px solid rgba(0,0,0,.09);background:transparent;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;transition:background .15s}.modal-cancel:hover{background:#0000000a}.modal-submit{padding:9px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:opacity .15s,box-shadow .15s;box-shadow:0 4px 14px #d4600a4d}.modal-submit:hover:not(:disabled){box-shadow:0 6px 18px #d4600a66}.modal-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.subject-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#f8f9fb;min-height:52px}html:not(.light-mode) .subject-chips{background:#ffffff0a;border-color:#ffffff14}.subject-chip{padding:5px 13px;border-radius:20px;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:12.5px;font-weight:500;color:#374151;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.subject-chip:hover{border-color:#ffb830;color:#d4600a}.subject-chip.active{background:linear-gradient(135deg,#ffb830,#d4600a);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 2px 8px #d4600a40}html:not(.light-mode) .subject-chip{background:#ffffff12;border-color:#ffffff1a;color:#a8b3cf}.logs-admin-strip{display:flex;flex-wrap:wrap;gap:20px;padding:14px 16px;background:#f8f9fb;border-radius:10px;margin-bottom:16px;border:1px solid rgba(0,0,0,.06)}html:not(.light-mode) .logs-admin-strip{background:#ffffff0a;border-color:#ffffff12}.logs-admin-field{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#374151}html:not(.light-mode) .logs-admin-field{color:#c8d0e0}.logs-field-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.logs-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.logs-list::-webkit-scrollbar{width:5px}.logs-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}.log-entry{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;transition:background .15s}.log-entry:hover{background:#f8faff}html:not(.light-mode) .log-entry{background:#ffffff0a;border-color:#ffffff12}.log-entry-left{display:flex;align-items:flex-start;gap:10px;flex:1}.log-entry-content{display:flex;flex-direction:column;gap:2px}.log-entry-content>span{font-size:15px}.log-title{font-size:13px;font-weight:600;color:#1e293b}html:not(.light-mode) .log-title{color:#e4e7f0}.log-desc{font-size:12px;color:#64748b}.log-meta{font-size:11px;color:#94a3b8;margin-top:2px}.log-type-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#0000000d;color:#64748b;white-space:nowrap;align-self:center}html:not(.light-mode) .log-type-badge{background:#ffffff14;color:#a8b3cf}.logs-empty{text-align:center;padding:40px 16px;color:#94a3b8;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.logs-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:10px}.olevel-form-wrap{display:flex;flex-direction:column;gap:24px}.olevel-sitting{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}html:not(.light-mode) .olevel-sitting{border-color:#ffffff12}.olevel-sitting-title{padding:10px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.07)}html:not(.light-mode) .olevel-sitting-title{background:#ffffff0a;border-bottom-color:#ffffff0f}.olevel-sitting>.form-grid{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}html:not(.light-mode) .olevel-sitting>.form-grid{border-bottom-color:#ffffff0d}.olevel-subjects-grid{padding:10px 16px 14px;display:flex;flex-direction:column;gap:8px}.olevel-subjects-head{display:grid;grid-template-columns:1fr 140px;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:0 2px 4px;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:2px}html:not(.light-mode) .olevel-subjects-head{border-bottom-color:#ffffff0d}.olevel-subject-row{display:grid;grid-template-columns:1fr 140px;gap:10px;align-items:center}.olevel-subject-row .modal-input{height:38px;font-size:13px}.reset-button{padding:12px 18px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#e74c3c,#ff6b5a);border:none;border-radius:8px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #e74c3c4d;outline:none}.reset-button:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#ff5a4a);transform:translateY(-1px);box-shadow:0 6px 14px #c0392b59}.reset-button:active:not(:disabled){transform:scale(.96);box-shadow:0 3px 8px #c0392b40}.reset-button:focus-visible{box-shadow:0 0 0 3px #e74c3c66}.reset-button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;opacity:.7}.reset-button.loading{position:relative;pointer-events:none}.reset-button.loading:after{content:"";width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;position:absolute;right:12px;top:50%;transform:translateY(-50%);animation:spin .6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.general-table-wrapper{border-radius:14px;overflow:visible;border:1px solid rgba(0,0,0,.07);background:#fff;box-shadow:0 2px 16px #0000000f;width:100%}.datatable-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.datatable-search{width:260px;height:34px;padding:0 12px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:13px;color:#374151;outline:none;transition:all .15s}.datatable-search::placeholder{color:#9ca3af}.datatable-search:focus{border-color:#ffb830;box-shadow:0 0 0 2px #ffb83026}.general-table{width:100%;border-radius:14px;overflow-y:visible}.general-table table{width:100%;border-collapse:collapse}.general-table thead{background:#f8f9fb;border-bottom:1px solid rgba(0,0,0,.07)}.general-table th{text-align:left;padding:13px 16px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.general-table td{padding:13px 16px;border-top:1px solid rgba(0,0,0,.05);font-size:13.5px;color:#374151}.general-table tbody tr{transition:background .12s ease}.general-table tbody tr:hover{background:#f8faff}.table-state{padding:50px 16px!important;text-align:center;color:#9ca3af;font-size:14px;border-top:none!important}.table-empty-icon{display:block;font-size:28px;margin-bottom:8px}.skeleton{height:14px;width:100%;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:12px 16px;background:#f8f9fb;border-top:1px solid rgba(0,0,0,.06)}.table-count{font-size:12.5px;color:#64748b;font-weight:500}.table-pagination{display:flex;align-items:center;gap:4px}.page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){border-color:#ffb830;color:#d4600a;background:#ffb8300f}.page-btn.active{background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;border-color:transparent;box-shadow:0 2px 8px #d4600a40}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-gap{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:13px;color:#94a3b8;-webkit-user-select:none;user-select:none}.page-size-select{height:32px;padding:0 10px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#374151;font-size:12.5px;cursor:pointer;outline:none;transition:border-color .15s}.page-size-select:focus{border-color:#ffb830}.table-action{padding:6px 12px;border-radius:6px;border:none;background:#ffb8301f;color:#d4600a;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.table-action:hover{background:#ffb83033}@media(max-width:768px){.datatable-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.datatable-search{width:100%}.table-footer{flex-direction:column;align-items:flex-start;gap:10px}.table-pagination{flex-wrap:wrap}}html:not(.light-mode) .general-table-wrapper{background:#0e1a30;border-color:#ffffff12;box-shadow:0 2px 20px #00000059}html:not(.light-mode) .datatable-toolbar{background:#0e1a30;border-bottom-color:#ffffff0f}html:not(.light-mode) .datatable-search{background:#121f38;border-color:#ffffff14;color:#c9d1e0}html:not(.light-mode) .datatable-search::placeholder{color:#4a5568}html:not(.light-mode) .general-table thead{background:#0b1628;border-bottom-color:#ffffff0f}html:not(.light-mode) .general-table th{color:#7a8aaa}html:not(.light-mode) .general-table td{color:#c9d1e0;border-top-color:#ffffff0d}html:not(.light-mode) .general-table tbody tr:hover{background:#ffffff08}html:not(.light-mode) .table-state{color:#4a5568}html:not(.light-mode) .skeleton{background:linear-gradient(90deg,#1a2844 25%,#1f3054 37%,#1a2844 63%);background-size:400% 100%}html:not(.light-mode) .table-footer{background:#0b1628;border-top-color:#ffffff0f}html:not(.light-mode) .table-count{color:#5a6a8a}html:not(.light-mode) .page-btn{background:#131f38;border-color:#ffffff14;color:#a0aec0}html:not(.light-mode) .page-btn:hover:not(:disabled){border-color:#ffb830;background:#ffb83014;color:#ffb830}html:not(.light-mode) .page-btn.active{background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;border-color:transparent}html:not(.light-mode) .page-gap{color:#3a4a6a}html:not(.light-mode) .page-size-select{background:#131f38;border-color:#ffffff14;color:#a0aec0}html:not(.light-mode) .table-action{background:#ffb83014;color:#ffb830}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:12px}.status-badge.active{background:#e6f7ee;color:#0f9d58}.status-badge.inactive{background:#ffebee;color:#c62828}.status-badge.graduated{background:#e3f2fd;color:#1976d2}.status-badge.suspended{background:#fff3e0;color:#ef6c00}.status-badge.withdrawn{background:#fdecea;color:#d32f2f}.status-badge.present{background:#e8f5e9;color:#2e7d32}.status-badge.absent{background:#ffebee;color:#c62828}.status-badge .late{background:#fff8e1;color:#f9a825}.status-badge.paid{background:#e8f5e9;color:#2e7d32}.status-badge.unpaid{background:#ffebee;color:#c62828}.status-badge.pending{background:#fff8e1;color:#f9a825}.status-badge.overdue{background:#fdecea;color:#d32f2f}.status-badge.enrolled{background:#e8f5e9;color:#2e7d32}.status-badge.rejected{background:#ffebee;color:#c62828}.status-badge.passed{background:#e8f5e9;color:#2e7d32}.status-badge.in-progress{background:#fff8e1;color:#f9a825}.status-badge.applied{background:#e8eaf6;color:#3949ab}.status-badge.admitted{background:#e0f7fa;color:#00838f}.status-badge.initialized{background:#fff8e1;color:#f57f17}.status-badge.completed{background:#e8f5e9;color:#2e7d32}.status-badge.failed{background:#ffebee;color:#c62828}.status-badge.success,.status-badge.enabled{background:#e8f5e9;color:#2e7d32}.status-badge.disabled,.status-badge.ended{background:#ffebee;color:#c62828}.status-badge.open{background:#e8f5e9;color:#2e7d32}.status-badge.closed{background:#ffebee;color:#c62828}.add-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent-gold-bg);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:#111a33;transform:translateY(-1px)}.add-btn:active{transform:translateY(0)}.add-btn svg{stroke-width:2.5}.confirm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:cfFadeIn .16s ease both}.confirm-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px 28px 24px;text-align:center;box-shadow:0 24px 60px #0003;animation:cfScaleIn .18s ease both}html:not(.light-mode) .confirm-card{background:#0e1a30;border:1px solid rgba(255,255,255,.07)}.confirm-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.confirm-icon-danger{background:#ef44441a;color:#ef4444}.confirm-icon-success{background:#22c55e1a;color:#16a34a}.confirm-title{font-size:17px;font-weight:700;color:#0a1120;margin-bottom:8px}html:not(.light-mode) .confirm-title{color:#e4e7f0}.confirm-message{font-size:13.5px;color:#64748b;line-height:1.55;margin-bottom:24px}html:not(.light-mode) .confirm-message{color:#94a3b8}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-cancel-btn{padding:9px 22px;border-radius:10px;border:1px solid rgba(0,0,0,.09);background:transparent;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;transition:background .15s}.confirm-cancel-btn:hover{background:#0000000a}html:not(.light-mode) .confirm-cancel-btn{border-color:#ffffff1a;color:#94a3b8}.confirm-submit-btn{padding:9px 24px;border-radius:10px;border:none;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s,box-shadow .15s;min-width:110px;justify-content:center}.confirm-submit-btn:disabled{opacity:.55;cursor:not-allowed}.confirm-submit-danger{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 4px 14px #dc26264d}.confirm-submit-danger:hover:not(:disabled){box-shadow:0 6px 18px #dc262666}.confirm-submit-success{background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;box-shadow:0 4px 14px #16a34a4d}.confirm-submit-success:hover:not(:disabled){box-shadow:0 6px 18px #16a34a66}.confirm-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cfSpin .7s linear infinite;display:inline-block}@keyframes cfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cfScaleIn{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cfSpin{to{transform:rotate(360deg)}}.action-dropdown{position:relative;display:inline-block}.action-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:32px;height:32px;border-radius:8px;border:1px solid var(--surface-border, rgba(0, 0, 0, .08));background:transparent;cursor:pointer;transition:background .15s,border-color .15s;padding:0}.action-trigger:hover{background:var(--sb-item-hover, rgba(0, 0, 0, .05));border-color:var(--accent-gold, #ffb830)}.action-dot{width:4px;height:4px;border-radius:50%;background:#64748b;display:block}.action-trigger:hover .action-dot{background:var(--accent-gold, #ffb830)}.action-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 32px #0000001f;z-index:10000;overflow:hidden;animation:fadeIn .15s ease both}html:not(.light-mode) .action-menu{background:#0e1a30;border-color:#ffffff12;box-shadow:0 8px 32px #0006}.action-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:none;border:none;font-size:13px;font-weight:500;color:#374151;cursor:pointer;text-align:left;transition:background .12s}html:not(.light-mode) .action-item{color:#a8b3cf}.action-item:hover{background:#0000000a;color:#0a1120}html:not(.light-mode) .action-item:hover{background:#ffb83012;color:#fff}.action-item.danger{color:#ef4444}.action-item.danger:hover{background:#ef444414;color:#ef4444}.action-item-icon{font-size:14px;display:flex;align-items:center}.action-item:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:25px;background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000000d;max-width:1200px;margin:2rem auto}.filter-label{font-size:13px;font-weight:600;color:#4b5563;margin-bottom:6px;display:block}.select-wrapper{position:relative}.filter-select{width:100%;height:42px;padding:0 40px 0 14px;font-size:14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;appearance:none;transition:all .2s ease;cursor:pointer}.filter-select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #3b82f626;outline:none}.placeholder-active{color:#9ca3af}.icon-group{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.clear-btn{background:none;border:none;font-size:16px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.clear-btn:hover{color:#ef4444}.chevron{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #9ca3af}.lp-root{display:flex;flex-direction:column;gap:24px;padding-bottom:48px}.lp-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#0f172a,#0c1f3f,#0e2a50 80%,#1a3a6b);border:1px solid rgba(99,102,241,.18);isolation:isolate;padding:36px 36px 0}.lp-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.lp-orb-1{width:320px;height:320px;top:-100px;right:-60px;background:radial-gradient(circle,rgba(59,130,246,.28) 0%,transparent 70%)}.lp-orb-2{width:200px;height:200px;bottom:0;left:20%;background:radial-gradient(circle,rgba(99,102,241,.16) 0%,transparent 70%)}.lp-hero-inner{position:relative;z-index:2;display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.lp-avatar-wrap{position:relative;flex-shrink:0}.lp-avatar-img,.lp-avatar-initials{width:90px;height:90px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.lp-avatar-img{border:3px solid rgba(59,130,246,.5);box-shadow:0 0 0 4px #3b82f61f}.lp-avatar-initials{background:linear-gradient(135deg,#3b82f6,#6366f1);font-size:30px;font-weight:800;color:#fff;letter-spacing:-1px;border:3px solid rgba(59,130,246,.4);box-shadow:0 0 0 4px #3b82f61a}.lp-avatar-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(59,130,246,.25);animation:lp-ring-pulse 3s ease-in-out infinite}@keyframes lp-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.lp-hero-text{flex:1;min-width:0}.lp-hero-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.lp-hero-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0;line-height:1.15}.lp-hero-sub{font-size:13px;color:#bae6fdbf;margin:0 0 12px;font-weight:500}.lp-hero-badges{display:flex;flex-wrap:wrap;gap:7px}.lp-hero-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#e0e7ffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lp-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.lp-status-badge.active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.lp-status-badge.inactive{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.lp-hero-stats{position:relative;z-index:2;display:flex;align-items:center;margin-top:28px;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08)}.lp-hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.lp-hero-stat-value{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.lp-hero-stat-label{font-size:11px;font-weight:600;color:#bae6fda6;text-transform:uppercase;letter-spacing:.5px}.lp-hero-stat-divider{width:1px;height:34px;background:#ffffff1a;flex-shrink:0}.lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.lp-card{background:var(--card-bg, #1a2035);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #0000000a}html:not(.light-mode) .lp-card{box-shadow:none}.lp-card:hover{border-color:#3b82f64d;box-shadow:0 6px 28px #3b82f61f}html:not(.light-mode) .lp-card:hover{box-shadow:0 6px 28px #00000040}.lp-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.lp-card-icon{width:32px;height:32px;border-radius:9px;background:#3b82f624;color:#93c5fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-card-title{font-size:13px;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.lp-card-body{padding:6px 0}.lp-info-row{display:flex;align-items:flex-start;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.lp-info-row:last-child{border-bottom:none}.lp-info-row:hover{background:#ffffff06}.lp-info-icon{color:#64748b;margin-top:2px;flex-shrink:0}.lp-info-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lp-info-label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.4px}.lp-info-value{font-size:13px;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-subject-chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 18px}.lp-subject-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd;transition:background .15s}.lp-subject-chip:hover{background:#3b82f62e}.lp-chip-code{opacity:.65;font-weight:400;font-size:11px}html.light-mode .lp-subject-chip{background:#3b82f614;border-color:#3b82f62e;color:#1d4ed8}.lp-no-data{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;color:var(--text-muted, #94a3b8);font-size:13px}.lp-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear}.lp-skeleton-avatar{width:90px;height:90px;border-radius:50%!important;flex-shrink:0}.lp-hero-skeleton{display:flex;align-items:center;gap:24px;padding:36px;background:linear-gradient(135deg,#0f172a,#1a3a6b);border-radius:22px;min-height:200px}@media(max-width:640px){.lp-hero{padding:24px 20px 0}.lp-hero-name{font-size:20px}.lp-hero-stats{flex-wrap:nowrap;overflow-x:auto}.lp-hero-stat-value{font-size:16px}.lp-grid{grid-template-columns:1fr}}.page-container{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.page-header-left{display:flex;align-items:center;gap:14px}.page-header-right{display:flex;align-items:center;gap:10px}.page-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ffb830,#d4600a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #d4600a4d}.page-icon.orange{background:linear-gradient(135deg,#fb923c,#dc2626);box-shadow:0 4px 14px #dc262640}.page-title{font-size:18px;font-weight:700;color:#0a1120;line-height:1.2}html:not(.light-mode) .page-title{color:#e4e7f0}.page-sub{font-size:13px;color:#64748b;margin-top:2px}.filter-selects-block{display:flex;align-items:center;gap:5px;justify-content:space-between}.filter-selects-block>*:not(:last-child){flex:1}.filter-selects-block>div:last-of-type{align-self:flex-end}.assign-email-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,184,48,.3);background:#ffb83012;color:#d4600a;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.assign-email-btn:hover{background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;border-color:transparent;box-shadow:0 3px 10px #d4600a40}.adb-root{display:flex;flex-direction:column;gap:28px;padding-bottom:48px}.adb-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid rgba(0,0,0,.05);padding:32px 36px;isolation:isolate}html:not(.light-mode) .adb-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b,#1e3a5f 70%,#0d4a7a);border-color:#6366f12e}.adb-hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.adb-orb-1{width:380px;height:380px;top:-130px;right:-80px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%)}.adb-orb-2{width:220px;height:220px;bottom:-60px;left:20%;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,transparent 70%)}.adb-orb-3{width:150px;height:150px;top:10px;left:45%;background:radial-gradient(circle,rgba(201,168,76,.05) 0%,transparent 70%)}html:not(.light-mode) .adb-orb-1{background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%)}html:not(.light-mode) .adb-orb-2{background:radial-gradient(circle,rgba(14,165,233,.14) 0%,transparent 70%)}html:not(.light-mode) .adb-orb-3{background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 70%)}.adb-hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.adb-hero-text h1{font-size:28px;font-weight:800;color:var(--text-primary, #0f172a);margin:0 0 6px;letter-spacing:-.5px;line-height:1.2}html:not(.light-mode) .adb-hero-text h1{color:#fff}.adb-hero-text p{font-size:13px;color:var(--text-muted, #475569);margin:0;font-weight:500}html:not(.light-mode) .adb-hero-text p{color:#c7d2feb3}.adb-hero-greeting{font-size:13px;color:var(--text-muted, #64748b);margin:0 0 4px;font-weight:500}html:not(.light-mode) .adb-hero-greeting{color:#c7d2fe8c}.adb-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.adb-hero-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:#0000000a;border:1px solid rgba(0,0,0,.06);color:#475569;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html:not(.light-mode) .adb-hero-badge{background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#e0e7ffe6}.adb-hero-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;color:var(--text-muted, #64748b);font-size:12px;font-weight:500}html:not(.light-mode) .adb-hero-date{color:#c7d2fe99}.adb-hero-time{font-size:28px;font-weight:800;color:var(--text-primary, #0f172a);letter-spacing:1px;font-family:monospace}html:not(.light-mode) .adb-hero-time{color:#fff}.adb-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.adb-kpi-card{background:var(--card-bg, #ffffff);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000005;border-radius:18px;padding:20px;display:flex;align-items:center;gap:16px;cursor:default;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;position:relative;overflow:hidden}html:not(.light-mode) .adb-kpi-card{background:var(--card-bg, #1a2035);border:1px solid rgba(255,255,255,.07);box-shadow:none}.adb-kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000d;border-color:#0000001f}html:not(.light-mode) .adb-kpi-card:hover{box-shadow:0 10px 30px #00000038;border-color:#ffffff21}.adb-kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color, #6366f1);border-radius:18px 18px 0 0}.adb-kpi-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--kpi-color, #6366f1) 12%,transparent);color:var(--kpi-color, #6366f1)}.adb-kpi-body{min-width:0;flex:1}.adb-kpi-value{font-size:26px;font-weight:800;color:var(--text-primary, #0f172a);line-height:1.1;display:block}html:not(.light-mode) .adb-kpi-value{color:#fff}.adb-kpi-label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;display:block}html:not(.light-mode) .adb-kpi-label{color:#94a3b8bf}.adb-kpi-sub{font-size:11.5px;color:var(--kpi-color, #6366f1);font-weight:600;margin-top:4px;display:block}.adb-section-title{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 14px;display:flex;align-items:center;gap:8px}html:not(.light-mode) .adb-section-title{color:#e2e8f0}.adb-section-title svg{color:#6366f1}.adb-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.adb-quick-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;border-radius:16px;border:1px solid rgba(0,0,0,.05);background:var(--card-bg, #ffffff);box-shadow:0 1px 2px #00000005;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;color:var(--text-primary, #0f172a);text-align:center}html:not(.light-mode) .adb-quick-btn{background:var(--card-bg, #1a2035);border:1px solid rgba(255,255,255,.07);color:#e2e8f0;box-shadow:none}.adb-quick-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--qa-color, #6366f1) 4%,#ffffff);border-color:color-mix(in srgb,var(--qa-color, #6366f1) 20%,transparent);box-shadow:0 6px 18px #0000000f}html:not(.light-mode) .adb-quick-btn:hover{background:color-mix(in srgb,var(--qa-color, #6366f1) 8%,var(--card-bg, #1a2035));border-color:color-mix(in srgb,var(--qa-color, #6366f1) 30%,transparent);box-shadow:0 6px 18px #0000002e}.adb-quick-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--qa-color, #6366f1)}.adb-quick-label{font-size:12px;font-weight:600;color:var(--text-muted, #64748b)}html:not(.light-mode) .adb-quick-label{color:#94a3b8}.adb-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.adb-bottom-grid{grid-template-columns:1fr}}.adb-card{background:var(--card-bg, #ffffff);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000005;border-radius:18px;overflow:hidden}html:not(.light-mode) .adb-card{background:var(--card-bg, #1a2035);border:1px solid rgba(255,255,255,.07);box-shadow:none}.adb-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.04)}html:not(.light-mode) .adb-card-header{border-bottom-color:#ffffff0f}.adb-card-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;color:var(--text-primary, #0f172a)}html:not(.light-mode) .adb-card-title{color:#e2e8f0}.adb-card-title svg{color:#6366f1}.adb-see-all{font-size:11.5px;font-weight:600;color:#6366f1;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:2px}.adb-card-body{padding:6px 0}.adb-notif-row{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.03);transition:background .12s}html:not(.light-mode) .adb-notif-row{border-bottom-color:#ffffff0a}.adb-notif-row:last-child{border-bottom:none}.adb-notif-row:hover{background:#00000004}html:not(.light-mode) .adb-notif-row:hover{background:#ffffff06}.adb-notif-dot{width:8px;height:8px;border-radius:50%;background:#6366f1;flex-shrink:0;margin-top:5px}.adb-notif-body{flex:1;min-width:0}.adb-notif-title{font-size:12.5px;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not(.light-mode) .adb-notif-title{color:#e2e8f0}.adb-notif-time{font-size:11px;color:var(--text-muted, #64748b)}.adb-student-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.03);transition:background .12s}html:not(.light-mode) .adb-student-row{border-bottom-color:#ffffff0a}.adb-student-row:last-child{border-bottom:none}.adb-student-row:hover{background:#00000004}html:not(.light-mode) .adb-student-row:hover{background:#ffffff06}.adb-student-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#1e3a5f,#6366f1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.adb-student-info{flex:1;min-width:0}.adb-student-name{font-size:13px;font-weight:600;color:var(--text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not(.light-mode) .adb-student-name{color:#e2e8f0}.adb-student-meta{font-size:11px;color:var(--text-muted, #64748b)}.adb-student-badge{padding:2px 8px;border-radius:10px;font-size:10.5px;font-weight:700;background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.2);white-space:nowrap}html:not(.light-mode) .adb-student-badge{color:#4ade80}.adb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:8px;color:var(--text-muted, #64748b);font-size:13px;text-align:center}.adb-skeleton{background:linear-gradient(90deg,#00000005 25%,#0000000d,#00000005 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}html:not(.light-mode) .adb-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%)}@media(max-width:640px){.adb-hero{padding:22px 20px}.adb-hero-text h1{font-size:20px}.adb-kpi-grid{grid-template-columns:1fr 1fr}.adb-quick-grid{grid-template-columns:repeat(3,1fr)}}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;padding:0 8px}.step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;flex:1}.step-dot:not(:last-child):after{content:"";position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--border, #e2e8f0);z-index:0;transition:background .3s}.step-dot.done:not(:last-child):after{background:var(--accent-gold)}.step-dot-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--border, #e2e8f0);background:var(--bg-card, #fff);color:var(--text-muted, #94a3b8);position:relative;z-index:1;transition:all .25s}.step-dot.active .step-dot-num{border-color:var(--accent-gold);background:var(--accent-gold);color:#fff;box-shadow:0 0 0 4px #6366f126}.step-dot.done .step-dot-num{border-color:var(--accent-gold);background:var(--accent-gold);color:#fff}.step-dot-label{font-size:10px;color:var(--text-muted, #94a3b8);text-align:center;white-space:nowrap;font-weight:500;transition:color .25s}.step-dot.active .step-dot-label,.step-dot.done .step-dot-label{color:var(--accent-gold)}.passport-capture-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;border:2px dashed var(--border, #e2e8f0);border-radius:10px;padding:16px;background:var(--bg-soft, #f8fafc);transition:border-color .2s}.passport-capture-box:hover{border-color:var(--accent-gold)}.passport-placeholder{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.passport-placeholder input[type=file]{font-size:12px;color:var(--text-muted, #94a3b8)}.student-view{display:flex;flex-direction:column;gap:24px}.student-view-hero{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(99,102,241,.18)}.student-view-avatar{width:60px;height:60px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.student-view-hero-info{flex:1}.student-view-hero-name{font-size:17px;font-weight:700;color:var(--text-primary, #0a1120);margin:0 0 4px}.student-view-hero-meta{font-size:12px;color:var(--text-muted, #64748b);display:flex;flex-wrap:wrap;gap:8px}.student-view-hero-meta span{display:inline-flex;align-items:center;gap:4px}.student-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.student-view-section-title{font-size:11px;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--border, #e2e8f0);display:flex;align-items:center;gap:6px}.student-view-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border, rgba(0, 0, 0, .05));gap:12px}.student-view-info-label{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:600;min-width:130px;flex-shrink:0}.student-view-info-value{font-size:13px;color:var(--text-primary, #1e293b);font-weight:500;text-align:right;word-break:break-word}.student-view-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}html:not(.light-mode) .student-view-hero{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border-color:#6366f124}html:not(.light-mode) .student-view-hero-name{color:#e2e8f0}html:not(.light-mode) .student-view-hero-meta{color:#64748b}html:not(.light-mode) .student-view-section-title{color:#475569;border-bottom-color:#ffffff14}html:not(.light-mode) .student-view-info-row{border-bottom-color:#ffffff0f}html:not(.light-mode) .student-view-info-label{color:#64748b}html:not(.light-mode) .student-view-info-value{color:#c8d0e0}.msp-wrapper{position:relative;width:100%}.msp-trigger{min-height:42px;padding:6px 36px 6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f8f9fb;display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.msp-trigger--open,.msp-trigger:hover{border-color:#ffb830;box-shadow:0 0 0 3px #ffb83024;background:#fff}html:not(.light-mode) .msp-trigger{background:#ffffff0d;border-color:#ffffff1a}html:not(.light-mode) .msp-trigger--open,html:not(.light-mode) .msp-trigger:hover{border-color:#ffb830;background:#ffffff14}.msp-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:transform .2s;flex-shrink:0}.msp-chevron--up{transform:translateY(-50%) rotate(180deg)}.msp-placeholder{font-size:14px;color:#94a3b8;line-height:28px;padding:0 2px}.msp-chips{display:flex;flex-wrap:wrap;gap:5px;flex:1}.msp-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 10px;border-radius:6px;background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;animation:chipIn .15s ease both}@keyframes chipIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.msp-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ffffff40;border:none;cursor:pointer;color:#fff;padding:0;transition:background .12s}.msp-chip-remove:hover{background:#ffffff73}.msp-dropdown{position:absolute;z-index:200;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:12px;box-shadow:0 12px 32px #00000024;overflow:hidden;animation:dropIn .16s ease both}html:not(.light-mode) .msp-dropdown{background:#0e1a30;border-color:#ffffff1a;box-shadow:0 12px 32px #00000080}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.msp-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.06)}html:not(.light-mode) .msp-search-wrap{border-bottom-color:#ffffff12}.msp-search-icon{color:#94a3b8;flex-shrink:0}.msp-search{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:#0a1120}html:not(.light-mode) .msp-search{color:#e4e7f0}.msp-search::placeholder{color:#94a3b8}.msp-list{list-style:none;padding:6px;margin:0;max-height:200px;overflow-y:auto}.msp-list::-webkit-scrollbar{width:5px}.msp-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:20px}html:not(.light-mode) .msp-list::-webkit-scrollbar-thumb{background:#ffffff2e}.msp-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:13.5px;color:#0a1120;cursor:pointer;transition:background .1s}html:not(.light-mode) .msp-option{color:#e4e7f0}.msp-option:hover{background:#ffb8301a}.msp-option--selected{background:#ffb8301f;font-weight:600;color:#d4600a}html:not(.light-mode) .msp-option--selected{color:#ffb830;background:#ffb8301a}.msp-option-check{width:16px;font-size:12px;color:#d4600a;flex-shrink:0}html:not(.light-mode) .msp-option-check{color:#ffb830}.msp-empty{padding:14px 12px;font-size:13px;color:#94a3b8;text-align:center}.msp-footer{padding:7px 12px;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}html:not(.light-mode) .msp-footer{border-top-color:#ffffff12}.msp-clear{background:none;border:none;padding:0;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600}.msp-clear:hover{text-decoration:underline}.course-view{display:flex;flex-direction:column;gap:24px}.course-view-hero{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid rgba(99,102,241,.2)}.course-view-hero-icon{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center}.course-view-hero-info{flex:1}.course-view-hero-name{font-size:16px;font-weight:700;color:var(--text-primary, #0a1120);margin:0 0 4px}.course-view-hero-meta{font-size:12px;color:var(--text-muted, #64748b)}.course-view-hero-meta strong{color:var(--text-secondary, #475569)}.course-view-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.course-view-credit{font-size:20px;font-weight:800;color:var(--text-primary, #0a1120)}.course-view-credit span{font-size:12px;font-weight:500;color:var(--text-muted, #64748b)}.course-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.course-view-section-title{font-size:11px;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--border, #e2e8f0);display:flex;align-items:center;gap:6px}.course-view-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border, rgba(0, 0, 0, .05))}.course-view-info-label{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:600;min-width:130px}.course-view-info-value{font-size:13px;color:var(--text-primary, #1e293b);font-weight:500;text-align:right}.course-view-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.course-view-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.course-view-chip.dept{background:#fb923c1a;color:#f97316;border-color:#fb923c33}.course-view-empty{font-size:13px;color:var(--text-muted, #94a3b8);margin:0}.course-view-lecturers{display:flex;flex-direction:column;gap:8px}.course-view-lecturer-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface-2, rgba(0, 0, 0, .02));border:1px solid var(--border, rgba(0, 0, 0, .06))}.course-view-lecturer-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.course-view-lecturer-name{font-size:13px;font-weight:600;color:var(--text-primary, #1e293b)}.course-view-lecturer-meta{font-size:11px;color:var(--text-muted, #64748b);margin-top:1px}html:not(.light-mode) .course-view-hero{background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border-color:#6366f126}html:not(.light-mode) .course-view-hero-name,html:not(.light-mode) .course-view-credit{color:#e2e8f0}html:not(.light-mode) .course-view-hero-meta,html:not(.light-mode) .course-view-credit span{color:#64748b}html:not(.light-mode) .course-view-hero-meta strong{color:#94a3b8}html:not(.light-mode) .course-view-section-title{color:#475569;border-bottom-color:#ffffff14}html:not(.light-mode) .course-view-info-row{border-bottom-color:#ffffff0f}html:not(.light-mode) .course-view-info-label{color:#64748b}html:not(.light-mode) .course-view-info-value{color:#c8d0e0}html:not(.light-mode) .course-view-empty{color:#475569}html:not(.light-mode) .course-view-lecturer-card{background:#ffffff0a;border-color:#ffffff14}html:not(.light-mode) .course-view-lecturer-name{color:#c8d0e0}html:not(.light-mode) .course-view-lecturer-meta{color:#475569}.dept-view-loading{display:flex;justify-content:center;padding:48px 0}.dept-view-empty{text-align:center;color:var(--text-muted, #94a3b8);padding:32px 0;font-size:14px}.dept-view{display:flex;flex-direction:column;gap:24px}.dept-view-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:12px;padding:20px 24px;color:#fff}.dept-view-hero-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#fff3;flex-shrink:0}.dept-view-name{font-size:18px;font-weight:700;margin:0 0 4px;line-height:1.2}.dept-view-faculty{font-size:13px;opacity:.85;font-weight:500}.dept-view-chips{display:flex;flex-wrap:wrap;gap:10px}.dept-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--surface-2, #f1f5f9);color:var(--text-secondary, #475569);font-size:12.5px;border:1px solid var(--border, #e2e8f0)}.dept-chip b{color:var(--text-primary, #1e293b);font-weight:600}.dept-view-section{display:flex;flex-direction:column;gap:10px}.dept-view-section-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--text-primary, #1e293b);margin:0;padding-bottom:8px;border-bottom:2px solid var(--border, #e2e8f0)}.dept-view-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border, #e2e8f0)}.dept-view-table{width:100%;border-collapse:collapse;font-size:12.5px}.dept-view-table thead tr{background:var(--surface-2, #f8fafc)}.dept-view-table th{padding:10px 12px;text-align:left;font-weight:600;color:var(--text-muted, #64748b);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border, #e2e8f0)}.dept-view-table td{padding:10px 12px;color:var(--text-primary, #1e293b);border-bottom:1px solid var(--border, #f1f5f9);vertical-align:middle}.dept-view-table tbody tr:last-child td{border-bottom:none}.dept-view-table tbody tr:hover{background:var(--surface-2, #f8fafc)}.dept-view-table code{font-family:monospace;background:var(--surface-2, #f1f5f9);padding:2px 6px;border-radius:4px;font-size:11px;color:#f97316}.dept-view-amount{font-weight:600;color:#16a34a}.dept-view-empty-row{font-size:13px;color:var(--text-muted, #94a3b8);padding:12px 0;margin:0}.dept-fee-type{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize;background:#dbeafe;color:#1d4ed8}.dept-fee-type.mandatory{background:#fee2e2;color:#dc2626}.dept-fee-status{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.dept-fee-status.active{background:#dcfce7;color:#16a34a}.dept-fee-status.inactive{background:#f1f5f9;color:#94a3b8}html:not(.light-mode) .dept-chip{background:#ffffff0f;border-color:#ffffff17;color:#94a3b8}html:not(.light-mode) .dept-chip b{color:#e2e8f0}html:not(.light-mode) .dept-view-section-title{color:#e2e8f0;border-bottom-color:#ffffff14}html:not(.light-mode) .dept-view-table-wrap{border-color:#ffffff14}html:not(.light-mode) .dept-view-table thead tr{background:#ffffff0a}html:not(.light-mode) .dept-view-table th{color:#64748b;border-bottom-color:#ffffff14}html:not(.light-mode) .dept-view-table td{color:#c8d0e0;border-bottom-color:#ffffff0d}html:not(.light-mode) .dept-view-table tbody tr:hover{background:#ffffff0a}html:not(.light-mode) .dept-view-table code{background:#ffffff0f;color:#fb923c}html:not(.light-mode) .dept-view-amount{color:#4ade80}html:not(.light-mode) .dept-view-empty-row,html:not(.light-mode) .dept-view-empty{color:#475569}:root{--navy: #0f2442;--gold: #c9a227;--gold-light: #f5e9c4;--accent: #1e3a5f;--text: #1a1a2e;--muted: #5a6a7a;--line: #dde3ec;--white: #ffffff;--bg: #f4f6fb}.modal-overlay{position:fixed;inset:0;background:#0a1428a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:24px 16px;overflow-y:auto}.modal-container{background:var(--white);border-radius:16px;width:100%;max-width:900px;box-shadow:0 32px 80px #00000059;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:var(--navy);gap:16px}.modal-title{margin:0;color:var(--white);font-size:20px;font-weight:700;font-family:Georgia,serif}.modal-subtitle{margin:4px 0 0;color:var(--gold);font-size:13px;font-family:monospace}.modal-actions{display:flex;gap:10px}.btn-print{background:var(--gold);color:var(--navy);border:none;border-radius:8px;padding:10px 20px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.btn-close{background:#ffffff1f;color:var(--white);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer}.preview-scroll{padding:28px 28px 36px;background:var(--bg);overflow-y:auto;max-height:calc(100vh - 180px)}.invoice-page{position:relative;background:var(--white);border-radius:10px;padding:40px 48px;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;color:var(--text);box-shadow:0 2px 16px #00000014;overflow:hidden;min-width:680px}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-size:88px;font-weight:900;letter-spacing:10px;color:#c8a22714;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.invoice-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.logo-block{flex-shrink:0}.logo-img{width:72px;height:72px;object-fit:contain;border-radius:8px}.monogram{width:72px;height:72px;border-radius:10px;background:linear-gradient(135deg,var(--navy),var(--accent));color:var(--gold);font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;letter-spacing:2px}.school-info{flex:1}.school-name{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--navy);line-height:1.3;font-family:Georgia,serif}.school-meta{margin:2px 0;font-size:11px;color:var(--muted)}.invoice-badge{flex-shrink:0;align-self:flex-start}.invoice-label{display:block;background:var(--navy);color:var(--gold);padding:6px 20px;border-radius:6px;font-size:13px;font-weight:900;letter-spacing:4px}.divider-top{height:3px;background:linear-gradient(90deg,var(--navy) 0%,var(--gold) 50%,var(--navy) 100%);border-radius:2px;margin-bottom:20px}.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.meta-box{flex:1 1 120px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:var(--bg)}.meta-box--accent{background:var(--gold-light);border-color:var(--gold)}.meta-box__label{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.meta-box__value{display:block;font-size:13px;font-weight:600;color:var(--text)}.meta-box--accent .meta-box__value{color:var(--accent);font-weight:800}.chip{display:inline-block;color:var(--white);font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:1px}.body-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;align-items:start}.right-col{display:flex;flex-direction:column;gap:16px}.card{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:var(--bg)}.card__title{margin:0 0 12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--navy);font-weight:800;border-bottom:2px solid var(--gold);padding-bottom:6px}.card__name{margin:0 0 10px;font-weight:800;font-size:15px;color:var(--navy)}.info-row{display:flex;gap:8px;margin-bottom:5px;font-size:12px}.info-row__label{color:var(--muted);min-width:120px;flex-shrink:0}.info-row__value{color:var(--text);flex:1;word-break:break-word}.info-row__value--bold{font-weight:700}.amount-box{background:var(--navy);border-radius:10px;padding:20px 18px;text-align:center}.amount-box__label{margin:0 0 6px;color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase}.amount-box__value{margin:0 0 4px;color:var(--white);font-size:28px;font-weight:900}.amount-box__words{margin:0;color:#fff9;font-size:11px;font-style:italic}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:13px}.invoice-table th{background:var(--navy);color:var(--gold);padding:10px 14px;text-align:center;font-weight:700;letter-spacing:1px;font-size:11px;text-transform:uppercase}.invoice-table th.col-desc{text-align:left}.invoice-table th.col-no{width:5%}.invoice-table th.col-session{width:20%}.invoice-table th.col-amount{width:20%;text-align:right}.invoice-table .t-row{background:var(--bg)}.invoice-table td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--line);color:var(--text)}.invoice-table td.col-desc{text-align:left}.invoice-table td.col-amount{text-align:right;font-weight:700}.invoice-table tfoot td{background:var(--gold-light)}.tfoot-label{padding:12px 14px;text-align:right;font-weight:800;color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:1px}.tfoot-amount{padding:12px 14px;text-align:right;font-weight:800;color:var(--navy);font-size:16px}.invoice-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-top:2px solid var(--line);padding-top:16px}.footer-note{font-size:11px;color:var(--muted);max-width:60%;line-height:1.6}.footer-right{text-align:right}.footer-website{margin:0 0 4px;font-weight:700;color:var(--navy);font-size:13px}.footer-generated{margin:0;font-size:10px;color:var(--muted)}.invoice-label--receipt{background:#14532d;color:#bbf7d0;letter-spacing:3px}.amount-box--paid{background:linear-gradient(135deg,#14532d,#166534)}.amount-box--paid .amount-box__label{color:#bbf7d0}@media print{.modal-overlay,.modal-container,.modal-header,.preview-scroll{all:unset!important;display:block!important}.invoice-page{box-shadow:none!important;border-radius:0!important;padding:20mm 18mm!important;min-width:unset!important;width:100%!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.modal-actions,.btn-print,.btn-close{display:none!important}}.fee-view{display:flex;flex-direction:column;gap:24px}.fee-view-hero{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#ffb83024,#d4600a14);border:1px solid rgba(255,184,48,.22)}.fee-view-hero-icon{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,#ffb830,#d4600a);display:flex;align-items:center;justify-content:center}.fee-view-hero-info{flex:1}.fee-view-hero-name{font-size:16px;font-weight:700;color:var(--text-primary, #0a1120);margin:0 0 4px}.fee-view-hero-meta{font-size:12px;color:var(--text-muted, #64748b)}.fee-view-hero-meta strong{color:var(--text-secondary, #475569)}.fee-view-hero-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.fee-view-amount{font-size:22px;font-weight:800;color:var(--text-primary, #0a1120)}.fee-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fee-view-section-title{font-size:11px;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.fee-view-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border, rgba(0,0,0,.05))}.fee-view-info-label{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:600;min-width:140px}.fee-view-info-value{font-size:13px;color:var(--text-primary, #1e293b);font-weight:500;text-align:right}.fee-view-levels{margin-top:20px}.fee-view-chips{display:flex;flex-wrap:wrap;gap:8px}.fee-view-level-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.fee-view-empty{font-size:13px;color:var(--text-muted, #94a3b8);margin:0}.fee-view-dept-list{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow-y:auto;padding-right:4px}.fee-view-dept-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--surface-2, rgba(0,0,0,.02));border:1px solid var(--border, rgba(0,0,0,.06))}.fee-view-dept-item-info{flex:1}.fee-view-dept-name{font-size:13px;font-weight:600;color:var(--text-primary, #1e293b)}.fee-view-dept-code{font-size:11px;color:var(--text-muted, #94a3b8)}html:not(.light-mode) .fee-view-hero{background:linear-gradient(135deg,#ffb8301a,#d4600a0f);border-color:#ffb83026}html:not(.light-mode) .fee-view-hero-name,html:not(.light-mode) .fee-view-amount{color:#e2e8f0}html:not(.light-mode) .fee-view-hero-meta{color:#64748b}html:not(.light-mode) .fee-view-hero-meta strong{color:#94a3b8}html:not(.light-mode) .fee-view-info-row{border-bottom-color:#ffffff0f}html:not(.light-mode) .fee-view-info-label{color:#64748b}html:not(.light-mode) .fee-view-info-value{color:#c8d0e0}html:not(.light-mode) .fee-view-section-title{color:#475569}html:not(.light-mode) .fee-view-dept-item{background:#ffffff0a;border-color:#ffffff14}html:not(.light-mode) .fee-view-dept-name{color:#c8d0e0}html:not(.light-mode) .fee-view-dept-code{color:#475569}html:not(.light-mode) .fee-view-empty{color:#475569}.rss-overlay{position:fixed;inset:0;background:#080f1ed6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:99999;padding:16px;overflow-y:auto}.rss-modal{background:#fff;border-radius:8px;width:100%;max-width:1100px;min-height:400px;box-shadow:0 32px 90px #0000008c;display:flex;flex-direction:column;overflow:hidden}.rss-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(90deg,#1e3a5f,#16325a);flex-shrink:0;gap:12px;flex-wrap:wrap}.rss-toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}.rss-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#c9a84c33;color:#c9a84c;border:1px solid rgba(201,168,76,.35);font-family:Arial,sans-serif;white-space:nowrap;flex-shrink:0}.rss-toolbar-title{color:#fff;font-size:14px;font-family:Arial,sans-serif;font-weight:600;margin:0}.rss-toolbar-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.rss-btn-print{padding:8px 20px;border:none;border-radius:5px;background:linear-gradient(135deg,#c9a84c,#a07830);color:#1e1e1e;cursor:pointer;font-size:13px;font-weight:700;font-family:Arial,sans-serif;display:flex;align-items:center;gap:6px;transition:opacity .15s;white-space:nowrap}.rss-btn-print:hover{opacity:.88}.rss-btn-print:disabled{opacity:.4;cursor:not-allowed}.rss-btn-close{padding:8px 16px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:13px;font-family:Arial,sans-serif;transition:background .15s;white-space:nowrap}.rss-btn-close:hover{background:#ffffff14}.rss-filters{display:flex;flex-wrap:wrap;gap:10px;padding:14px 22px;background:#f4f6fb;border-bottom:1px solid #dde3ec;align-items:flex-end;flex-shrink:0}.rss-filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1 1 140px}.rss-filter-group label{font-size:10px;font-weight:700;color:#5a6a7a;text-transform:uppercase;letter-spacing:.8px;font-family:Arial,sans-serif}.rss-filter-group select{padding:7px 10px;border:1px solid #c8d4e0;border-radius:5px;font-size:12px;color:#1a1a2e;background:#fff;font-family:Arial,sans-serif;cursor:pointer;outline:none;transition:border-color .15s}.rss-filter-group select:focus{border-color:#1e3a5f}.rss-filter-fetch-btn{padding:7px 18px;background:#1e3a5f;color:#fff;border:none;border-radius:5px;font-size:12px;font-weight:700;cursor:pointer;font-family:Arial,sans-serif;align-self:flex-end;transition:background .15s;white-space:nowrap}.rss-filter-fetch-btn:hover{background:#16325a}.rss-filter-fetch-btn:disabled{background:#9aabb9;cursor:not-allowed}.rss-scroll{flex:1;overflow-y:auto;overflow-x:auto;padding:24px 24px 36px;background:#eef0f6}.rss-state{padding:60px 24px;text-align:center;font-family:Arial,sans-serif;color:#888}.rss-state-icon{font-size:40px;display:block;margin-bottom:12px}.rss-state-title{font-size:15px;color:#555;font-weight:700;margin-bottom:6px}.rss-state-sub{font-size:13px;color:#888}.rss-printable{background:#fff;padding:36px 44px;position:relative;font-family:Arial,Helvetica,sans-serif;color:#111;min-width:860px;box-shadow:0 2px 16px #00000014;border-radius:6px}.rss-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;overflow:hidden}.rss-watermark span{font-size:110px;font-weight:900;color:#1e3a5f0a;transform:rotate(-30deg);white-space:nowrap;-webkit-user-select:none;user-select:none}.rss-content{position:relative;z-index:1}.rss-header{display:flex;align-items:center;gap:20px;margin-bottom:6px}.rss-logo-wrap{flex-shrink:0;width:76px;height:76px}.rss-logo-wrap img{width:100%;height:100%;object-fit:contain}.rss-logo-fallback{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2e6da4);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:#c9a84c;letter-spacing:2px}.rss-school-text{flex:1;text-align:center}.rss-school-name{font-size:18px;font-weight:900;color:#1e3a5f;margin:0 0 3px;letter-spacing:.5px;text-transform:uppercase}.rss-school-addr{margin:0 0 2px;font-size:11.5px;color:#555}.rss-school-contact{margin:0;font-size:11px;color:#777}.rss-header-right{flex-shrink:0;width:76px;display:flex;justify-content:flex-end}.rss-emblem{width:70px;height:70px;border-radius:50%;border:2.5px solid #c9a84c;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#c9a84c;text-align:center;line-height:1.3;letter-spacing:1px;text-transform:uppercase}.rss-divider{height:4px;background:linear-gradient(90deg,#1e3a5f,#c9a84c,#1e3a5f);border-radius:2px;margin:12px 0}.rss-sheet-title{text-align:center;margin-bottom:14px}.rss-sheet-title h2{font-size:15px;font-weight:900;color:#1e3a5f;text-transform:uppercase;letter-spacing:3px;margin:0 0 2px}.rss-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin-bottom:16px;font-size:11.5px;color:#222}.rss-info-row{display:flex;gap:6px}.rss-info-label{font-weight:700;color:#1e3a5f;text-transform:uppercase;min-width:90px;font-size:10.5px;letter-spacing:.5px}.rss-info-value{color:#333;font-size:11.5px}.rss-table-wrap{overflow-x:auto;margin-bottom:20px}.rss-table{width:100%;border-collapse:collapse;font-size:10px;min-width:760px;table-layout:auto}.rss-table thead th{text-align:center;vertical-align:middle;border:1px solid #b0bfd4;font-weight:700;white-space:nowrap;padding:4px 3px}.rss-th-fixed{background:#1e3a5f;color:#c9a84c;font-size:9px;text-transform:uppercase;letter-spacing:.5px;border-color:#c9a84c!important}.rss-th-name{min-width:90px;text-align:left!important;padding-left:6px!important}.rss-th-subject{background:#f5f7fc;border-color:#c8d4e4!important;padding:0!important;width:22px;min-width:22px;max-width:26px;height:90px}.rss-th-rotate{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:8.5px;font-weight:700;color:#1e3a5f;padding:4px 2px;letter-spacing:.3px;text-align:left}.rss-th-group{font-size:9.5px;letter-spacing:1px;text-transform:uppercase;font-weight:900;border-color:#0003!important}.rss-th-current{background:#1e3a5f;color:#fff}.rss-th-previous{background:#2e5089;color:#fff}.rss-th-cumulative{background:#3a6296;color:#fff}.rss-th-creditload{background:#eef1f8;color:#1e3a5f;font-size:9px;font-weight:700;border-color:#c0cfe4!important;width:22px}.rss-th-stat{background:#d6e0f0;color:#1e3a5f;font-size:8.5px;font-weight:700;min-width:30px;border-color:#c0cfe4!important}.rss-table tbody tr:nth-child(2n){background:#f5f7fc}.rss-table tbody tr:hover{background:#edf2f9}.rss-table tbody td{padding:5px 4px;text-align:center;border:1px solid #d0d8e8;font-size:10px;vertical-align:middle;color:#1a1a2e}.rss-table tbody td.rss-td-left{text-align:left;padding-left:6px;min-width:90px}.rss-table tbody td.rss-td-mono{font-family:Courier New,monospace;font-size:9px;white-space:nowrap}.rss-remark{font-weight:700;font-size:9.5px;white-space:nowrap}.rss-remark-pass{color:#059669}.rss-remark-fail{color:#dc2626}.rss-grade{display:inline-block;padding:1px 4px;border-radius:2px;font-weight:700;font-size:9px}.rss-grade-A{background:#d1fae5;color:#065f46}.rss-grade-B{background:#dbeafe;color:#1e40af}.rss-grade-C{background:#fef9c3;color:#78350f}.rss-grade-D{background:#ffedd5;color:#9a3412}.rss-grade-E{background:#fce7f3;color:#9d174d}.rss-grade-F{background:#fee2e2;color:#991b1b}.rss-table tfoot td{padding:6px 4px;background:#eef2f9;border:1px solid #c0cfe4;font-weight:700;text-align:center;font-size:10px;color:#1e3a5f}.rss-carryover-section{margin-top:4px}.rss-carryover-label{font-size:11px;font-weight:800;color:#c84c00;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 8px;display:flex;align-items:center;gap:6px}.rss-carryover-label:before{content:"";display:inline-block;width:10px;height:10px;background:#c84c00;border-radius:2px;flex-shrink:0}.rss-signatures{display:flex;justify-content:space-between;margin-top:24px;gap:20px;font-size:11px;color:#333}.rss-sig-block{flex:1;max-width:200px}.rss-sig-line{border-bottom:1.5px solid #1e3a5f;height:32px;margin-bottom:5px}.rss-footer{margin-top:20px;padding-top:8px;border-top:1px solid #ddd;text-align:center;font-size:9.5px;color:#aaa}.rss-footer p{margin:0 0 2px}@media print{.rss-overlay,.rss-toolbar,.rss-filters{display:none!important}.rss-modal{box-shadow:none;max-height:none;overflow:visible}.rss-printable{padding:24px 28px!important;box-shadow:none!important;min-width:unset!important;width:100%!important}.rss-table{font-size:8px}.rss-th-fixed,.rss-th-group,.rss-th-current,.rss-th-previous,.rss-th-cumulative,.rss-th-creditload,.rss-th-stat,.rss-th-subject,.rss-table tbody tr:nth-child(2n),.rss-grade{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rss-th-subject{height:70px;width:18px;min-width:18px}.rss-th-rotate{font-size:7.5px}.rss-signatures,.rss-header{page-break-inside:avoid;break-inside:avoid}}.stv-overlay{position:fixed;inset:0;background:#080f1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:99999;padding:16px;overflow-y:auto}.stv-modal{background:#fff;border-radius:8px;width:100%;max-width:1060px;min-height:400px;box-shadow:0 32px 90px #0000008c;display:flex;flex-direction:column;overflow:hidden}.stv-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(90deg,#1e3a5f,#16325a);flex-shrink:0;gap:12px;flex-wrap:wrap}.stv-toolbar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.stv-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#c9a84c33;color:#c9a84c;border:1px solid rgba(201,168,76,.35);white-space:nowrap;flex-shrink:0}.stv-toolbar-title{color:#fff;font-size:13px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stv-toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0}.stv-order-chip{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.18);white-space:nowrap}.stv-order-chip.stv-chip-status{background:#c9a84c33;color:#c9a84c;border-color:#c9a84c59;text-transform:capitalize}.stv-btn-print{padding:8px 18px;border:none;border-radius:5px;background:linear-gradient(135deg,#c9a84c,#a07830);color:#1e1e1e;cursor:pointer;font-size:12px;font-weight:700;transition:opacity .15s;white-space:nowrap}.stv-btn-print:hover{opacity:.88}.stv-btn-print:disabled{opacity:.4;cursor:not-allowed}.stv-btn-close{padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:12px;transition:background .15s;white-space:nowrap}.stv-btn-close:hover{background:#ffffff14}.stv-scroll{flex:1;overflow-y:auto;overflow-x:auto;padding:24px;background:#eef0f6}.stv-state{padding:60px 24px;text-align:center;color:#888}.stv-state-icon{font-size:40px;display:block;margin-bottom:12px}.stv-state-title{font-size:15px;color:#555;font-weight:700;margin-bottom:6px}.stv-state-sub{font-size:13px;color:#888}.stv-printable{background:#fff;padding:36px 44px;position:relative;font-family:Arial,Helvetica,sans-serif;color:#111;min-width:860px;box-shadow:0 2px 16px #00000014;border-radius:6px}.stv-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;overflow:hidden}.stv-watermark span{font-size:110px;font-weight:900;color:#1e3a5f0a;transform:rotate(-30deg);white-space:nowrap;-webkit-user-select:none;user-select:none}.stv-content{position:relative;z-index:1}.stv-header{display:flex;align-items:center;gap:20px;margin-bottom:6px}.stv-logo-wrap{flex-shrink:0;width:76px;height:76px}.stv-logo-wrap img{width:100%;height:100%;object-fit:contain}.stv-logo-fallback{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2e6da4);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:#c9a84c;letter-spacing:2px}.stv-school-text{flex:1;text-align:center}.stv-school-name{font-size:17px;font-weight:900;color:#1e3a5f;margin:0 0 3px;text-transform:uppercase;letter-spacing:.5px}.stv-school-addr{margin:0 0 2px;font-size:11px;color:#555}.stv-school-contact{margin:0;font-size:11px;color:#777}.stv-header-right{flex-shrink:0;width:76px;display:flex;justify-content:flex-end}.stv-emblem{width:70px;height:70px;border-radius:50%;border:2.5px solid #c9a84c;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#c9a84c;text-align:center;line-height:1.3;letter-spacing:1px;text-transform:uppercase}.stv-divider{height:4px;background:linear-gradient(90deg,#1e3a5f,#c9a84c,#1e3a5f);border-radius:2px;margin:12px 0}.stv-sheet-title{text-align:center;margin-bottom:14px}.stv-sheet-title h2{font-size:15px;font-weight:900;color:#1e3a5f;text-transform:uppercase;letter-spacing:3px;margin:0}.stv-student-section{display:flex;gap:20px;margin-bottom:16px;align-items:flex-start}.stv-student-left{flex-shrink:0}.stv-passport{width:90px;height:110px;object-fit:cover;border:2px solid #c9a84c;border-radius:4px;display:flex;align-items:center;justify-content:center}.stv-passport-fallback{background:linear-gradient(135deg,#1e3a5f,#2e6da4);color:#c9a84c;font-weight:900;font-size:22px;letter-spacing:2px}.stv-student-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;font-size:11.5px}.stv-info-row{display:flex;gap:6px}.stv-info-label{font-weight:700;color:#1e3a5f;text-transform:uppercase;font-size:10px;letter-spacing:.5px;min-width:90px}.stv-info-value{color:#333;font-size:11.5px}.stv-semester-block{margin-bottom:20px}.stv-semester-header{display:flex;justify-content:space-between;align-items:center;background:#1e3a5f;color:#c9a84c;padding:6px 12px;border-radius:4px 4px 0 0}.stv-sem-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stv-sem-level{font-size:10px;font-weight:600}.stv-table{width:100%;border-collapse:collapse;font-size:10px}.stv-table thead th{background:#2e5089;color:#fff;font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:5px 6px;border:1px solid #1e3a5f;text-align:center;white-space:nowrap}.stv-table thead th:nth-child(3){text-align:left}.stv-table tbody tr:nth-child(2n){background:#f5f7fc}.stv-table tbody tr:hover{background:#edf2f9}.stv-table tbody td{padding:5px 6px;border:1px solid #d0d8e8;text-align:center;font-size:10px;color:#1a1a2e;vertical-align:middle}.stv-td-left{text-align:left!important}.stv-td-mono{font-family:Courier New,monospace;font-size:9px;white-space:nowrap}.stv-table tfoot td{background:#eef2f9;border:1px solid #c0cfe4;font-size:10px;color:#1e3a5f;padding:5px 6px;text-align:center;font-weight:600}.stv-grade{display:inline-block;padding:1px 5px;border-radius:3px;font-weight:700;font-size:9.5px}.stv-grade-A{background:#d1fae5;color:#065f46}.stv-grade-B{background:#dbeafe;color:#1e40af}.stv-grade-C{background:#fef9c3;color:#78350f}.stv-grade-D{background:#ffedd5;color:#9a3412}.stv-grade-E{background:#fce7f3;color:#9d174d}.stv-grade-F{background:#fee2e2;color:#991b1b}.stv-remark-pass{color:#059669;font-weight:700}.stv-remark-fail{color:#dc2626;font-weight:700}.stv-cumulative{background:#1e3a5f;color:#fff;padding:12px 18px;border-radius:6px;margin:16px 0;display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.stv-cumulative-row{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px}.stv-cumulative-row span{color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.stv-cumulative-row strong{font-size:16px;color:#fff}.stv-gpa-highlight strong{font-size:22px;color:#c9a84c}.stv-signatures{display:flex;justify-content:space-between;margin-top:28px;gap:20px;font-size:11px;color:#333}.stv-sig-block{flex:1;max-width:200px}.stv-sig-line{border-bottom:1.5px solid #1e3a5f;height:32px;margin-bottom:5px}.stv-footer{margin-top:16px;padding-top:8px;border-top:1px solid #ddd;text-align:center;font-size:9.5px;color:#aaa}.stv-footer p{margin:0 0 2px}@media print{.stv-overlay,.stv-toolbar{display:none!important}.stv-modal{box-shadow:none;max-height:none;overflow:visible}.stv-printable{padding:20px 28px!important;box-shadow:none!important;min-width:unset!important;width:100%!important}.stv-table{font-size:8.5px}.stv-table thead th,.stv-table tbody tr:nth-child(2n),.stv-grade,.stv-semester-header,.stv-cumulative{-webkit-print-color-adjust:exact;print-color-adjust:exact}.stv-signatures{page-break-inside:avoid;break-inside:avoid}}.toggle-switch{position:relative;display:inline-block;width:45px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-switch .slider:before{position:absolute;content:"";height:15px;width:15px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--accent-gold)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.toggle-switch.disabled{opacity:.6;pointer-events:none}.logs-view{display:flex;flex-direction:column;gap:20px}.logs-view-hero{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#6366f11a,#8b5cf60f);border:1px solid rgba(99,102,241,.18)}.logs-view-avatar{width:50px;height:50px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.logs-view-hero-name{font-size:15px;font-weight:700;color:var(--text-primary, #0a1120);margin:0 0 3px}.logs-view-hero-meta{font-size:12px;color:var(--text-muted, #64748b)}.logs-view-section-title{font-size:11px;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--border, #e2e8f0);display:flex;align-items:center;gap:6px}.logs-view-info-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border, rgba(0, 0, 0, .05));gap:12px}.logs-view-info-label{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:600;min-width:120px;flex-shrink:0}.logs-view-info-value{font-size:12px;color:var(--text-primary, #1e293b);font-weight:500;text-align:right;word-break:break-word}.logs-view-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:4px}.logs-view-item{display:flex;gap:12px;padding:10px 14px;border-radius:10px;background:var(--surface-2, rgba(0, 0, 0, .02));border:1px solid var(--border, rgba(0, 0, 0, .06));align-items:flex-start}.logs-view-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;background:#6366f1}.logs-view-item-dot.Edit{background:#6366f1}.logs-view-item-dot.Create{background:#22c55e}.logs-view-item-dot.Delete{background:#ef4444}.logs-view-item-dot.View{background:#f59e0b}.logs-view-item-dot.Login{background:#3b82f6}.logs-view-item-body{flex:1}.logs-view-item-title{font-size:13px;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:2px}.logs-view-item-desc{font-size:11px;color:var(--text-muted, #64748b)}.logs-view-item-right{text-align:right;flex-shrink:0}.logs-view-item-time{font-size:11px;color:var(--text-muted, #94a3b8)}.logs-view-type-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#6366f11a;color:#6366f1;margin-top:3px}.logs-view-type-badge.Create{background:#22c55e1a;color:#16a34a}.logs-view-type-badge.Delete{background:#ef44441a;color:#dc2626}.logs-view-type-badge.View{background:#f59e0b1a;color:#d97706}.logs-view-type-badge.Login{background:#3b82f61a;color:#2563eb}.logs-view-empty{font-size:13px;color:var(--text-muted, #94a3b8);text-align:center;padding:24px 0}html:not(.light-mode) .logs-view-hero{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border-color:#6366f124}html:not(.light-mode) .logs-view-hero-name{color:#e2e8f0}html:not(.light-mode) .logs-view-hero-meta{color:#64748b}html:not(.light-mode) .logs-view-section-title{color:#475569;border-bottom-color:#ffffff14}html:not(.light-mode) .logs-view-info-row{border-bottom-color:#ffffff0f}html:not(.light-mode) .logs-view-info-label{color:#64748b}html:not(.light-mode) .logs-view-info-value{color:#c8d0e0}html:not(.light-mode) .logs-view-item{background:#ffffff0a;border-color:#ffffff14}html:not(.light-mode) .logs-view-item-title{color:#c8d0e0}html:not(.light-mode) .logs-view-item-desc{color:#475569}html:not(.light-mode) .logs-view-item-time{color:#475569}html:not(.light-mode) .logs-view-empty{color:#475569}.lv-wrapper{display:flex;flex-direction:column;gap:18px}.lv-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:12px;color:#94a3b8;font-size:13px}.lv-hero{display:flex;align-items:center;gap:18px;padding:18px;background:linear-gradient(135deg,#fff8ec,#fff);border-radius:14px;border:1px solid rgba(245,158,11,.15)}html:not(.light-mode) .lv-hero{background:linear-gradient(135deg,#f59e0b12,#ffffff08);border-color:#f59e0b1f}.lv-avatar{width:90px;height:110px;border-radius:10px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;border:2px solid rgba(245,158,11,.2)}.lv-avatar img{width:100%;height:100%;object-fit:cover}.lv-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}html:not(.light-mode) .lv-avatar{background:#ffffff0f}.lv-hero-info{display:flex;flex-direction:column;gap:6px;flex:1}.lv-name{font-size:18px;font-weight:800;color:#0a1120;margin:0}html:not(.light-mode) .lv-name{color:#e4e7f0}.lv-email{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#64748b}.lv-status-row{display:flex;align-items:center;gap:8px;margin-top:4px}.lv-status-pill{font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px}.lv-status-pill.enabled{background:#22c55e1f;color:#16a34a}.lv-status-pill.disabled{background:#ef44441a;color:#dc2626}.lv-gender-pill{font-size:11.5px;font-weight:600;padding:3px 12px;border-radius:20px;background:#6366f11a;color:#6366f1}.lv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.lv-grid{grid-template-columns:1fr}}.lv-card{background:#f8f9fb;border-radius:12px;padding:14px 16px;border:1px solid rgba(0,0,0,.06)}html:not(.light-mode) .lv-card{background:#ffffff0a;border-color:#ffffff12}.lv-card-head{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:12px}.lv-rows{display:flex;flex-direction:column;gap:8px}.lv-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px}.lv-row-label{color:#94a3b8;font-weight:500;white-space:nowrap;min-width:100px}.lv-row-value{color:#1e293b;font-weight:600;text-align:right;word-break:break-word}html:not(.light-mode) .lv-row-value{color:#c8d0e0}.lv-subjects-section{background:#f8f9fb;border-radius:12px;padding:14px 16px;border:1px solid rgba(0,0,0,.06)}html:not(.light-mode) .lv-subjects-section{background:#ffffff0a;border-color:#ffffff12}.lv-subject-chips{display:flex;flex-wrap:wrap;gap:8px}.lv-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:20px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#ffb83026,#d4600a1a);color:#d4600a;border:1px solid rgba(212,96,10,.15)}.lv-no-subjects{font-size:13px;color:#94a3b8;margin:0}.ss-loading{display:flex;justify-content:center;padding:60px 0}.ss-empty{text-align:center;color:#94a3b8;padding:40px 0;font-size:14px}.edit-settings-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;border:none;background:#f97316;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.edit-settings-btn:hover{background:#ea6c0a}.edit-settings-btn:disabled{opacity:.45;cursor:not-allowed}.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:4px}.ss-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:14px;overflow:hidden;transition:box-shadow .15s}.ss-card:hover{box-shadow:0 4px 20px #00000012}.ss-card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.06);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.ss-card-body{padding:4px 0}.ss-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.ss-row:last-child{border-bottom:none}.ss-row-label{color:#64748b;font-weight:500;white-space:nowrap;flex-shrink:0;min-width:130px}.ss-row-value{color:#1e293b;font-weight:600;text-align:right;word-break:break-word}.sys-logo-preview{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;border-radius:10px;background:#f1f5f9;border:1px dashed #cbd5e1}.sys-logo-img{height:52px;width:auto;max-width:140px;object-fit:contain;border-radius:6px}.sys-logo-hint{font-size:12px;color:#64748b;font-style:italic}.sys-logo-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;margin-top:4px}.sys-logo-btn:hover{background:#f1f5f9;border-color:#f97316;color:#f97316}.ss-logo-wrap{display:flex;justify-content:flex-start;padding:12px 12px 0}.ss-logo{max-height:80px;width:auto;max-width:240px;object-fit:contain;border-radius:8px}html:not(.light-mode) .ss-card{background:#ffffff08;border-color:#ffffff12}html:not(.light-mode) .ss-card:hover{box-shadow:0 4px 24px #0000004d}html:not(.light-mode) .ss-card-head{background:#ffffff0a;border-bottom-color:#ffffff0f;color:#64748b}html:not(.light-mode) .ss-row{border-bottom-color:#ffffff0a}html:not(.light-mode) .ss-row-label{color:#64748b}html:not(.light-mode) .ss-row-value{color:#cbd5e1}.admp-root{display:flex;flex-direction:column;gap:24px;padding-bottom:48px}.admp-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1e1b4b,#1e3a5f 80%,#0d4a7a);border:1px solid rgba(99,102,241,.2);isolation:isolate;padding:36px 36px 0}.admp-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.admp-orb-1{width:340px;height:340px;top:-120px;right:-60px;background:radial-gradient(circle,rgba(99,102,241,.28) 0%,transparent 70%)}.admp-orb-2{width:200px;height:200px;bottom:0;left:22%;background:radial-gradient(circle,rgba(14,165,233,.16) 0%,transparent 70%)}.admp-orb-3{width:140px;height:140px;top:30px;left:45%;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 70%)}.admp-hero-inner{position:relative;z-index:2;display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.admp-avatar-wrap{position:relative;flex-shrink:0}.admp-avatar-img,.admp-avatar-initials{width:96px;height:96px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.admp-avatar-img{border:3px solid rgba(99,102,241,.5);box-shadow:0 0 0 4px #6366f11f}.admp-avatar-initials{background:linear-gradient(135deg,#1e3a5f,#6366f1);font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px;border:3px solid rgba(99,102,241,.4);box-shadow:0 0 0 4px #6366f11a}.admp-avatar-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(99,102,241,.25);animation:admp-ring 3s ease-in-out infinite}@keyframes admp-ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.admp-hero-text{flex:1;min-width:0}.admp-hero-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.admp-hero-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.admp-hero-sub{font-size:13px;color:#c7d2feb3;margin:0 0 12px;font-weight:500}.admp-hero-badges{display:flex;flex-wrap:wrap;gap:7px}.admp-hero-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#e0e7ffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admp-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.admp-status-badge.active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.admp-status-badge.inactive{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.admp-hero-stats{position:relative;z-index:2;display:flex;align-items:center;gap:0;margin-top:28px;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:nowrap;overflow-x:auto}.admp-hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:80px}.admp-hero-stat-value{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.admp-hero-stat-label{font-size:11px;font-weight:600;color:#c7d2fe99;text-transform:uppercase;letter-spacing:.5px}.admp-hero-stat-divider{width:1px;height:34px;background:#ffffff1a;flex-shrink:0}.admp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.admp-card{background:var(--card-bg, #1a2035);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.admp-card:hover{border-color:#6366f138;box-shadow:0 6px 28px #0000002e}.admp-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.admp-card-icon{width:32px;height:32px;border-radius:9px;background:#6366f124;color:#a5b4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admp-card-title{font-size:13px;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.admp-card-body{padding:6px 0}.admp-info-row{display:flex;align-items:flex-start;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.admp-info-row:last-child{border-bottom:none}.admp-info-row:hover{background:#ffffff06}.admp-info-icon{color:#7c7f9e;margin-top:2px;flex-shrink:0}.admp-info-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admp-info-label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.4px}.admp-info-value{font-size:13px;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admp-chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px}.admp-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.18)}.admp-no-data{padding:20px;text-align:center;color:var(--text-muted, #64748b);font-size:13px}.admp-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.admp-skeleton-avatar{width:96px;height:96px;border-radius:50%!important;flex-shrink:0}.admp-hero-skeleton{display:flex;align-items:center;gap:24px;padding:36px}@media(max-width:640px){.admp-hero{padding:24px 20px 0}.admp-hero-name{font-size:20px}.admp-grid{grid-template-columns:1fr}}.cp-card{max-width:500px;margin:0 auto;background:#fff;border-radius:20px;padding:36px 32px 32px;border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 32px #0000000f;display:flex;flex-direction:column;align-items:center;text-align:center}html:not(.light-mode) .cp-card{background:#0e1a30;border-color:#ffffff12;box-shadow:0 8px 32px #0000004d}.cp-card-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#ffb83026,#d4600a1f);display:flex;align-items:center;justify-content:center;color:#d4600a;margin-bottom:16px}html:not(.light-mode) .cp-card-icon{background:#ffb83014}.cp-card-title{font-size:18px;font-weight:700;color:#0a1120;margin-bottom:6px}html:not(.light-mode) .cp-card-title{color:#e4e7f0}.cp-card-sub{font-size:13px;color:#64748b;margin-bottom:28px;line-height:1.5}.cp-form{width:100%;display:flex;flex-direction:column;gap:18px;text-align:left}.cp-field{display:flex;flex-direction:column;gap:6px}.cp-label{font-size:13px;font-weight:600;color:#374151}html:not(.light-mode) .cp-label{color:#a8b3cf}.req{color:#ef4444;margin-left:2px}.cp-input-wrap{position:relative}.cp-input{width:100%;height:44px;padding:0 44px 0 14px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#f8f9fb;font-size:14px;color:#0a1120;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}html:not(.light-mode) .cp-input{background:#ffffff0d;border-color:#ffffff1a;color:#e4e7f0}.cp-input:focus{border-color:#ffb830;box-shadow:0 0 0 3px #ffb83024;background:#fff}html:not(.light-mode) .cp-input:focus{background:#ffffff12}.cp-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:4px;border-radius:6px;transition:color .15s}.cp-eye:hover{color:#d4600a}.cp-hint{font-size:11.5px;color:#94a3b8}.cp-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.cp-strength-bar{display:flex;gap:4px;flex:1}.cp-strength-seg{height:4px;flex:1;border-radius:10px;transition:background .2s}.cp-strength-label{font-size:11.5px;font-weight:700;min-width:44px;text-align:right}.cp-match{font-size:12px;font-weight:600}.cp-submit{width:100%;height:46px;border-radius:12px;border:none;background:linear-gradient(135deg,#ffb830,#d4600a);color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,box-shadow .15s;box-shadow:0 4px 16px #d4600a4d}.cp-submit:hover:not(:disabled){box-shadow:0 6px 22px #d4600a66}.cp-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.al-overlay{position:fixed;inset:0;background:#0a1120d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.al-modal{background:#fff;border-radius:6px;width:100%;max-width:880px;max-height:94vh;overflow-y:auto;box-shadow:0 30px 90px #0000008c;display:flex;flex-direction:column}.al-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:linear-gradient(90deg,#1e3a5f,#16325a);border-radius:6px 6px 0 0;flex-shrink:0;gap:12px}.al-toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}.al-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#c9a84c33;color:#c9a84c;border:1px solid rgba(201,168,76,.3);font-family:Arial,sans-serif;white-space:nowrap;flex-shrink:0}.al-toolbar-title{color:#fff;font-size:13px;font-family:Arial,sans-serif;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-toolbar-actions{display:flex;gap:8px;flex-shrink:0}.al-btn-close{padding:7px 16px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;color:#cbd5e1;cursor:pointer;font-size:12px;font-family:Arial,sans-serif;transition:background .15s}.al-btn-close:hover{background:#ffffff14}.al-btn-print{padding:7px 18px;border:none;border-radius:4px;background:linear-gradient(135deg,#c9a84c,#a07830);color:#1e1e1e;cursor:pointer;font-size:12px;font-weight:700;font-family:Arial,sans-serif;display:flex;align-items:center;gap:6px;transition:opacity .15s}.al-btn-print:hover{opacity:.88}.al-btn-print:disabled{opacity:.45;cursor:not-allowed}.al-state{padding:60px 24px;text-align:center;font-family:Arial,sans-serif;color:#888}.al-state-icon{font-size:40px;display:block;margin-bottom:12px}.al-state-title{font-size:15px;color:#555;font-weight:700;margin-bottom:6px}.al-state-sub{font-size:13px;color:#888}.al-printable{background:#fff;padding:48px 56px;position:relative;min-height:297mm;font-family:Georgia,Times New Roman,serif;color:#111;line-height:1.55}.al-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;opacity:.035}.al-watermark span{font-size:120px;font-weight:900;color:#1e3a5f;transform:rotate(-30deg);white-space:nowrap;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.al-content{position:relative;z-index:1}.al-header{display:flex;align-items:center;gap:20px;margin-bottom:6px}.al-logo-wrap{flex-shrink:0;width:82px;height:82px}.al-logo-wrap img{width:100%;height:100%;object-fit:contain}.al-school-text{flex:1;text-align:center}.al-header-spacer{width:82px;flex-shrink:0}.al-school-name{font-size:19px;font-weight:900;color:#1e3a5f;margin:0 0 3px;letter-spacing:.5px;text-transform:uppercase;font-family:Georgia,serif}.al-school-addr{margin:0 0 2px;font-size:12px;color:#555}.al-school-contact{margin:0;font-size:11.5px;color:#777}.al-divider{margin:14px 0;height:4px;background:linear-gradient(90deg,#1e3a5f,#c9a84c,#1e3a5f);border-radius:2px}.al-title-block{text-align:center;margin-bottom:20px}.al-letter-title{font-size:16px;letter-spacing:3px;color:#1e3a5f;text-transform:uppercase;margin:0 0 3px;font-weight:700}.al-session{margin:0;font-size:12px;color:#666}.al-meta{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:20px;color:#333}.al-id-row{display:flex;gap:24px;margin-bottom:22px;align-items:flex-start}.al-passport{width:115px;height:140px;border:3px solid #1e3a5f;border-radius:4px;overflow:hidden;flex-shrink:0;background:#e8edf4;display:flex;align-items:center;justify-content:center}.al-passport img{width:100%;height:100%;object-fit:cover}.al-initials{width:100%;height:100%;background:linear-gradient(135deg,#1e3a5f,#2e6da4);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:#c9a84c;font-family:Arial,sans-serif}.al-detail-table{flex:1}.al-detail-table table{width:100%;border-collapse:collapse}.al-detail-table td{padding:4px 0;font-size:12.5px;vertical-align:top}.al-detail-table td:first-child{font-weight:700;color:#1e3a5f;width:38%;padding-right:12px}.al-detail-table td:last-child{color:#222}.al-box{background:#f0f4fa;border:1px solid #c0d0e8;border-left:5px solid #1e3a5f;border-radius:4px;padding:14px 18px;margin-bottom:20px}.al-box-title{margin:0 0 10px;font-size:12.5px;color:#1e3a5f;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.al-conditions{background:#fffbf0;border:1px solid #e8d8a0;border-left:5px solid #c9a84c;border-radius:4px;padding:14px 18px;margin-bottom:22px}.al-conditions-title{margin:0 0 8px;font-size:12.5px;color:#8a6000;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.al-conditions-body{font-size:12.5px;line-height:1.7}.al-conditions-body a{color:#1e3a5f}.al-para{font-size:13px;margin-bottom:12px;text-align:justify}.al-salutation{font-size:13px;margin-bottom:12px}.al-closing{font-size:13px;margin-bottom:6px;text-align:justify}.al-valediction{font-size:13px;margin-bottom:44px}.al-signatures{display:flex;justify-content:space-between;align-items:flex-end;font-size:12.5px;margin-top:8px;gap:16px}.al-sig-block{flex:1}.al-sig-block.right{text-align:right}.al-sig-line{border-bottom:2px solid #1e3a5f;height:36px;margin-bottom:6px}.al-sig-block.right .al-sig-line{margin-left:auto}.al-seal-wrap{text-align:center;flex-shrink:0}.al-seal{width:88px;height:88px;border:2px dashed #c9a84c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#c9a84c;text-align:center;line-height:1.3;margin:0 auto}.al-footer{margin-top:36px;padding-top:10px;border-top:1px solid #ddd;text-align:center;font-size:10.5px;color:#999}.al-footer p{margin:0 0 2px}@media(max-width:640px){.al-overlay{padding:0;align-items:flex-end}.al-modal{border-radius:16px 16px 0 0;max-height:96vh;max-width:100%}.al-toolbar{padding:10px 14px;border-radius:16px 16px 0 0;flex-wrap:wrap;gap:8px}.al-toolbar-title{font-size:11px}.al-badge{display:none}.al-btn-close,.al-btn-print{padding:6px 12px;font-size:11px}.al-printable{padding:24px 18px;min-height:unset}.al-watermark span{font-size:60px}.al-header{flex-direction:column;align-items:center;gap:10px;text-align:center}.al-header-spacer{display:none}.al-logo-wrap{width:64px;height:64px}.al-school-name{font-size:14px}.al-school-addr,.al-school-contact{font-size:10px}.al-divider{margin:10px 0}.al-letter-title{font-size:13px;letter-spacing:1.5px}.al-session{font-size:11px}.al-meta{flex-direction:column;gap:4px;font-size:11px}.al-id-row{flex-direction:column;align-items:center;gap:14px}.al-passport{width:100px;height:120px}.al-detail-table{width:100%}.al-detail-table td,.al-detail-table td:first-child,.al-detail-table td:last-child{font-size:11px;display:block;width:100%;padding:1px 0}.al-detail-table td:first-child{color:#1e3a5f;padding-top:6px}.al-box,.al-conditions{padding:10px 12px}.al-box-title,.al-conditions-title,.al-conditions-body{font-size:11px}.al-para,.al-salutation,.al-closing,.al-valediction{font-size:11.5px}.al-signatures{flex-direction:column;align-items:center;gap:20px;font-size:11px}.al-sig-block,.al-sig-block.right{text-align:center}.al-sig-block.right .al-sig-line{margin-left:0}.al-sig-line{width:160px;margin:0 auto 6px}.al-footer{font-size:9.5px}}@media print{.al-overlay,.al-toolbar{display:none!important}.al-modal{box-shadow:none;max-height:none;overflow:visible}.al-printable{padding:0!important;margin:0!important;min-height:unset!important;width:100%!important}.al-box,.al-conditions,.al-id-row,.al-signatures,.al-header{page-break-inside:avoid;break-inside:avoid}}.srv-filter-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.srv-load-btn{display:flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap;height:40px}.srv-load-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.srv-load-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.srv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:var(--text-muted, #94a3b8);font-size:14px;text-align:center}.srv-summary-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.srv-chip{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);min-width:72px}.srv-chip-val{font-size:18px;font-weight:800;line-height:1.2}.srv-chip-lbl{font-size:10px;color:var(--text-muted, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.srv-chip-remark{flex-direction:row;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;border-radius:20px}.srv-chip-remark.pass{background:#22c55e1f;border-color:#22c55e40;color:#22c55e}.srv-chip-remark.fail{background:#ef44441f;border-color:#ef444440;color:#ef4444}.srv-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border, rgba(255, 255, 255, .07))}.srv-table{width:100%;border-collapse:collapse;font-size:13px}.srv-table th{padding:10px 12px;text-align:center;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);background:#ffffff08;border-bottom:1px solid var(--border, rgba(255, 255, 255, .07));white-space:nowrap}.srv-table td{padding:10px 12px;text-align:center;color:var(--text-primary, #f1f5f9);border-bottom:1px solid rgba(255,255,255,.04)}.srv-table tbody tr:hover{background:#ffffff06}.srv-table tbody tr:last-child td{border-bottom:none}.srv-left{text-align:left!important;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srv-mono{font-family:monospace;font-size:12px;letter-spacing:.5px;white-space:nowrap}.srv-row-co{background:#ef44440a!important}.srv-grade{display:inline-block;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:700}.srv-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.srv-status.ok{background:#22c55e1f;color:#22c55e}.srv-status.co{background:#ef44441f;color:#ef4444}.srv-tfoot-row td{background:#ffffff08;font-weight:700;border-top:2px solid rgba(255,255,255,.1)}.srv-tfoot-label{text-align:right!important;color:var(--text-muted, #94a3b8);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.srv-print{font-family:Times New Roman,serif;color:#111;padding:32px 40px;background:#fff}.srv-print-school{text-align:center;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px;border-bottom:2px solid #111;padding-bottom:10px}.srv-print-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:13px;margin-bottom:16px}.srv-print-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.srv-print-table th,.srv-print-table td{border:1px solid #333;padding:5px 8px;text-align:center}.srv-print-table th{background:#f0f0f0;font-weight:700;text-transform:uppercase;font-size:11px}.srv-print-table td:nth-child(3){text-align:left}.srv-print-summary{display:flex;gap:24px;margin-top:16px;font-size:13px;font-weight:600;border-top:1px solid #ccc;padding-top:10px;flex-wrap:wrap}.srv-print-footer{margin-top:24px;font-size:11px;color:#666;text-align:center;font-style:italic}.sdb-root{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.sdb-hero{position:relative;overflow:hidden;border-radius:20px;padding:36px 36px 32px;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4c1d95);border:1px solid rgba(99,102,241,.25);isolation:isolate}.sdb-hero-text{position:relative;z-index:2}.sdb-greeting{font-size:13px;font-weight:600;color:#c7d2fecc;margin-bottom:4px;letter-spacing:.3px}.sdb-name{font-size:30px;font-weight:800;color:#fff;margin:0 0 14px;line-height:1.1;letter-spacing:-.5px}.sdb-badges{display:flex;flex-wrap:wrap;gap:8px}.sdb-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#e0e7ffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sdb-hero-orb{position:absolute;border-radius:50%;z-index:1;pointer-events:none}.sdb-orb-1{width:260px;height:260px;top:-80px;right:-40px;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,transparent 70%)}.sdb-orb-2{width:180px;height:180px;bottom:-60px;right:160px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%)}.sdb-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.sdb-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--card-bg, #1e2235);border:1px solid var(--border, rgba(255, 255, 255, .07));transition:border-color .18s,transform .18s,box-shadow .18s;position:relative}.sdb-stat-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.sdb-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sdb-stat-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sdb-stat-value{font-size:22px;font-weight:800;color:var(--text-primary, #f1f5f9);line-height:1.1}.sdb-stat-label{font-size:12px;font-weight:600;color:var(--text-muted, #94a3b8);line-height:1.3}.sdb-stat-sub{font-size:11px;color:var(--text-muted, #64748b);margin-top:2px}.sdb-stat-arrow{color:var(--text-muted, #64748b);flex-shrink:0}.sdb-section{display:flex;flex-direction:column;gap:14px}.sdb-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, #94a3b8);margin:0}.sdb-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.sdb-quick-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:16px;background:var(--card-bg, #1e2235);border:1px solid var(--border, rgba(255, 255, 255, .07));cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s;font-family:inherit}.sdb-quick-btn:hover{border-color:var(--qa-color, rgba(99, 102, 241, .35));transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.sdb-quick-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--qa-color, #6366f1)}.sdb-quick-label{font-size:12px;font-weight:600;color:var(--text-primary, #f1f5f9);text-align:center;line-height:1.3}.sdb-bottom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.sdb-card{background:var(--card-bg, #1e2235);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:16px;overflow:hidden}.sdb-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.sdb-card-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-primary, #f1f5f9);margin:0}.sdb-see-all{display:flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;color:#6366f1;background:none;border:none;cursor:pointer;padding:0;opacity:.85;transition:opacity .15s}.sdb-see-all:hover{opacity:1}.sdb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;color:var(--text-muted, #94a3b8);font-size:13px;text-align:center}.sdb-cta{margin-top:6px;padding:7px 18px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;cursor:pointer;transition:opacity .15s}.sdb-cta:hover{opacity:.88}.sdb-course-list{padding:8px 0}.sdb-course-row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.sdb-course-row:last-child{border-bottom:none}.sdb-course-row:hover{background:#ffffff06}.sdb-course-dot{width:6px;height:6px;border-radius:50%;background:#6366f1;flex-shrink:0}.sdb-course-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sdb-course-name{font-size:13px;font-weight:600;color:var(--text-primary, #f1f5f9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdb-course-code{font-size:11px;color:var(--text-muted, #94a3b8);font-family:monospace}.sdb-course-credit{font-size:11px;font-weight:700;color:#6366f1;white-space:nowrap}.sdb-more{text-align:center;font-size:12px;color:#6366f1;cursor:pointer;padding:10px;opacity:.8;transition:opacity .15s}.sdb-more:hover{opacity:1}.sdb-notif-list{padding:6px 0}.sdb-notif-row{display:flex;align-items:flex-start;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.04)}.sdb-notif-row:last-child{border-bottom:none}.sdb-notif-dot{width:8px;height:8px;border-radius:50%;background:#ec4899;flex-shrink:0;margin-top:4px}.sdb-notif-body{flex:1;min-width:0}.sdb-notif-title{font-size:13px;font-weight:600;color:var(--text-primary, #f1f5f9);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdb-notif-time{font-size:11px;color:var(--text-muted, #94a3b8)}.sdb-acad-list{padding:8px 0}.sdb-acad-row{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.04)}.sdb-acad-row:last-child{border-bottom:none}.sdb-acad-label{font-size:12px;color:var(--text-muted, #94a3b8);font-weight:500}.sdb-acad-value{font-size:13px;font-weight:700;color:var(--text-primary, #f1f5f9);max-width:55%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.sdb-hero{padding:24px 20px}.sdb-name{font-size:22px}.sdb-quick-grid{grid-template-columns:repeat(4,1fr)}.sdb-stats-grid{grid-template-columns:1fr 1fr}}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:4px 0}.course-card{border-radius:14px;padding:18px 20px;background:var(--card-bg, #fff);border:1px solid var(--border, rgba(0, 0, 0, .07));display:flex;flex-direction:column;gap:12px;transition:box-shadow .18s,transform .18s;cursor:default}.course-card:hover{box-shadow:0 6px 24px #6366f11a;transform:translateY(-1px)}.course-card-header{display:flex;align-items:flex-start;gap:12px}.course-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f124,#8b5cf61a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-card-title{font-size:14px;font-weight:700;color:var(--text-primary, #0a1120);line-height:1.3;margin-bottom:2px}.course-card-code{font-size:11px;color:var(--text-muted, #94a3b8);font-weight:600;font-family:monospace}.course-card-meta{display:flex;gap:8px;flex-wrap:wrap}.course-card-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#6366f114;color:var(--accent-gold);border:1px solid rgba(99,102,241,.15)}.course-card-actions{display:flex;gap:8px;margin-top:auto}.course-card-btn{flex:1;padding:7px 0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.course-card-btn:hover{opacity:.85}.course-card-btn.primary{background:var(--accent-gold-bg);color:#fff}.course-card-btn.outline{background:transparent;color:var(--accent-gold);border:1.5px solid var(--accent-gold)}.course-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.course-empty-icon{font-size:40px;display:block;margin-bottom:12px}.course-empty h3{font-size:16px;font-weight:700;margin-bottom:6px}.course-empty p{font-size:13px}.topic-list{display:flex;flex-direction:column;gap:14px}.topic-item{border-radius:12px;border:1px solid var(--border, rgba(0, 0, 0, .07));background:var(--surface-2, rgba(0, 0, 0, .02));overflow:hidden}.topic-item-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.topic-item-title{flex:1;font-size:13px;font-weight:700;color:var(--text-primary, #1e293b)}.topic-item-date{font-size:11px;color:var(--text-muted, #94a3b8);flex-shrink:0}.topic-item-body{padding:0 16px 14px;font-size:13px;color:var(--text-primary, #374151);line-height:1.7;border-top:1px solid var(--border, rgba(0, 0, 0, .05))}.topic-item-body img,.topic-item-body iframe{max-width:100%;border-radius:8px;margin-top:8px}.register-course-form{display:flex;flex-direction:column;gap:14px}.register-course-subjects{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.register-course-subject-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--border, rgba(0, 0, 0, .07));background:var(--surface-2, rgba(0, 0, 0, .02));cursor:pointer;transition:border-color .15s}.register-course-subject-item.selected{border-color:var(--accent-gold);background:#6366f10f}.register-course-subject-item input[type=checkbox]{accent-color:var(--accent-gold);width:15px;height:15px;flex-shrink:0;cursor:pointer}.credit-summary{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:10px;background:#6366f10f;border:1px solid rgba(99,102,241,.15);font-size:13px;font-weight:600;color:var(--accent-gold)}html:not(.light-mode) .course-card{background:#ffffff0a;border-color:#ffffff14}html:not(.light-mode) .course-card-title{color:#e2e8f0}html:not(.light-mode) .course-card-code{color:#475569}html:not(.light-mode) .topic-item{background:#ffffff08;border-color:#ffffff12}html:not(.light-mode) .topic-item-title{color:#c8d0e0}html:not(.light-mode) .topic-item-body{color:#94a3b8}html:not(.light-mode) .register-course-subject-item{background:#ffffff08;border-color:#ffffff12}html:not(.light-mode) .register-course-subject-item.selected{background:#6366f11a;border-color:#6366f159}.locked-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.carryover-notice{padding:10px 14px;border-radius:10px;background:#6366f112;border:1px solid rgba(99,102,241,.18);font-size:12.5px;color:var(--text-secondary, #94a3b8);line-height:1.6}.carryover-notice strong{color:#6366f1}.courses-loading{display:flex;align-items:center;gap:8px;padding:14px 0;color:var(--text-muted, #94a3b8);font-size:13px}.field-hint{font-size:12.5px;color:var(--text-muted, #94a3b8);padding:10px 0}.courses-empty{font-size:12.5px;color:#f59e0b;padding:10px 0}.course-count{font-size:11px;font-weight:500;color:var(--text-muted, #94a3b8);margin-left:4px}.required-star{color:#ef4444;margin-left:2px}.pim-overlay{position:fixed;inset:0;background:#0a122899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.pim-card{position:relative;background:var(--surface, #fff);border-radius:20px;width:100%;max-width:430px;padding:32px 28px 24px;box-shadow:0 24px 60px #00000038;animation:pimSlideIn .25s ease}@keyframes pimSlideIn{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.pim-close{position:absolute;top:14px;right:14px;background:var(--surface-2, rgba(0, 0, 0, .05));border:none;border-radius:8px;padding:6px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;transition:background .15s}.pim-close:hover{background:#0000001a}.pim-hero{text-align:center;margin-bottom:20px}.pim-hero__circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 8px 24px #6366f14d}.pim-hero__title{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--text-primary, #1e293b)}.pim-hero__sub{margin:0 0 12px;font-size:13px;color:var(--text-muted, #64748b);line-height:1.5}.pim-status-chip{display:inline-block;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 12px;border-radius:20px}.pim-amount-box{background:linear-gradient(135deg,#6366f114,#8b5cf60f);border:1px solid rgba(99,102,241,.14);border-radius:12px;padding:14px 18px;text-align:center;margin-bottom:18px}.pim-amount-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.pim-amount-value{display:block;font-size:26px;font-weight:900;color:var(--text-primary, #1e293b)}.pim-details{display:flex;flex-direction:column;gap:0;border:1px solid var(--border, rgba(0, 0, 0, .07));border-radius:12px;overflow:hidden;margin-bottom:16px}.pim-row{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:12px;border-bottom:1px solid var(--border, rgba(0, 0, 0, .06))}.pim-row:last-child{border-bottom:none}.pim-row__icon{color:var(--text-muted, #94a3b8);flex-shrink:0;display:flex}.pim-row__label{color:var(--text-muted, #64748b);min-width:130px;flex-shrink:0;font-weight:500}.pim-row__value{flex:1;color:var(--text-primary, #1e293b);font-weight:600;text-align:right;word-break:break-all;display:flex;align-items:center;justify-content:flex-end;gap:6px}.pim-row__value--mono{font-family:Courier New,monospace;font-size:11px;letter-spacing:.03em}.pim-copy-btn{background:var(--surface-2, rgba(0, 0, 0, .05));border:none;border-radius:5px;padding:3px 5px;cursor:pointer;color:var(--text-muted, #94a3b8);display:flex;align-items:center;flex-shrink:0;transition:background .15s}.pim-copy-btn:hover{background:#6366f11f;color:#6366f1}.pim-notice{font-size:12px;color:var(--text-muted, #64748b);background:#f59e0b12;border:1px solid rgba(245,158,11,.15);border-radius:10px;padding:10px 14px;line-height:1.55;margin-bottom:18px}.pim-notice a{color:#6366f1;font-weight:600}.pim-actions{display:flex;gap:10px}.pim-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.pim-btn:hover{opacity:.88;transform:translateY(-1px)}.pim-btn--copy{background:#6366f1;color:#fff}.pim-btn--close{background:var(--surface-2, rgba(0, 0, 0, .06));color:var(--text-primary, #1e293b);border:1px solid var(--border, rgba(0, 0, 0, .08))}html:not(.light-mode) .pim-card{background:var(--surface, #1a2236);box-shadow:0 24px 60px #00000080}html:not(.light-mode) .pim-hero__title{color:#e2e8f0}html:not(.light-mode) .pim-amount-value{color:#e2e8f0}html:not(.light-mode) .pim-details{border-color:#ffffff14}html:not(.light-mode) .pim-row{border-bottom-color:#ffffff0f}html:not(.light-mode) .pim-row__value{color:#c8d0e0}html:not(.light-mode) .pim-btn--close{background:#ffffff12;color:#c8d0e0;border-color:#ffffff1a}html:not(.light-mode) .pim-close{background:#ffffff0f;color:#94a3b8}html:not(.light-mode) .pim-amount-box{background:#6366f11a;border-color:#6366f12e}.elec-loading,.elec-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--text-muted, #94a3b8);font-size:14px}.elec-loading{flex-direction:row}.elec-stat-chip{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#f59e0b;font-size:13px;font-weight:600}.elec-positions-list{display:flex;flex-direction:column;gap:24px;padding-bottom:32px}.elec-position-section{background:var(--card-bg, #1e2235);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:16px;overflow:hidden}.elec-position-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .07));background:#ffffff05}.elec-position-left{display:flex;align-items:flex-start;gap:12px}.elec-position-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;flex-shrink:0}.elec-position-title{font-size:16px;font-weight:700;color:var(--text-primary, #f1f5f9);margin:0 0 4px}.elec-position-meta{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-muted, #94a3b8)}.elec-position-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.elec-status-chip{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.elec-status-chip.open{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.elec-status-chip.upcoming{background:#6366f11f;color:#6366f1;border:1px solid rgba(99,102,241,.25)}.elec-status-chip.closed{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.18)}.elec-candidate-count{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted, #94a3b8);font-weight:500}.elec-already-voted{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.18);border-radius:20px;padding:4px 10px}.elec-candidates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:20px 22px}.elec-candidate-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:border-color .18s,transform .18s,box-shadow .18s;text-align:center}.elec-candidate-card:hover{border-color:#f59e0b4d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.elec-candidate-card.voted{border-color:#22c55e40;background:#22c55e0a}.elec-candidate-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(245,158,11,.25);position:relative;flex-shrink:0}.elec-candidate-avatar img{width:100%;height:100%;object-fit:cover}.elec-candidate-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}.elec-candidate-info{display:flex;flex-direction:column;gap:2px}.elec-candidate-name{font-size:14px;font-weight:700;color:var(--text-primary, #f1f5f9)}.elec-candidate-regno{font-size:11.5px;color:var(--text-muted, #94a3b8);font-family:monospace;letter-spacing:.5px}.elec-candidate-dept{font-size:11px;color:var(--text-muted, #94a3b8)}.elec-candidate-votes{display:flex;flex-direction:column;align-items:center;gap:2px}.elec-vote-count{font-size:26px;font-weight:800;color:#f59e0b;line-height:1}.elec-vote-label{font-size:10px;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.elec-vote-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 0;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;border:none;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.elec-vote-btn:disabled{background:#ffffff12;color:var(--text-muted, #94a3b8);cursor:not-allowed;transform:none;opacity:.7}.elec-vote-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.notice-list{display:flex;flex-direction:column;gap:12px}.notice-item{border-radius:14px;padding:16px 20px;background:var(--card-bg, #fff);border:1px solid var(--border, rgba(0, 0, 0, .07));display:flex;gap:14px;align-items:flex-start;transition:box-shadow .16s}.notice-item:hover{box-shadow:0 4px 18px #6366f114}.notice-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-gold-bg);flex-shrink:0;margin-top:5px}.notice-body{flex:1}.notice-title{font-size:14px;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:4px}.notice-message{font-size:13px;color:var(--text-muted, #64748b);line-height:1.6}.notice-footer{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.notice-date{font-size:11px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:4px}.notice-chip{font-size:10px;font-weight:700;padding:2px 10px;border-radius:20px;background:#22c55e17;color:#16a34a;border:1px solid rgba(34,197,94,.2)}html:not(.light-mode) .notice-item{background:#ffffff0a;border-color:#ffffff14}html:not(.light-mode) .notice-title{color:#c8d0e0}html:not(.light-mode) .notice-message{color:#64748b}html:not(.light-mode) .admission-hero{border-color:#6366f124}html:not(.light-mode) .admission-hero-name{color:#e2e8f0}html:not(.light-mode) .admission-hero-sub{color:#64748b}html:not(.light-mode) .admission-info-section-title{border-bottom-color:#ffffff14;color:#475569}html:not(.light-mode) .admission-info-row{border-bottom-color:#ffffff0f}html:not(.light-mode) .admission-info-label{color:#475569}html:not(.light-mode) .admission-info-value{color:#c8d0e0}html:not(.light-mode) .admission-conditions{border-color:#ffffff14}html:not(.light-mode) .admission-conditions-body{color:#94a3b8}html:not(.light-mode) .admission-conditions-body strong{color:#c8d0e0}.mp-root{display:flex;flex-direction:column;gap:24px;padding-bottom:48px}.mp-hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#0f172a,#1e1b4b,#2d1b69 80%,#4c1d95);border:1px solid rgba(139,92,246,.2);isolation:isolate;padding:36px 36px 0}.mp-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.mp-orb-1{width:320px;height:320px;top:-100px;right:-60px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%)}.mp-orb-2{width:200px;height:200px;bottom:0;left:20%;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%)}.mp-orb-3{width:140px;height:140px;top:30px;left:40%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%)}.mp-hero-inner{position:relative;z-index:2;display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.mp-avatar-wrap{position:relative;flex-shrink:0}.mp-avatar-img,.mp-avatar-initials{width:90px;height:90px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.mp-avatar-img{border:3px solid rgba(139,92,246,.5);box-shadow:0 0 0 4px #8b5cf61f}.mp-avatar-initials{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:30px;font-weight:800;color:#fff;letter-spacing:-1px;border:3px solid rgba(139,92,246,.4);box-shadow:0 0 0 4px #8b5cf61a}.mp-avatar-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(139,92,246,.25);animation:mp-ring-pulse 3s ease-in-out infinite}@keyframes mp-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.mp-hero-text{flex:1;min-width:0}.mp-hero-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.mp-hero-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mp-hero-sub{font-size:13px;color:#c7d2febf;margin:0 0 12px;font-weight:500}.mp-hero-badges{display:flex;flex-wrap:wrap;gap:7px}.mp-hero-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:600;background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#e0e7ffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mp-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.mp-status-badge.active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.mp-status-badge.inactive{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.mp-hero-stats{position:relative;z-index:2;display:flex;align-items:center;gap:0;margin-top:28px;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08)}.mp-hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.mp-hero-stat-value{font-size:20px;font-weight:800;color:#fff;line-height:1.1}.mp-hero-stat-label{font-size:11px;font-weight:600;color:#c7d2fea6;text-transform:uppercase;letter-spacing:.5px}.mp-hero-stat-divider{width:1px;height:34px;background:#ffffff1a;flex-shrink:0}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.mp-card{background:var(--card-bg, #1a2035);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.mp-card:hover{border-color:#8b5cf638;box-shadow:0 6px 28px #0000002e}.mp-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.mp-card-icon{width:32px;height:32px;border-radius:9px;background:#8b5cf624;color:#a78bfa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-card-title{font-size:13px;font-weight:700;color:var(--text-primary, #e2e8f0);margin:0}.mp-card-body{padding:6px 0}.mp-info-row{display:flex;align-items:flex-start;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.mp-info-row:last-child{border-bottom:none}.mp-info-row:hover{background:#ffffff06}.mp-info-icon{color:#7c7f9e;margin-top:2px;flex-shrink:0}.mp-info-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mp-info-label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.4px}.mp-info-value{font-size:13px;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.mp-skeleton-avatar{width:90px;height:90px;border-radius:50%!important;flex-shrink:0}.mp-hero-skeleton{display:flex;align-items:center;gap:24px;padding:36px}@media(max-width:640px){.mp-hero{padding:24px 20px 0}.mp-hero-name{font-size:20px}.mp-hero-stats{flex-wrap:nowrap;overflow-x:auto;gap:0}.mp-hero-stat-value{font-size:16px}.mp-grid{grid-template-columns:1fr}}
