@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--navy:#07152f;--navy2:#0d2145;--blue:#2f7cff;--cyan:#15d9ff;--purple:#8d5cff;--orange:#ff9f43;--text:#10213e;--muted:#65728a;--line:#dce6f5;--bg:#f4f8ff;--white:#fff;--shadow:0 18px 55px rgba(22,57,118,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button,a{cursor:pointer}.nav{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#07152ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{width:54px;height:54px;object-fit:contain}.brand b{font-size:18px}.nav nav{display:flex;gap:30px}.nav a{color:inherit;text-decoration:none;font-weight:700;font-size:14px}.nav-actions{display:flex;gap:10px}.primary,.ghost,.danger,.mode{border:0;border-radius:13px;padding:12px 18px;font-weight:800}.primary{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;box-shadow:0 10px 24px #465cff47}.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.nav .ghost{background:#ffffff14;color:#fff;border-color:#ffffff2e}.danger{background:#fff0f0;color:#d93a4a}.small{padding:9px 13px;font-size:13px}.wide{width:100%}.hero{min-height:650px;max-width:1180px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:90px;align-items:center}.badge,.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.13em;color:#3463d9;background:#eaf1ff;padding:8px 11px;border-radius:999px}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:.98;letter-spacing:-.055em;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero-btns{display:flex;gap:12px;margin-top:28px}.hero-btns a{text-decoration:none}.logo-stage{position:relative;display:grid;place-items:center;min-height:470px}.logo-stage .glow{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(21,217,255,.22),rgba(141,92,255,.12) 45%,transparent 70%);filter:blur(12px)}.logo-stage img{width:min(100%,500px);position:relative;object-fit:contain;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 28px 20px rgba(19,53,104,.25))}@keyframes float{50%{transform:translateY(-11px)}}.section{max-width:1180px;margin:auto;padding:85px 24px}.section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;margin:15px 0 34px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card,.features article,.panel,.result-card{background:#fff;border:1px solid #e3ebf7;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.course-card{transition:.25s}.course-card:hover{transform:translateY(-6px)}.course-img{height:190px;background:linear-gradient(135deg,#dff8ff,#eee8ff);display:grid;place-items:center}.course-img img{width:100%;height:100%;object-fit:cover}.course-placeholder{font-size:62px}.course-body{padding:22px}.pill{font-size:10px;font-weight:900;color:#7750dc}.course-body h3{font-size:22px;margin:10px 0}.course-body p{color:var(--muted);line-height:1.55;min-height:72px}.course-foot{display:flex;align-items:center;justify-content:space-between}.course-foot strong{font-size:20px;color:#1762e6}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:26px;font-size:28px}.features h3{font-size:17px}.features p{font-size:14px;color:var(--muted);line-height:1.6}footer{background:var(--navy);color:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;gap:16px}footer img{width:65px}footer span{color:#91a8cb}.modal-wrap{position:fixed;inset:0;background:#030b1cb8;z-index:100;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;padding:30px;box-shadow:0 30px 90px #00000059}.x{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px}.form{display:grid;gap:15px}.form label,.result-card label{display:grid;gap:7px;font-weight:700;font-size:13px}.form input,.form textarea,.form select,.result-card input,.result-card select,.searchbar input,.scan-manual input{width:100%;border:1px solid var(--line);background:#f8fbff;border-radius:13px;padding:13px;outline:none}.form textarea{min-height:100px;resize:vertical}.form input:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2f7cff1a}.linkbtn{border:0;background:none;color:#316bdc;font-weight:800}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#123b2a;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:var(--shadow)}.toast.bad{background:#7e2330}.dash{max-width:1400px;margin:auto;padding:28px 24px;display:grid;grid-template-columns:240px 1fr;gap:24px}.dash aside{background:var(--navy);border-radius:24px;padding:18px;height:calc(100vh - 132px);position:sticky;top:100px}.teacher-card{color:#fff;padding:14px;display:grid;gap:5px}.teacher-card span{font-size:10px;letter-spacing:.15em;color:var(--cyan)}.teacher-card small{color:#9fb3d2}.side{width:100%;text-align:left;border:0;background:transparent;color:#afc0dc;padding:13px;border-radius:12px;margin:3px 0;font-weight:700}.side.active,.side:hover{background:linear-gradient(90deg,#2f7cff40,#8d5cff2e);color:#fff}.side i{float:right;background:#ff5f6d;color:#fff;border-radius:99px;padding:2px 7px;font-style:normal}.dash-main{min-width:0}.tab{display:none}.tab.active{display:block}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dash h2,.student-dash h1{font-size:34px;letter-spacing:-.04em}.notify{background:#fff;padding:12px 16px;border-radius:14px;box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{background:linear-gradient(135deg,#fff,#edf5ff);padding:25px;border-radius:22px;border:1px solid var(--line)}.stats span{display:block;color:var(--muted)}.stats b{font-size:40px}.manage-grid{display:grid;gap:12px}.manage-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;align-items:center;gap:14px}.manage-grid article b{flex:1}.table-wrap{overflow:auto;background:#fff;border-radius:20px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:13px}td small{display:block;color:var(--muted);margin-top:4px}.status{padding:6px 9px;border-radius:99px;font-weight:800}.status.pending{background:#fff2d7;color:#9a6300}.status.approved{background:#dff8e9;color:#18713e}.scan-modes{display:flex;gap:10px;margin-bottom:18px}.mode{background:#fff;border:1px solid var(--line);color:var(--text)}.mode.active{background:var(--navy);color:#fff}.reader{max-width:520px;background:#fff;border-radius:20px;overflow:hidden}.scan-manual,.searchbar{display:flex;gap:10px;max-width:700px;margin:16px 0}.result-card{padding:22px;max-width:760px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid span{background:#f5f8fd;padding:12px;border-radius:12px;color:var(--muted);font-size:12px}.detail-grid b{display:block;color:var(--text);margin-top:4px}.balance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;padding:16px;border-radius:15px}.balance b{grid-column:1/-1;font-size:22px}.balance.due{background:#fff0f1;color:#b72739}.balance.advance,.balance.paid{background:#e6faef;color:#167440}.student-hit{width:100%;display:flex;justify-content:space-between;text-align:left;border:1px solid var(--line);background:#fff;padding:15px;border-radius:14px;margin:8px 0}.student-hit span{color:var(--muted)}.approved{text-align:center}.qr{width:220px;max-width:100%;border-radius:14px;background:#fff;padding:10px}.muted,.empty{color:var(--muted)}.student-dash{max-width:1180px;margin:auto;padding:40px 24px 90px}.student-hero{background:linear-gradient(135deg,var(--navy),#14386f);color:#fff;border-radius:28px;padding:30px 36px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.student-hero .eyebrow{background:#ffffff1a;color:var(--cyan)}.mini-logo{width:160px;filter:drop-shadow(0 15px 15px rgba(0,0,0,.25))}.student-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;margin:20px 0}.panel{padding:24px;margin:20px 0}.student-grid .panel{margin:0}.qr-panel{text-align:center;display:grid;justify-items:center}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.balance-grid article{background:#f7faff;border:1px solid var(--line);padding:17px;border-radius:16px;display:grid;gap:7px}.balance-grid h4{margin:0}.green{color:#14834a}.red{color:#d23d4e}.mini-list{display:grid;gap:8px}.mini-list>div{display:flex;justify-content:space-between;background:#f7faff;padding:13px;border-radius:12px}.mini-list span{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:20px 0}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:20px;text-align:center}.hero p{margin-inline:auto}.hero-btns{justify-content:center}.logo-stage{min-height:350px}.logo-stage img{max-width:390px}.course-grid,.features{grid-template-columns:repeat(2,1fr)}.dash{grid-template-columns:1fr}.dash aside{height:auto;position:static;display:flex;overflow:auto}.teacher-card{display:none}.side{min-width:max-content}.student-grid{grid-template-columns:1fr}.balance-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.nav{padding:0 14px}.brand b,.nav .ghost{display:none}.hero{padding:45px 18px}.hero h1{font-size:45px}.hero-btns{flex-direction:column}.course-grid,.features,.stats,.balance-grid{grid-template-columns:1fr}.section{padding:60px 18px}.dash{padding:15px 12px}.dash aside{border-radius:16px}.dash-head{align-items:flex-start;flex-direction:column}.scan-modes{overflow:auto}.scan-manual,.searchbar{flex-direction:column}.detail-grid{grid-template-columns:1fr}.student-hero{padding:24px}.mini-logo{width:100px}.mini-list>div{display:grid;gap:4px}footer{flex-direction:column;padding:30px}.modal{padding:24px 18px}}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.biginput,#studentSearch{width:min(520px,100%);padding:14px 16px;border-radius:14px;border:1px solid #334155;background:#0b1225;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.glass,.receipt,.idcard{padding:22px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:linear-gradient(145deg,#0f172aeb,#1e293bc7);box-shadow:0 18px 45px #02061740}.stats b{display:block;font-size:2rem;color:#67e8f9}.stats span{color:#94a3b8}.status{padding:6px 10px;border-radius:999px;font-size:.78rem;text-transform:capitalize}.status.active,.status.approved{background:#064e3b;color:#6ee7b7}.status.inactive,.status.pending{background:#78350f;color:#fde68a}.status.rejected,.status.deleted{background:#7f1d1d;color:#fecaca}.danger{background:#7f1d1d;color:#fff;border:1px solid #ef4444;border-radius:12px;padding:10px 14px}.modebar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.scanner-box{max-width:600px;padding:18px;border-radius:22px;background:#071225;border:1px solid #233456}.scanner-box #reader{overflow:hidden;border-radius:16px;margin-bottom:12px}.profile-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:center}.qr{width:min(300px,100%);background:#fff;border-radius:16px;padding:8px}.idcard{text-align:center}.idcard>img:first-child{width:130px}.idcard .qr{display:block;margin:10px auto}.receipt{text-align:center;display:grid;gap:10px}.receipt strong{font-size:2rem;color:#67e8f9}.balance-list{margin-top:15px;padding:12px;border-radius:14px;background:#071225}.student-dash{max-width:1200px;margin:auto;padding:40px 24px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:30px;border-radius:28px;background:linear-gradient(135deg,#111c3c,#312e81,#0e7490)}.welcome img{width:190px}.student-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.qrbox{text-align:center}.qrbox .qr{display:block;margin:12px auto}.alert.bad{padding:14px;background:#7f1d1d;color:#fee2e2;border-radius:14px;margin-top:15px}.side em{background:#ef4444;color:#fff;border-radius:999px;padding:2px 7px;font-style:normal}.form textarea{min-height:110px;resize:vertical}.form select{padding:13px;border-radius:12px;background:#0b1225;color:#fff;border:1px solid #334155}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.profile-grid,.student-grid{grid-template-columns:1fr}.welcome img{width:120px}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.stats{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr!important}.dash{display:block!important}.dash aside{position:static!important;display:flex;overflow:auto;padding:10px!important}.side{white-space:nowrap}.profile-grid{display:block}.nav nav{display:none}}:root{--navy:#071b3d;--navy2:#0b2d63;--blue:#1677ff;--cyan:#12c9f4;--purple:#6d5dfc;--bg:#f3f8ff;--line:#d8e7fb;--text:#10233f;--muted:#65758e;--shadow:0 14px 38px rgba(31,91,170,.12)}body{background:linear-gradient(180deg,#f8fbff 0,#eef6ff);overflow-x:hidden}.nav{background:#071b3df5;box-shadow:0 8px 30px #071b3d1f}.primary,.ghost,.danger,.mode{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;white-space:nowrap}.primary{background:linear-gradient(135deg,#1677ff,#625df5)}.danger{background:#fff1f3;color:#c62f45;border:1px solid #ffd5dc}.ghost{background:#fff;color:#164f9d;border:1px solid #cfe0f6}.small{min-height:36px;padding:8px 12px}.dash{max-width:1440px;grid-template-columns:250px minmax(0,1fr);gap:22px;padding:26px 22px}.dash aside{background:linear-gradient(180deg,#071b3d,#0b2d63);height:calc(100vh - 126px);padding:16px;border-radius:22px;overflow-y:auto;overflow-x:hidden;box-shadow:0 18px 45px #071b3d2e}.dash>.panel{margin:0;padding:26px;min-width:0;overflow:hidden;background:#fffffff5;border-color:#dceafb}.side{display:flex;align-items:center;justify-content:space-between;float:none;min-height:44px;margin:4px 0;padding:11px 13px}.side em,.side i{float:none;margin-left:auto}.tab{width:100%;min-width:0}.tab>h2,.section-head h2{margin-top:0}.section-head{flex-wrap:wrap}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stats article,.glass,.receipt,.idcard{background:linear-gradient(145deg,#fff,#f3f8ff);border:1px solid #dbe9fb;box-shadow:var(--shadow);color:var(--text)}.stats b{color:#1677ff}.stats span{color:var(--muted)}.cards,.table,.manage-grid{display:grid;gap:12px;min-width:0}.cards>article,.table>.row,.row{background:#fff;border:1px solid #dce8f7;border-radius:16px;padding:15px;box-shadow:0 7px 20px #2a5b960f}.row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:10px;min-width:0}.row>span:first-child{min-width:0}.row b,.row small{overflow-wrap:anywhere}.row small{display:block;color:var(--muted);margin-top:4px}.cards>article{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cards>article h3,.cards>article p{margin:3px 0}.cards>article h3{flex:1 1 220px}.cards>article p{flex:1 1 160px}.cards>article button{flex:0 0 auto}.biginput,#studentSearch,.form select{background:#f8fbff;color:var(--text);border:1px solid var(--line)}.searchbar,.scan-manual{max-width:none;align-items:stretch}.searchbar input,.scan-manual input{min-width:0}.scanner-box{max-width:680px;background:#f7fbff;border:1px solid #d8e7fb}.balance-list{background:#f2f7ff}.table-wrap{max-width:100%;overflow:auto}.table-wrap table{min-width:720px}.modal{border:1px solid #dbe8f8}.modebar,.scan-modes{display:flex;flex-wrap:wrap;gap:9px}.mode.active{background:linear-gradient(135deg,#0b2d63,#1677ff)}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:820px){.dash{display:block;padding:14px}.dash aside{position:static;height:auto;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;border-radius:16px;margin-bottom:14px}.teacher-card{display:none}.side{min-width:max-content;margin:0}.dash>.panel{padding:18px}.row{grid-template-columns:minmax(0,1fr) auto}.row>button{width:100%;grid-column:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.stats{grid-template-columns:1fr}.dash>.panel{padding:14px;border-radius:16px}.section-head{align-items:stretch}.section-head .primary,.section-head button{width:100%}.row{display:flex;flex-direction:column;align-items:stretch}.row>span,.row>button,.row>.status{width:100%}.row>.status{text-align:center}.cards>article{display:grid;grid-template-columns:1fr}.cards>article h3,.cards>article p{flex:auto}.cards>article button{width:100%}.searchbar,.scan-manual{display:grid;grid-template-columns:1fr}.searchbar button,.scan-manual button{width:100%}.modebar,.scan-modes{display:grid;grid-template-columns:1fr 1fr}.mode{width:100%}.nav-actions{gap:6px}.nav .primary{padding:10px 12px;font-size:12px}.hero{padding-inline:16px}.modal-wrap{padding:10px}.modal{padding:22px 15px}.profile-grid{grid-template-columns:1fr}.qr{margin-inline:auto}}:root{--bg:#071329;--bg2:#0b1d3d;--panel:#10264a;--panel2:#132d55;--blue:#2f78ff;--cyan:#18d9ff;--purple:#8b5cf6;--orange:#ff9f43;--text:#eef6ff;--muted:#a8bad5;--line:rgba(126,169,235,.18);--shadow:0 18px 50px rgba(0,7,25,.32)}html,body,#app{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 80% 5%,rgba(41,113,255,.13),transparent 28%),linear-gradient(180deg,#071329,#091832 55%,#071329)}.topbar,.navbar,.nav-wrap{background:#061127e6!important;border-color:var(--line)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar,.teacher-sidebar,.side-nav{background:linear-gradient(180deg,#0a1b38,#0d2447)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}main,.dashboard-shell,.teacher-main,.page{background:transparent!important}.card,.panel,.stat-card,.course-card,.table-card,.scanner-card,.modal-card,.form-card,.application-card,.student-card,.payment-card,.attendance-card,.notification-card{background:linear-gradient(145deg,#11284cf5,#0b1d3bf5)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}h1,h2,h3,h4,strong,.title,.brand{color:var(--text)!important}p,.muted,.subtitle,small,.help-text{color:var(--muted)!important}input,select,textarea{background:#0a1b38!important;color:var(--text)!important;border:1px solid rgba(111,161,238,.25)!important}input::placeholder,textarea::placeholder{color:#7187a8!important}input:focus,select:focus,textarea:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 3px #18d9ff1a!important}table{color:var(--text)!important}th{color:#a9c8f2!important;background:#143059b3!important}td{border-color:var(--line)!important}tr:hover td{background:#2f78ff0f!important}button,.btn{border-radius:12px}.btn-primary,.primary,.action-primary{background:linear-gradient(120deg,var(--blue),#5966ff,var(--purple))!important;color:#fff!important;box-shadow:0 10px 26px #2f78ff40!important}.btn-secondary,.secondary{background:#142d53!important;color:#ddecff!important;border:1px solid rgba(104,157,239,.24)!important}.badge,.pill,.status{border-color:#689def38!important}.hero,.home-hero{background:radial-gradient(circle at 76% 38%,rgba(0,214,255,.17),transparent 30%),radial-gradient(circle at 88% 14%,rgba(139,92,246,.18),transparent 24%),linear-gradient(135deg,#08152f,#0c1d3f 52%,#101b3d)!important}.hero:before,.home-hero:before{opacity:.18!important}.logo-stage{filter:drop-shadow(0 20px 38px rgba(0,0,0,.28))}.section,.courses-section,.features-section{background:transparent!important}.teacher-layout button,.teacher-layout .btn,.actions button,.action-row button{min-height:40px;white-space:nowrap}.actions,.action-row,.toolbar,.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(max-width:900px){.teacher-layout,.dashboard-layout{grid-template-columns:1fr!important}.sidebar,.teacher-sidebar{position:relative!important;width:100%!important}.actions,.action-row,.toolbar,.filters{width:100%}}@media(max-width:600px){.actions button,.action-row button,.toolbar button{flex:1 1 140px}.card,.panel,.modal-card{border-radius:18px!important}table{min-width:680px}.table-wrap,.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}:root{color-scheme:dark}body{min-height:100vh}.modal,.course-card,.features article,.panel,.result-card,.stats article,.manage-grid article,.table-wrap,.cards>article,.table>.row,.row,.notify,.scanner-box,.reader,.student-hit,.balance-grid article,.mini-list>div,.glass,.receipt,.idcard{background:linear-gradient(145deg,#11284cfa,#0a1b38fa)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}.modal{border:1px solid var(--line)!important}.x{color:#dcecff!important}.x:hover{color:#fff!important}.form label,.result-card label,label{color:#dcecff}.form input,.form textarea,.form select,.result-card input,.result-card select,.searchbar input,.scan-manual input,.biginput,#studentSearch,input,select,textarea{background:#071a36!important;color:#f5f9ff!important;-webkit-text-fill-color:#f5f9ff!important;caret-color:#18d9ff!important;border:1px solid rgba(111,161,238,.34)!important;box-shadow:inset 0 1px #ffffff06!important}input::placeholder,textarea::placeholder{color:#91a8c8!important;opacity:1!important;-webkit-text-fill-color:#91a8c8!important}input:focus,select:focus,textarea:focus{background:#0a2144!important;border-color:#18d9ff!important;box-shadow:0 0 0 3px #18d9ff21!important;outline:none!important}select option{background:#0a1b38!important;color:#f5f9ff!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f9ff!important;-webkit-box-shadow:0 0 0 1000px #071a36 inset!important;transition:background-color 9999s ease-out 0s}.form input:disabled,.form select:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.72!important;color:#b8c9e1!important;-webkit-text-fill-color:#b8c9e1!important}.course-body p,.features p,.stats span,.row small,td small,.student-hit span,.mini-list span,.detail-grid span,.muted,.empty{color:var(--muted)!important}.course-body h3,.features h3,.manage-grid b,.row b,.detail-grid b,.balance-grid h4{color:var(--text)!important}.detail-grid span,.balance-grid article,.mini-list>div,.balance-list{background:#0a1d3b!important;border:1px solid rgba(126,169,235,.12)!important}.table-wrap{overflow-x:auto!important}.table-wrap table{min-width:760px;color:var(--text)!important}th{background:#0c2448!important;color:#bcd6f8!important;border-color:var(--line)!important}td{color:#e9f3ff!important;border-color:var(--line)!important}.primary{color:#fff!important}.ghost,.mode{background:#112b51!important;color:#e8f3ff!important;border:1px solid rgba(126,169,235,.28)!important}.ghost:hover,.mode:hover{background:#173967!important}.mode.active{background:linear-gradient(135deg,#176dff,#725cf6)!important;color:#fff!important}.danger{background:#4a1824!important;color:#ffdbe1!important;border:1px solid #8d3043!important}.linkbtn{color:#61cfff!important}.badge,.eyebrow{background:#143059d1!important;color:#75e7ff!important;border:1px solid rgba(67,174,255,.25)!important}.course-img{background:linear-gradient(135deg,#0d315b,#211d58)!important}.course-foot strong{color:#63dfff!important}.dash>.panel{background:linear-gradient(145deg,#11284cfa,#0a1b38fa)!important}.dash-head,.section-head{margin-bottom:18px}.cards>article,.manage-grid article{gap:12px}.row{grid-template-columns:minmax(210px,1fr) repeat(3,max-content)!important}.row button{max-width:100%}.searchbar,.scan-manual{width:100%;max-width:760px}.searchbar input,.scan-manual input{flex:1 1 320px;min-width:0}.status.pending{background:#4a3510!important;color:#ffe29a!important}.status.approved,.status.active{background:#0d4434!important;color:#8af0c0!important}.status.inactive,.status.deleted,.status.rejected{background:#4a1824!important;color:#ffb9c5!important}#reader,#reader__scan_region,#reader__dashboard{background:#081b37!important;color:#eaf4ff!important}#reader button,#reader select{max-width:100%}@media(max-width:820px){.row{grid-template-columns:minmax(0,1fr) auto!important}.table-wrap table{min-width:700px}.dash>.panel{overflow:visible!important}}@media(max-width:560px){.row{display:flex!important;flex-direction:column!important;align-items:stretch!important}.row>*{width:100%!important}.row button{white-space:normal!important}.form input,.form textarea,.form select{font-size:16px!important}.modal{max-height:94vh}.table-wrap{border-radius:14px!important}}html{background:#071329!important;min-height:100%}body{min-height:100vh!important;background:#071329!important;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 82% 8%,rgba(47,120,255,.18),transparent 32%),radial-gradient(circle at 15% 65%,rgba(139,92,246,.1),transparent 30%),linear-gradient(180deg,#071329,#0a1933 48%,#071329)}#app{min-height:calc(100vh - 150px)!important;background:transparent!important}main{width:100%;background:transparent!important}.dash{max-width:none!important;width:100%!important;min-height:calc(100vh - 76px)!important;margin:0!important;padding:24px!important;background:transparent!important}.dash>.panel{min-height:calc(100vh - 124px)!important;background:linear-gradient(145deg,#0e2345fa,#081934fa)!important;border:1px solid rgba(126,169,235,.18)!important}.dash aside{background:linear-gradient(180deg,#091b39,#0d274d)!important;border:1px solid rgba(126,169,235,.16)!important}.section,.hero,.student-dash{background:transparent!important}footer{background:#061126!important;border-top:1px solid rgba(126,169,235,.14)!important}.cards,.table,.stats,.manage-grid{background:transparent!important}.cards>article,.table>.row,.stats>article,.manage-grid>article{background:linear-gradient(145deg,#10284d,#0b1d3b)!important}@media(max-width:820px){.dash{padding:12px!important}.dash>.panel{min-height:70vh!important}}.table>.row{column-gap:14px!important;row-gap:12px!important;padding:17px!important}.table>.row>button,.cards>article>button,.manage-grid>article>button{margin:0!important;min-height:40px!important;padding:10px 15px!important;white-space:nowrap!important}.table>.row>.status{margin-right:2px!important;justify-self:start}.cards>article,.manage-grid>article{column-gap:14px!important;row-gap:12px!important}@media(min-width:821px){.table>.row{grid-template-columns:minmax(230px,1fr) max-content max-content max-content!important}}@media(max-width:820px){.table>.row{grid-template-columns:minmax(0,1fr) minmax(100px,max-content)!important}.table>.row>button{min-width:110px!important}}@media(max-width:560px){.table>.row{display:flex!important;gap:10px!important}.table>.row>button{width:100%!important;min-width:0!important}.table>.row>.status{width:100%!important;margin:0!important;text-align:center!important}}.attendance-course{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0a1d3b}.attendance-course label{display:grid;gap:8px}.attendance-course small{display:block;margin-top:8px}.timetable-row{align-items:center}.section-head>div p{margin:4px 0 0}.modal .table{margin:12px 0 18px}.modal .wide{margin-top:16px;width:100%}@media(max-width:560px){.section-head{align-items:stretch!important}.section-head>button{width:100%}.attendance-course{padding:12px}}.nav{gap:22px!important}.nav>div{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important}.nav>div button{margin:0!important;white-space:nowrap!important}.nav nav{gap:24px!important}.nav .brand{flex:0 0 auto}.nav nav{flex:1 1 auto}@media(max-width:760px){.nav{flex-wrap:wrap!important}.nav nav{order:3;flex:1 0 100%;justify-content:center!important}.nav>div{margin-left:auto!important;gap:8px!important}.nav>div button{padding:9px 12px!important}}@media(max-width:480px){.nav>div{width:100%!important;justify-content:stretch!important}.nav>div button{flex:1 1 0!important}.nav nav{gap:16px!important}}html,body{width:100%;max-width:100%;overflow-x:hidden}.dash,.dash>.panel,.tab{min-width:0;max-width:100%}.scanner-box,#reader{width:100%!important;max-width:100%!important}.scanner-box video{max-width:100%!important;height:auto!important}.idcard,.receipt{max-width:100%;overflow:hidden}.idcard img,.receipt img{max-width:100%;height:auto}.biginput,#studentSearch{width:100%;max-width:100%}@media(max-width:820px){.dash{width:100%!important;padding:10px!important}.dash aside{width:100%!important;max-width:100%!important;padding:9px!important;scrollbar-width:thin}.dash>.panel{width:100%!important;padding:14px!important}.side{flex:0 0 auto!important;min-height:42px!important;padding:10px 13px!important}.stats{gap:10px!important}.stats article{padding:17px!important}.stats b{font-size:30px!important}.tab h2{font-size:clamp(24px,7vw,32px)!important}.table{width:100%!important}.table>.row{max-width:100%!important}.attendance-course{width:100%!important}.nav{height:auto!important;min-height:68px!important;padding:8px 12px!important}.brand img{width:46px!important;height:46px!important}}@media(max-width:560px){.dash{padding:8px!important}.dash aside{margin-bottom:10px!important}.dash>.panel{padding:12px!important}.stats{grid-template-columns:1fr 1fr!important}.stats article{min-width:0!important}.stats b{font-size:26px!important}.stats span{font-size:12px!important}.table>.row,.row{padding:13px!important}.table>.row button,.row button{white-space:normal!important}.modebar,.scan-modes{grid-template-columns:1fr!important}.course-foot{gap:10px;flex-wrap:wrap}.course-foot button{width:100%}.modal{width:100%!important;max-width:100%!important}.nav nav{display:none!important}.nav>div{width:auto!important;margin-left:auto!important}.nav>div button{font-size:12px!important;padding:9px 10px!important}.nav .brand b{font-size:16px!important}}@media(max-width:380px){.stats{grid-template-columns:1fr!important}.nav .brand b{display:none}.nav>div{flex:1!important}.nav>div button{width:100%!important}}.feature-explain{padding-top:42px!important}.feature-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.feature-flow article{background:linear-gradient(145deg,#10284d,#0b1d3b);border:1px solid rgba(126,169,235,.16);border-radius:22px;padding:22px;box-shadow:0 18px 50px #00000026}.feature-flow article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1677ff,#7b5cff);font-weight:900;color:#fff}.feature-flow h3{margin:16px 0 8px;color:#fff}.feature-flow p{margin:0;color:var(--muted);line-height:1.65}.danger:disabled{opacity:.38;cursor:not-allowed}@media(max-width:980px){.feature-flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.feature-flow{grid-template-columns:1fr}.feature-flow article{padding:18px}.feature-explain{padding-top:24px!important}}.course-card{overflow:hidden!important;display:flex!important;flex-direction:column!important}.course-img{width:100%!important;aspect-ratio:16/9!important;min-height:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}.course-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.course-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:18px!important}.course-body h3{position:static!important;margin:0 0 8px!important;line-height:1.3!important}.course-body p{flex:1!important}.course-foot{margin-top:14px!important}.course-upload-preview{display:grid;gap:7px}.course-upload-preview img{width:100%;max-height:210px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}input[type=file]{padding:10px!important;overflow:hidden!important}input[type=file]::file-selector-button{border:0;border-radius:10px;padding:9px 12px;margin-right:10px;background:#176dff;color:#fff;font-weight:700;cursor:pointer}@media(max-width:560px){.course-body{padding:15px!important}.course-img{aspect-ratio:16/10!important}}.mobile-dash-nav{display:none}.scanner-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.qr-file-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.camera-note{font-size:12px;color:var(--muted);line-height:1.5}.scanner-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;max-width:680px}.scanner-box #reader{width:100%;max-width:520px;margin:auto;border:0!important;overflow:hidden;border-radius:16px}.modebar{display:flex;gap:10px;flex-wrap:wrap}.attendance-course{max-width:680px;margin:14px 0}.attendance-course select{width:100%;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}@media(max-width:760px){body{overflow-x:hidden}.nav{height:64px;padding:0 12px}.brand img{width:42px;height:42px}.brand b{font-size:15px}.nav>div{display:flex;gap:6px}.nav .primary,.nav .ghost{padding:9px 10px;font-size:12px}.dash{display:block!important;padding:10px!important;max-width:none}.dash aside{display:none!important}.mobile-dash-nav{display:grid;grid-template-columns:1fr;gap:10px;position:sticky;top:64px;z-index:40;background:#f4f8fff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 0 12px;border-bottom:1px solid var(--line)}.mobile-dash-nav div{display:flex;justify-content:space-between;align-items:center;gap:10px}.mobile-dash-nav b{font-size:18px}.mobile-dash-nav small{color:var(--muted);max-width:45%;overflow:hidden;text-overflow:ellipsis}.mobile-dash-nav select{width:100%;height:48px;border:1px solid #cddaf0;border-radius:14px;background:#fff;padding:0 14px;font-weight:800;color:var(--navy)}.dash>.panel{margin:10px 0!important;padding:14px!important;border-radius:18px!important;box-shadow:none!important}.dash h2{font-size:25px!important;margin:6px 0 16px}.stats{grid-template-columns:1fr 1fr!important;gap:10px!important}.stats article{padding:16px!important;border-radius:16px!important}.stats b{font-size:28px!important}.stats span{font-size:12px}.manage-grid article,.row{align-items:flex-start!important;flex-wrap:wrap!important}.manage-grid article button,.row button{max-width:100%}.table{overflow:visible!important}.table .row{padding:12px!important;gap:10px!important}.table .row>span{width:100%;min-width:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:650px}.modebar{display:grid!important;grid-template-columns:1fr 1fr!important}.modebar button:first-child{grid-column:1/-1}.modebar button{width:100%!important;padding:12px 8px!important}.scanner-box{padding:12px!important;border-radius:16px!important}.scanner-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.scanner-actions .qr-file-btn{grid-column:1/-1}.scanner-actions>*{width:100%!important}.scanner-box #reader{max-width:none!important}.scanner-box video{width:100%!important;height:auto!important;object-fit:cover!important}.scanner-box #reader__scan_region{min-height:250px!important}.scanner-box #reader__dashboard{padding:8px!important}.form{gap:12px}.modal-wrap{padding:8px!important}.modal{padding:20px 14px!important;border-radius:18px!important;max-height:96vh!important}.detail-grid{grid-template-columns:1fr!important}.scan-manual,.searchbar{display:grid!important;grid-template-columns:1fr!important}.balance,.course-grid,.features{grid-template-columns:1fr!important}.course-card{border-radius:18px!important}.course-img{aspect-ratio:16/9!important}.section{padding:50px 14px!important}.hero{padding:35px 14px!important;min-height:auto!important}.hero h1{font-size:40px!important}.logo-stage{min-height:260px!important}.logo-stage img{max-width:280px!important}footer{padding:25px 15px;flex-wrap:wrap;text-align:center}}@media(max-width:380px){.stats{grid-template-columns:1fr!important}.nav .ghost{display:none}.modebar{grid-template-columns:1fr!important}.modebar button:first-child{grid-column:auto}.scanner-actions{grid-template-columns:1fr!important}.scanner-actions .qr-file-btn{grid-column:auto}}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.mobile-menu-btn,.dash-overlay,#dashClose{display:none}.learning-tabs{display:flex;gap:12px;margin:14px 0 24px}.exam-btn{border:0;border-radius:12px;padding:12px 18px;background:#7c3aed;color:#fff;font-weight:800}.learning-list,.student-materials{display:grid;gap:12px;margin:12px 0 28px}.learning-card,.student-materials article{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid #dbe7f6;border-radius:16px;padding:14px;color:#10213c}.learning-card small,.student-materials small{display:block;color:#6b7d96;margin-top:4px}.learning-card p,.student-materials p{margin:5px 0 0;color:#6b7d96}.file-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:900;background:#fee2e2;color:#dc2626}.file-icon.image{background:#dcfce7;color:#15803d}.file-icon.exam{background:#ede9fe;color:#7c3aed}.learning-public,.student-learning-results{min-height:80vh}.scan-hero{max-width:620px;margin:60px auto;padding:32px;background:#fff;color:#10213c;border-radius:24px;text-align:center;box-shadow:0 20px 60px #020b1d55}.scan-hero #learningReader{max-width:420px;margin:20px auto;border-radius:18px;overflow:hidden}.learning-welcome{margin:24px auto 0;max-width:1100px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#e9f4ff,#f3f7ff);color:#0d2c5a}.learning-welcome h1{margin:5px 0}.dash-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dash-brand img{width:40px;height:40px;object-fit:contain}.dash-brand div{display:grid}.dash-brand small{opacity:.7}.logout-side{margin-top:18px;color:#ffb3b3!important}.mobile-welcome{display:none}@media(max-width:768px){body{background:#f4f7fb!important;color:#10213c}.nav{height:64px;padding:0 16px;background:linear-gradient(110deg,#06275c,#0747a6)!important}.nav nav{display:none}.nav .brand b{font-size:18px}.nav .brand img{width:38px;height:38px}.nav>div .ghost{display:none}.nav>div .primary{padding:9px 11px;font-size:12px}.hero{min-height:auto!important;padding:42px 18px 30px!important;grid-template-columns:1fr!important;background:linear-gradient(145deg,#06285e,#0a43a1 62%,#4b1e94)!important}.hero h1{font-size:36px!important;line-height:1.05}.hero p{font-size:15px}.logo-stage{display:none}.hero-actions .primary,.hero-actions .ghost{flex:1;text-align:center;min-width:135px}.section{padding:28px 16px!important}.feature-flow,.course-grid,.cards,.stats{grid-template-columns:1fr!important}.course-card{border-radius:18px!important;overflow:hidden}.course-img{height:180px!important}.course-body{padding:16px!important}.course-body h3{font-size:19px!important}.dash{display:block!important;min-height:100vh;padding:0!important;background:#f4f7fb!important}.dash>.panel{margin:0!important;padding:78px 14px 30px!important;width:100%!important;min-width:0!important;background:#f4f7fb!important}.mobile-dash-nav{display:none!important}.mobile-menu-btn{display:grid;place-items:center;position:fixed;left:14px;top:74px;z-index:60;width:44px;height:44px;border:0;border-radius:13px;background:linear-gradient(135deg,#0875ff,#0752c8);color:#fff;font-size:22px;box-shadow:0 8px 25px #0752c855}.dash aside{position:fixed!important;z-index:90!important;left:-300px!important;top:0!important;bottom:0!important;width:286px!important;height:100dvh!important;padding:18px 14px!important;overflow-y:auto;background:linear-gradient(180deg,#061b42,#06275d 60%,#03142f)!important;transition:left .25s ease;box-shadow:20px 0 50px #00112c66}.dash aside.open{left:0!important}.dash-overlay{position:fixed;inset:0;background:#00112c99;z-index:80}.dash-overlay.show{display:block}.dash-brand{color:#fff;padding:5px 6px 14px;border-bottom:1px solid #ffffff1f}.dash-brand #dashClose{display:block;margin-left:auto;border:0;background:#ffffff15;color:#fff;border-radius:10px;width:34px;height:34px;font-size:24px}.teacher-card{background:#0c3979!important;border:1px solid #ffffff18!important;border-radius:16px!important;padding:14px!important;margin:12px 0!important}.side{width:100%!important;text-align:left!important;margin:4px 0!important;padding:12px 14px!important;border-radius:12px!important;color:#dbeafe!important;background:transparent!important;border:0!important}.side.active{background:linear-gradient(90deg,#0b6cff,#0751b9)!important;color:#fff!important;box-shadow:0 8px 22px #006aff33}.mobile-welcome{display:block;background:linear-gradient(135deg,#e8f3ff,#fff);border:1px solid #dbeafe;border-radius:20px;padding:18px;margin-bottom:18px}.mobile-welcome span,.mobile-welcome p{color:#6b7d96}.mobile-welcome h2{margin:4px 0;color:#10213c}.tab>h2,.section-head h2{font-size:24px!important;color:#10213c!important}.stats{gap:12px!important}.stats article{border:0!important;border-radius:17px!important;padding:18px!important;box-shadow:0 8px 24px #193b6812}.stats article:nth-child(1){background:linear-gradient(135deg,#0875ff,#0752d4)!important;color:#fff}.stats article:nth-child(2){background:linear-gradient(135deg,#16c784,#0aa66c)!important;color:#fff}.stats article:nth-child(3){background:linear-gradient(135deg,#ffad32,#f28705)!important;color:#fff}.stats article:nth-child(4){background:linear-gradient(135deg,#9b5cff,#7135df)!important;color:#fff}.stats article span{color:inherit!important}.section-head{align-items:flex-start!important;gap:10px!important;flex-direction:column!important}.section-head>.primary{width:100%}.table .row{grid-template-columns:1fr!important;gap:9px!important;padding:14px!important;border-radius:15px!important}.table .row button{width:100%;margin:0!important}.form{gap:14px!important}.form input,.form select,.form textarea,.biginput{font-size:16px!important;width:100%!important;min-height:46px!important}.modal-wrap{padding:10px!important}.modal{width:100%!important;max-height:92dvh!important;overflow-y:auto!important;border-radius:20px!important;padding:22px 16px!important}.modebar,.scanner-actions,.learning-tabs{display:grid!important;grid-template-columns:1fr!important}.modebar button,.scanner-actions>*{width:100%!important}.scanner-box{padding:12px!important}.scanner-box #reader{width:100%!important;max-width:100%!important}.learning-card,.student-materials article{grid-template-columns:auto 1fr!important}.learning-card>a,.learning-card>button,.student-materials article>a{grid-column:1/-1;width:100%;text-align:center}.scan-hero{margin:18px 12px;padding:24px 14px;border-radius:20px}.learning-welcome{margin:18px 14px 0}.student-learning-results .section{padding-top:18px!important}footer{padding:25px 16px!important;text-align:center}}@media(max-width:768px){.dash aside{display:block!important;visibility:visible!important;transform:none!important}.dash aside:not(.open){left:-310px!important}.dash aside.open{left:0!important}.dash-overlay{display:none!important}.dash-overlay.show{display:block!important}.mobile-menu-btn{display:grid!important;color:#fff!important;background:#0868e8!important;border:1px solid rgba(255,255,255,.18)!important}.hero,.hero *{color:#fff!important}.hero .badge{background:#ffffff24!important;border-color:#ffffff40!important}.hero-actions .primary{background:#1687ff!important;color:#fff!important;border:1px solid #55a8ff!important;box-shadow:0 8px 22px #005bdc59!important}.hero-actions .ghost,#studentLearning{background:#fff!important;color:#073b86!important;border:2px solid #fff!important;font-weight:900!important;box-shadow:0 8px 22px #00000029!important}.hero-actions .primary,.hero-actions .ghost{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important}.dash>.panel{overflow-x:hidden!important}.tab{width:100%!important;min-width:0!important}.side{display:flex!important;align-items:center!important;min-height:45px!important;font-size:14px!important;font-weight:700!important}.side.active{background:#0b6cff!important}.logout-side{background:#ef44441f!important;color:#fecaca!important;margin-bottom:18px!important}.teacher-card,.teacher-card *{color:#fff!important}.primary{background:#0875ef!important;color:#fff!important;border-color:#0875ef!important}.exam-btn{background:#7c3aed!important;color:#fff!important}.ghost{color:#0b57b7!important;background:#f7fbff!important;border-color:#bfd6f2!important}.learning-card,.student-materials article{background:#fff!important;color:#10213c!important;box-shadow:0 5px 18px #193b6814!important}.learning-card b,.student-materials b{color:#10213c!important}.learning-card small,.learning-card p,.student-materials small,.student-materials p{color:#64748b!important}.learning-tabs button{min-height:48px!important;font-size:15px!important}.manage-grid{grid-template-columns:1fr!important}.manage-grid article{width:100%!important;min-width:0!important}.table,.row{width:100%!important;min-width:0!important}button,a,input,select,textarea{max-width:100%}}@media(max-width:768px){#t0{padding-top:4px!important}#t0 .mobile-welcome{position:relative;overflow:hidden;background:linear-gradient(135deg,#0758d8,#087cf0 52%,#6845e8)!important;border:0!important;box-shadow:0 14px 34px #0752be40!important;padding:22px 20px!important;border-radius:22px!important}#t0 .mobile-welcome:after{content:"✦";position:absolute;right:18px;top:13px;font-size:58px;color:#ffffff26;transform:rotate(12deg)}#t0 .mobile-welcome span,#t0 .mobile-welcome p,#t0 .mobile-welcome h2{color:#fff!important;position:relative;z-index:1}#t0 .mobile-welcome span{font-size:13px;font-weight:800;opacity:.88;text-transform:uppercase;letter-spacing:.06em}#t0 .mobile-welcome h2{font-size:25px!important;margin:5px 0 4px!important}#t0 .mobile-welcome p{font-size:13px;margin:0!important;opacity:.88}#t0>h2{font-size:21px!important;margin:20px 2px 12px!important;color:#10213c!important}#t0 .stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}#t0 .stats article{position:relative;overflow:hidden;min-height:126px!important;padding:18px 16px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;box-shadow:0 12px 28px #0f2d5529!important}#t0 .stats article:before{position:absolute;right:13px;top:10px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff2e;font-size:20px}#t0 .stats article:nth-child(1):before{content:"👥"}#t0 .stats article:nth-child(2):before{content:"📝"}#t0 .stats article:nth-child(3):before{content:"📚"}#t0 .stats article:nth-child(4):before{content:"🎓"}#t0 .stats article:nth-child(1){background:linear-gradient(145deg,#087cf0,#0756d6)!important}#t0 .stats article:nth-child(2){background:linear-gradient(145deg,#19cf8b,#08a96c)!important}#t0 .stats article:nth-child(3){background:linear-gradient(145deg,#ffb53d,#f17b0a)!important}#t0 .stats article:nth-child(4){background:linear-gradient(145deg,#a866ff,#7041df)!important}#t0 .stats b{font-size:34px!important;line-height:1!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.12)}#t0 .stats span{font-size:13px!important;font-weight:800!important;color:#fff!important;margin-top:7px!important;opacity:.96}}@media(max-width:370px){#t0 .stats{grid-template-columns:1fr!important}#t0 .stats article{min-height:112px!important}}@media(max-width:768px){body{background:#f4f8ff!important}.nav{min-height:72px!important;height:72px!important;padding:7px 14px!important;background:linear-gradient(120deg,#041b43,#073f91)!important;box-shadow:0 5px 20px #00194640!important}.nav .brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0}.nav .brand img{display:block!important;width:52px!important;height:52px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.nav .brand b{display:block!important;color:#fff!important;font-size:17px!important;white-space:nowrap!important}.nav>div{width:auto!important;flex:0 0 auto!important}.nav>div .primary{background:#1687ff!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:11px!important}.hero{padding:32px 17px 24px!important;border-radius:0 0 28px 28px!important;box-shadow:0 14px 35px #052d6e2e!important}.hero .badge{font-size:10px!important;letter-spacing:.08em!important}.hero h1{font-size:34px!important;margin:14px 0!important}.hero h1 span{color:#67e8f9!important}.hero p{color:#dbeafe!important;line-height:1.6!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important}.hero-actions>*{width:100%!important;min-height:50px!important}.section{background:#f4f8ff!important}.section>h2{color:#0b2447!important}.section .eyebrow{color:#0868d8!important;font-weight:900!important}.feature-flow article{background:#fff!important;border:1px solid #dce8f7!important;box-shadow:0 8px 24px #133a6914!important}.feature-flow h3{color:#10213c!important}.feature-flow p{color:#64748b!important}.course-card{background:#fff!important;box-shadow:0 9px 26px #1138641a!important;border:1px solid #dce8f7!important}.course-body h3{color:#10213c!important}.course-body p{color:#64748b!important}.learning-public{min-height:calc(100dvh - 72px)!important;padding:20px 0 34px!important;background:linear-gradient(180deg,#eaf4ff 0,#f7faff 48%,#edf5ff)!important}.scan-hero{width:calc(100% - 24px)!important;max-width:560px!important;margin:12px auto!important;padding:26px 18px 22px!important;background:linear-gradient(145deg,#fff,#f5f9ff)!important;border:1px solid #d7e7fb!important;border-radius:24px!important;box-shadow:0 16px 40px #0d3b7421!important;color:#10213c!important}.scan-hero .badge{display:inline-flex!important;background:linear-gradient(135deg,#0a76e8,#635bdf)!important;color:#fff!important;border:0!important;padding:8px 13px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important}.scan-hero h1{color:#0b2447!important;font-size:29px!important;line-height:1.15!important;margin:18px 0 10px!important;text-shadow:none!important}.scan-hero>p{color:#637895!important;font-size:14px!important;line-height:1.55!important;margin:0 auto 16px!important;max-width:430px!important}.scan-hero #learningReader{width:100%!important;max-width:390px!important;margin:14px auto!important;background:#eef5ff!important;border:1px solid #cfe0f5!important;border-radius:18px!important;overflow:hidden!important}.scan-hero #learningReader video{width:100%!important;height:auto!important}.scan-hero .scanner-actions{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;margin-top:16px!important}.scan-hero .scanner-actions .primary,.scan-hero .scanner-actions .ghost{width:100%!important;min-height:50px!important;border-radius:14px!important;font-size:15px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important}.scan-hero .scanner-actions .primary{background:linear-gradient(135deg,#087cf0,#7048ed)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px #484de038!important}.scan-hero .scanner-actions .ghost{background:#092f66!important;color:#fff!important;border:1px solid #174c8b!important}#learnMsg{color:#48627f!important;font-size:13px!important;margin-top:13px!important}}@media(max-width:380px){.nav .brand img{width:46px!important;height:46px!important}.nav .brand b{font-size:15px!important}.nav>div .primary{font-size:11px!important;padding:8px!important}.hero h1{font-size:31px!important}.scan-hero{padding:22px 14px!important}.scan-hero h1{font-size:26px!important}}.mobile-quick{display:none}@media(max-width:768px){.mobile-home+.x{display:none}.nav{height:70px!important;min-height:70px!important;padding:7px 16px!important;background:linear-gradient(110deg,#052c67,#073f8f)!important;box-shadow:none!important}.nav .brand img{width:46px!important;height:46px!important}.nav .brand b{font-size:18px!important;font-weight:900!important;letter-spacing:.01em!important;color:#fff!important}.nav>div .primary{font-size:0!important;width:40px!important;height:40px!important;padding:0!important;border-radius:12px!important;background:#ffffff1a!important;box-shadow:none!important}.nav>div .primary:after{content:"🔐";font-size:17px}.nav>div .ghost{display:none!important}.mobile-home .hero{display:block!important;margin:0!important;padding:18px 16px 16px!important;border-radius:0 0 22px 22px!important;background:linear-gradient(145deg,#062b68,#0c3eb5 52%,#3513a5)!important;text-align:left!important;box-shadow:none!important}.mobile-home .hero-copy{max-width:none!important}.mobile-home .hero .badge{display:none!important}.mobile-home .hero h1{font-size:31px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 12px!important;color:#fff!important}.mobile-home .hero h1 span{color:#4fe3ff!important;background:none!important;-webkit-text-fill-color:#4fe3ff!important}.mobile-home .hero p{font-size:14px!important;line-height:1.55!important;margin:0 0 15px!important;max-width:330px!important;color:#e7efff!important}.mobile-home .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important}.mobile-home .hero-actions>*{min-height:48px!important;border-radius:11px!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important}.mobile-home .hero-actions .primary{background:#0e91ff!important;color:#fff!important;border:0!important}.mobile-home .hero-actions .ghost{display:flex!important;background:#fff!important;color:#082f68!important;border:0!important}.mobile-home .logo-stage{display:none!important}.mobile-quick{display:block!important;padding:18px 16px 8px!important;background:#f7fbff!important}.mobile-quick h2{font-size:20px!important;margin:0 0 12px!important;color:#0a2c5d!important}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-grid a,.quick-grid button{min-width:0;border:0;border-radius:14px;padding:14px 5px 12px;background:#fff;text-decoration:none;text-align:center;box-shadow:0 5px 18px #1e498214;color:#0a2c5d}.quick-grid a:nth-child(1){background:#fff0f5}.quick-grid button{background:#edf7ff}.quick-grid a:nth-child(3){background:#fff8dc}.quick-grid b{display:block;font-size:24px;margin-bottom:7px}.quick-grid span{font-size:11px;font-weight:800}.future-banner{margin-top:13px;padding:15px 17px;border-radius:15px;background:linear-gradient(120deg,#3c35dd,#7c20e8);color:#fff;display:flex;align-items:center;justify-content:space-between}.future-banner b{font-size:15px;line-height:1.35}.future-banner span{font-size:32px}.mobile-home .section{padding:24px 16px!important;background:#f7fbff!important}.mobile-home .section .eyebrow{font-size:10px!important;padding:7px 10px!important}.mobile-home .section>h2{font-size:27px!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:11px 0 18px!important;color:#092b59!important}.mobile-home .feature-flow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:0!important}.mobile-home .feature-flow article{min-height:0!important;padding:14px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e2ecf8!important;box-shadow:0 5px 18px #143e7312!important}.mobile-home .feature-flow article>span{width:32px!important;height:32px!important;border-radius:9px!important;font-size:11px!important}.mobile-home .feature-flow h3{font-size:14px!important;margin:10px 0 5px!important;color:#092b59!important}.mobile-home .feature-flow p{font-size:11px!important;line-height:1.45!important;color:#657b98!important}.mobile-home #courses{padding-top:18px!important}.mobile-home .course-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.mobile-home .course-card{border-radius:14px!important;background:#fff!important;border:1px solid #e0eaf7!important;box-shadow:0 6px 18px #143e7314!important}.mobile-home .course-img{height:105px!important;aspect-ratio:auto!important;background:linear-gradient(135deg,#d8f1ff,#e8e7ff)!important}.mobile-home .course-body{padding:11px!important}.mobile-home .course-body h3{font-size:14px!important;margin:0 0 5px!important}.mobile-home .course-body p{font-size:10px!important;line-height:1.4!important;min-height:42px!important;margin:0!important;color:#667b97!important}.mobile-home .course-foot{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important}.mobile-home .course-foot strong{font-size:12px!important;color:#0b62d5!important}.mobile-home .course-foot .primary{width:100%!important;padding:8px!important;font-size:11px!important;border-radius:9px!important}.learning-public{padding:14px 0 30px!important;background:#f5f9ff!important}.scan-hero{width:calc(100% - 24px)!important;margin:0 auto!important;padding:22px 16px!important;text-align:left!important;border-radius:20px!important;background:#fff!important}.scan-hero .badge{display:none!important}.scan-hero h1{font-size:25px!important;margin:0 0 9px!important}.scan-hero>p{font-size:13px!important;margin:0 0 16px!important;max-width:none!important}.scan-hero #learningReader{margin:12px auto!important}.scan-hero .scanner-actions{gap:10px!important}.scan-hero .scanner-actions .primary,.scan-hero .scanner-actions .ghost{min-height:52px!important;font-size:14px!important}.scan-hero .scanner-actions .ghost{background:#eef5ff!important;color:#0b3977!important;border:0!important}footer{padding:22px 16px!important;min-height:120px!important;gap:8px!important;flex-direction:column!important;background:linear-gradient(160deg,#061b40,#062d68)!important}footer img{width:62px!important}footer b{color:#fff!important}footer span{font-size:12px!important}}@media(max-width:360px){.mobile-home .hero h1{font-size:28px!important}.mobile-home .feature-flow,.mobile-home .course-grid{grid-template-columns:1fr!important}}@media(min-width:769px){.learning-public{padding:48px 20px 70px!important;background:linear-gradient(180deg,#06162f,#071a38)!important}.learning-public .scan-hero{max-width:720px!important;margin:0 auto!important;padding:36px 42px!important;background:#fff!important;color:#10213c!important;border:1px solid #dce8f7!important;border-radius:26px!important;box-shadow:0 24px 70px #00000047!important}.learning-public .scan-hero .badge{background:#315f91!important;color:#67e8f9!important;border:0!important}.learning-public .scan-hero h1{color:#0b2447!important;text-shadow:none!important;opacity:1!important}.learning-public .scan-hero>p{color:#607795!important;opacity:1!important}.learning-public .scanner-actions{display:flex!important;justify-content:center!important;gap:12px!important}.learning-public .scanner-actions .primary{background:linear-gradient(135deg,#1677ff,#7c3aed)!important;color:#fff!important}.learning-public .scanner-actions .ghost{background:#0c3267!important;color:#fff!important;border-color:#164b88!important}.learning-public #learnMsg{color:#48627f!important}}@media(max-width:768px){.mobile-home #courses>.eyebrow{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%!important;background:#e8f3ff!important;color:#0875e8!important;border:1px solid #cfe5ff!important;border-radius:999px!important;padding:7px 11px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.09em!important;line-height:1!important;white-space:nowrap!important}.mobile-home #courses>h2{display:block!important;color:#092b59!important;font-size:24px!important;line-height:1.15!important;margin:12px 0 14px!important}.mobile-home #courses .course-grid{margin-top:0!important}.mobile-home #courses .empty{grid-column:1/-1!important;background:#fff!important;border:1px dashed #cbdcf1!important;border-radius:14px!important;padding:18px 14px!important;color:#6b7f9c!important;font-size:13px!important;line-height:1.5!important;text-align:center!important}}.student-learning-results{min-height:calc(100vh - 70px);background:#f4f8ff!important;color:#0b2853!important;padding:28px clamp(16px,5vw,70px) 60px!important}.student-learning-results .learning-welcome{max-width:1120px;margin:0 auto 26px;padding:26px 30px;border-radius:22px;background:linear-gradient(135deg,#fff,#eef6ff)!important;border:1px solid #d8e7f8;box-shadow:0 12px 32px #194a8717}.student-learning-results .learning-welcome>span{display:inline-block;color:#087cf0!important;font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:7px}.student-learning-results .learning-welcome h1{color:#0a2c5d!important;font-size:32px!important;line-height:1.15;margin:0 0 13px!important}.learning-chips{display:flex;gap:7px;flex-wrap:wrap}.learning-chips b{font-size:12px;color:#0b5fc7;background:#e5f2ff;border:1px solid #cce5ff;border-radius:999px;padding:7px 10px}.learning-result-section{max-width:1120px;margin:0 auto 22px;padding:24px;border-radius:22px;background:#fff!important;border:1px solid #deebf8;box-shadow:0 10px 28px #194a8712}.learning-section-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.learning-section-title>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e9f4ff;font-size:22px}.learning-section-title h2{color:#0a2c5d!important;font-size:24px!important;margin:0!important}.learning-section-title p{color:#6b7f9c!important;font-size:13px;margin:3px 0 0}.student-learning-results .student-materials{display:grid;gap:10px}.student-learning-results .student-materials article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:#f8fbff!important;color:#0a2c5d!important;border:1px solid #dfeaf7!important;border-radius:15px;padding:13px}.student-learning-results .student-materials article b{color:#0a2c5d!important}.student-learning-results .student-materials article small,.student-learning-results .student-materials article p{display:block;color:#6b7f9c!important;margin:3px 0 0}.learning-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:120px;padding:20px;border:1px dashed #c8dcef;border-radius:15px;background:#f8fbff;color:#6b7f9c;font-size:25px}.learning-empty b{font-size:15px;color:#0a2c5d}.learning-empty span{font-size:12px;max-width:440px}.application-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.application-review{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px;border:1px solid #28466e;border-radius:16px;background:#0d2345}.application-photo{width:110px;height:130px;object-fit:cover;border-radius:13px;background:#eaf2fb}.application-photo.placeholder{display:grid;place-items:center;color:#6b7f9c;font-size:12px}.application-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.application-info p{font-size:12px;line-height:1.5;margin:4px 0;color:#c9d9ef}.application-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.student-profile-photo{width:130px;height:150px;object-fit:cover;border-radius:14px;border:2px solid #d8e7f8;margin-bottom:10px}@media(max-width:768px){.student-learning-results{padding:14px 12px 35px!important}.student-learning-results .learning-welcome{padding:19px 16px;margin-bottom:13px;border-radius:18px}.student-learning-results .learning-welcome h1{font-size:23px!important}.learning-result-section{padding:16px 13px;margin-bottom:13px;border-radius:18px}.learning-section-title h2{font-size:19px!important}.learning-section-title p{font-size:11px}.learning-section-title>span{width:38px;height:38px;font-size:18px}.student-learning-results .student-materials article{grid-template-columns:auto 1fr;padding:11px}.student-learning-results .student-materials article>a{grid-column:1/-1;width:100%;text-align:center}.application-grid{grid-template-columns:1fr}.application-review{grid-template-columns:78px 1fr;padding:12px;gap:11px}.application-photo{width:78px;height:94px}.application-title{align-items:flex-start;flex-direction:column}.application-actions{grid-column:1/-1}.application-actions>*{flex:1 1 120px;text-align:center}}