:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.practice-centre-shell{background:radial-gradient(circle at 15% 15%,#1269be4d,#0000 30%),radial-gradient(circle at 85% 90%,#69146e38,#0000 28%),linear-gradient(145deg,#031b3d 0%,#062b5b 52%,#071a38 100%);border-radius:22px;overflow:hidden;box-shadow:0 22px 55px #00000038;padding:0!important}.practice-centre-hero{text-align:center;color:#fff;padding:34px 20px 28px;position:relative}.practice-centre-icon{color:#8cddff;background:#50beff26;border:1px solid #8cdcff59;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 8px;font-size:34px;display:grid}.practice-centre-hero h2{color:#fff;letter-spacing:-.8px;margin:4px 0;font-size:clamp(32px,5vw,52px);font-weight:800}.practice-centre-hero p{color:#eef7ff;margin:8px 0 4px;font-size:18px}.practice-centre-tagline{color:#bdd9f4;font-size:16px}.practice-programme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 18px 20px;display:grid}.practice-programme-card{background:#fff;border:1px solid #ffffff80;border-radius:20px;grid-template-columns:30% 70%;min-height:330px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 14px 30px #0003}.practice-programme-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px #00000045}.practice-card-badge{text-align:center;letter-spacing:1px;color:#fff;text-shadow:0 2px 5px #00000040;justify-content:center;align-items:center;padding:20px 10px;font-size:clamp(23px,3vw,40px);font-weight:900;display:flex}.practice-card-content{flex-direction:column;padding:25px 25px 20px;display:flex}.practice-card-content h3{color:#10244b;margin:0 0 8px;font-size:clamp(22px,2.4vw,31px);line-height:1.1}.practice-card-content p{color:#33445f;margin:0 0 15px;line-height:1.45}.practice-feature-list{color:#263b5e;gap:6px;margin-bottom:18px;font-weight:600;display:grid}.practice-card-content button{color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;min-height:52px;margin-top:auto;font-size:16px;font-weight:800;box-shadow:0 8px 16px #00000029}.practice-card-content button span{margin-right:9px;font-size:22px}.jamb-card{background:linear-gradient(135deg,#fff 50%,#dcfbea);border-bottom:5px solid #08a954}.jamb-card .practice-card-badge{background:linear-gradient(145deg,#075e36,#09a95b)}.jamb-card h3 span{color:#08743e}.jamb-card button{background:linear-gradient(90deg,#056934,#08a552)}.bece-card{background:linear-gradient(135deg,#fff 50%,#e3f2ff);border-bottom:5px solid #1889e8}.bece-card .practice-card-badge{background:linear-gradient(145deg,#0756a6,#24a1f2)}.bece-card h3 span{color:#116bc2}.bece-card button{background:linear-gradient(90deg,#075cb9,#168ee7)}.waec-card{background:linear-gradient(135deg,#fff 50%,#fff2cb);border-bottom:5px solid #e2a900}.waec-card .practice-card-badge{background:linear-gradient(145deg,#9d6500,#e7ad05)}.waec-card h3 span{color:#a66b00}.waec-card button{background:linear-gradient(90deg,#a76a00,#df9f00)}.neco-card{background:linear-gradient(135deg,#fff 50%,#ffe1e4);border-bottom:5px solid #df3344}.neco-card .practice-card-badge{background:linear-gradient(145deg,#9f1525,#e54150)}.neco-card h3 span{color:#a41627}.neco-card button{background:linear-gradient(90deg,#a70f23,#dd3044)}.practice-programme-workspace{background:#fffffff7;border-radius:20px;min-height:500px;margin:18px;padding:25px}.practice-back-button{color:#fff;cursor:pointer;background:#1269c7;border:0;border-radius:10px;margin-bottom:20px;padding:11px 18px;font-weight:700}.jamb-workspace{border-top:6px solid #07964c}.bece-workspace{border-top:6px solid #1689e4}.waec-workspace{border-top:6px solid #d99d00}.neco-workspace{border-top:6px solid #d72b40}@media (width<=850px){.practice-programme-grid{grid-template-columns:1fr}.practice-programme-card{grid-template-columns:120px 1fr}}@media (width<=520px){.practice-programme-grid{padding:0 10px 12px}.practice-programme-card{grid-template-columns:1fr}.practice-card-badge{min-height:90px}.practice-card-content{padding:20px}.practice-programme-workspace{margin:10px;padding:16px}}.practice-programme-grid{gap:12px;max-width:1050px;margin:0 auto;padding:0 16px 18px}.practice-programme-card{border-radius:15px;grid-template-columns:25% 75%;min-height:235px;max-height:255px}.practice-card-badge{padding:12px 6px;font-size:27px}.practice-card-content{padding:15px 18px 13px}.practice-card-content h3{margin-bottom:5px;font-size:21px}.practice-card-content p{margin-bottom:8px;font-size:13px;line-height:1.3}.practice-feature-list{gap:2px;margin-bottom:8px;font-size:13px;line-height:1.25}.practice-card-content button{border-radius:9px;min-height:38px;font-size:13px}.practice-card-content button span{font-size:16px}@media (width<=850px){.practice-programme-card{grid-template-columns:105px 1fr;min-height:220px;max-height:none}}@media (width<=520px){.practice-programme-card{grid-template-columns:82px 1fr;max-height:none}.practice-card-badge{min-height:0;font-size:18px}.practice-card-content{padding:13px}}.practice-card-badge{position:relative;overflow:hidden}.practice-card-badge img{object-fit:contain;filter:drop-shadow(0 4px 6px #0003);width:88%;height:88%;margin:auto;display:block}.practice-programme-card{border:1px solid #ffffffb8;box-shadow:0 8px 22px #00000029,inset 0 1px #ffffffbf}.practice-card-badge{justify-content:center;align-items:center;padding:14px;display:flex;position:relative}.practice-card-badge:before{content:"";background:#fffffff5;border:1px solid #ffffffe6;border-radius:50%;width:112px;max-width:78%;height:112px;max-height:62%;position:absolute;box-shadow:0 7px 18px #0000002e,inset 0 0 0 4px #ffffff73}.practice-card-badge img{z-index:1;object-fit:contain;filter:drop-shadow(0 2px 3px #0000001f);border-radius:50%;width:82px;max-width:68%;height:82px;max-height:52%;margin:0;position:relative}.practice-card-content{justify-content:center}.practice-card-content h3{letter-spacing:.1px;line-height:1.15}.practice-card-content p{color:#526078}.practice-feature-list{color:#283a56}.practice-card-content button{transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 5px 11px #00000021}.practice-card-content button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 7px 14px #0000002b}@media (width<=850px){.practice-card-badge:before{width:82px;height:82px}.practice-card-badge img{width:62px;height:62px}}@media (width<=520px){.practice-card-badge:before{width:62px;height:62px}.practice-card-badge img{width:48px;height:48px}}.practice-card-badge{padding:8px}.practice-card-badge:before{background:#fffffff5;border-radius:18px;width:92px;max-width:76%;height:92px;max-height:52%;box-shadow:0 5px 12px #00000026}.practice-card-badge img{object-fit:contain;filter:none;border-radius:10px;width:78px;max-width:68%;height:78px;max-height:46%}@media (width<=850px){.practice-card-badge:before{border-radius:14px;width:72px;height:72px}.practice-card-badge img{width:62px;height:62px}}.practice-centre-page,.practice-page,.jamb-practice,.bece-practice,.waec-practice,.neco-practice{isolation:isolate;background:linear-gradient(#fffffff0,#fffffff0),url(/images/school-crest.jpg) 50% 58%/330px no-repeat;position:relative;color:#17233c!important}.practice-centre-page:before,.practice-page:before,.jamb-practice:before,.bece-practice:before,.waec-practice:before,.neco-practice:before{content:"";z-index:-1;opacity:.045;pointer-events:none;background:url(/images/school-crest.jpg) 50%/contain no-repeat;width:330px;height:330px;position:fixed;top:55%;left:50%;transform:translate(-50%,-50%)}.practice-centre-page *,.practice-page *,.jamb-practice *,.bece-practice *,.waec-practice *,.neco-practice *{opacity:1}.practice-centre-page h2,.practice-page h2,.jamb-practice h2,.bece-practice h2,.waec-practice h2,.neco-practice h2{letter-spacing:-.3px;font-weight:800;color:#102a56!important}.practice-centre-page select,.practice-page select,.jamb-practice select,.bece-practice select,.waec-practice select,.neco-practice select{border-radius:8px;min-height:38px;padding:5px 10px;font-weight:600;box-shadow:0 2px 6px #14284b12;color:#17233c!important;background:#fff!important;border:1px solid #b8c4d6!important}.practice-centre-page label,.practice-page label,.jamb-practice label,.bece-practice label,.waec-practice label,.neco-practice label{color:#17233c!important}:is(.practice-centre-page label:has(input[type=checkbox]),.practice-page label:has(input[type=checkbox]),.jamb-practice label:has(input[type=checkbox]),.bece-practice label:has(input[type=checkbox]),.waec-practice label:has(input[type=checkbox]),.neco-practice label:has(input[type=checkbox]),.practice-centre-page label:has(input[type=radio]),.practice-page label:has(input[type=radio]),.jamb-practice label:has(input[type=radio]),.bece-practice label:has(input[type=radio]),.waec-practice label:has(input[type=radio]),.neco-practice label:has(input[type=radio])){border-radius:10px;font-weight:600;box-shadow:0 3px 9px #14284b0f;background:#fffffff0!important;border:1px solid #d5ddea!important}:is(.practice-centre-page label:has(input:checked),.practice-page label:has(input:checked),.jamb-practice label:has(input:checked),.bece-practice label:has(input:checked),.waec-practice label:has(input:checked),.neco-practice label:has(input:checked)){box-shadow:0 0 0 2px #173d7317;background:#edf4ff!important;border-color:#173d73!important}.practice-centre-page,.practice-page,.jamb-practice,.bece-practice,.waec-practice,.neco-practice{border-top:4px solid #173d73;box-shadow:inset 0 2px #d6a528}@media (width<=700px){.practice-centre-page,.practice-page,.jamb-practice,.bece-practice,.waec-practice,.neco-practice{background-size:210px}.practice-centre-page:before,.practice-page:before,.jamb-practice:before,.bece-practice:before,.waec-practice:before,.neco-practice:before{width:210px;height:210px}}.jamb-practice-centre,.bece-practice-centre,.waec-practice-centre,.neco-practice-centre{isolation:isolate;border-top:4px solid #173d73;position:relative;box-shadow:inset 0 2px #d6a528;color:#17233c!important;background-color:#f8fafc!important;background-image:linear-gradient(#f8fafced,#f8fafced),url(/images/school-crest.jpg)!important;background-position:50% 58%!important;background-repeat:no-repeat!important;background-size:310px!important}.jamb-practice-centre *,.bece-practice-centre *,.waec-practice-centre *,.neco-practice-centre *{opacity:1!important}.jamb-practice-centre h1,.jamb-practice-centre h2,.jamb-practice-centre h3,.jamb-practice-centre p,.jamb-practice-centre label,.jamb-practice-centre span,.bece-practice-centre h1,.bece-practice-centre h2,.bece-practice-centre h3,.bece-practice-centre p,.bece-practice-centre label,.bece-practice-centre span,.waec-practice-centre h1,.waec-practice-centre h2,.waec-practice-centre h3,.waec-practice-centre p,.waec-practice-centre label,.waec-practice-centre span,.neco-practice-centre h1,.neco-practice-centre h2,.neco-practice-centre h3,.neco-practice-centre p,.neco-practice-centre label,.neco-practice-centre span{color:#17233c!important;opacity:1!important}.jamb-practice-centre h2,.bece-practice-centre h2,.waec-practice-centre h2,.neco-practice-centre h2{color:#102a56!important;font-weight:800!important}:is(.jamb-practice-centre label:has(input),.bece-practice-centre label:has(input),.waec-practice-centre label:has(input),.neco-practice-centre label:has(input)){color:#17233c!important;background:#fffffff5!important;border:1px solid #cbd5e1!important;box-shadow:0 3px 8px #0f234114!important}:is(.jamb-practice-centre label:has(input:checked),.bece-practice-centre label:has(input:checked),.waec-practice-centre label:has(input:checked),.neco-practice-centre label:has(input:checked)){background:#e8f1ff!important;border-color:#1d5fa7!important;box-shadow:0 0 0 2px #1d5fa71f!important}.jamb-practice-centre select,.bece-practice-centre select,.waec-practice-centre select,.neco-practice-centre select{color:#17233c!important;opacity:1!important;background:#fff!important;border:1px solid #9eabc0!important;border-radius:8px!important;padding:7px 10px!important;font-weight:600!important}.jamb-practice-centre input,.bece-practice-centre input,.waec-practice-centre input,.neco-practice-centre input{opacity:1!important}@media (width<=700px){.jamb-practice-centre,.bece-practice-centre,.waec-practice-centre,.neco-practice-centre{background-size:210px!important}}.bece-practice-centre,.waec-practice-centre,.neco-practice-centre{opacity:1!important;color:#172033!important;background-color:#fffffff7!important}.bece-practice-centre *,.waec-practice-centre *,.neco-practice-centre *{opacity:1!important}.bece-practice-centre label,.waec-practice-centre label,.neco-practice-centre label,.bece-practice-centre h1,.bece-practice-centre h2,.bece-practice-centre h3,.waec-practice-centre h1,.waec-practice-centre h2,.waec-practice-centre h3,.neco-practice-centre h1,.neco-practice-centre h2,.neco-practice-centre h3{color:#172033!important}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}main section>h2{color:#172033!important;opacity:1!important;text-shadow:none!important;font-weight:700!important}.login-page{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#2563eb3d,#0000 35%),linear-gradient(145deg,#071426 0%,#0b2447 55%,#123b6d 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 18px;font-family:Inter,Arial,sans-serif;display:flex}.login-card{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #ffffff73;border-top:5px solid #d4a72c;border-radius:18px;width:100%;max-width:450px;padding:38px;box-shadow:0 24px 65px #00000052}.login-brand{text-align:center;margin-bottom:28px}.login-mark{color:#fff;letter-spacing:1px;background:#0b2f5b;border:3px solid #d4a72c;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 16px;font-size:20px;font-weight:800;display:grid}.login-eyebrow{color:#a57500;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 7px;font-size:13px;font-weight:800}.login-brand h1{color:#0b2f5b;margin:0;font-size:28px;line-height:1.2}.login-intro{color:#596579;max-width:340px;margin:12px auto 0;font-size:15px;line-height:1.55}.login-form{gap:17px;display:grid}.login-form label{color:#24344d;gap:7px;font-size:14px;font-weight:700;display:grid}.login-form input{box-sizing:border-box;color:#172033;background:#f8fafc;border:1px solid #bdc7d5;border-radius:9px;outline:none;width:100%;padding:13px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:#1d5fa7;box-shadow:0 0 0 4px #1d5fa724}.login-primary,.login-secondary{box-sizing:border-box;cursor:pointer;border-radius:9px;width:100%;padding:13px 16px;font-size:15px;font-weight:750}.login-primary{color:#fff;background:#0b4f93;border:1px solid #0b4f93;margin-top:3px;box-shadow:0 8px 18px #0b4f9338}.login-primary:hover{background:#083d73}.login-secondary{color:#0b4f93;background:#fff;border:1px solid #7fa8d2}.login-secondary:hover{background:#f1f7fd}.login-divider{color:#7a8493;align-items:center;gap:12px;margin:22px 0;font-size:12px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:#d8dee7;flex:1;height:1px}.login-alert{border-radius:8px;margin-bottom:17px;padding:11px 13px;font-size:14px}.login-error{color:#8a1c1c;background:#fff0f0;border:1px solid #f1b8b8}.login-message{color:#14532d;background:#edf9f0;border:1px solid #b7dfc1}.login-help{color:#687386;text-align:center;margin:16px 0 0;font-size:13px;line-height:1.45}.login-footer{color:#ffffffbf;text-align:center;margin:20px 0 0;font-size:13px}@media (width<=520px){.login-card{border-radius:14px;padding:28px 22px}.login-brand h1{font-size:24px}}.login-page{background:linear-gradient(90deg,#0519349e,#05193414),url(/images/login-background.png) 50%/cover no-repeat;align-items:flex-start;padding:32px clamp(20px,7vw,110px)}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #ffffffb3;border-top:5px solid #d4a72c;position:relative;overflow:hidden}.login-card:before{content:"";opacity:.09;pointer-events:none;background:url(/images/school-crest.jpg) 50%/contain no-repeat;position:absolute;inset:80px 50px}.login-card>*{z-index:1;position:relative}@media (width<=700px){.login-page{background-position:63%;align-items:center;padding:20px 14px}.login-card{padding:28px 22px}}.admin-console{color:#172033;background:radial-gradient(circle at 100% 0,#1e5c9b1a,#0000 32%),#f4f7fb;min-height:100vh;font-family:Inter,Arial,sans-serif}.admin-topbar{color:#fff;background:linear-gradient(135deg,#071a34 0%,#0b2f5b 65%,#124b82 100%);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,4vw,55px);display:flex;box-shadow:0 8px 25px #0519342e}.admin-brand img{object-fit:contain;background:#fff;border:2px solid #d4a72c;border-radius:50%;width:54px;height:54px;padding:4px}.admin-brand-text h1{margin:0;font-size:20px;font-weight:800;line-height:1.2}.admin-brand-text p{color:#ffffffb8;letter-spacing:.8px;text-transform:uppercase;margin:5px 0 0;font-size:12px}.admin-account{text-align:right}.admin-account strong{font-size:13px;display:block}.admin-account span{color:#ffffffad;margin-top:3px;font-size:12px;display:block}.admin-shell{grid-template-columns:235px minmax(0,1fr);max-width:1500px;min-height:calc(100vh - 90px);margin:0 auto;display:grid}.admin-sidebar{background:#fff;border-right:1px solid #e4eaf2;padding:26px 15px}.admin-sidebar-title{color:#8a94a6;letter-spacing:1.2px;text-transform:uppercase;padding:0 12px 12px;font-size:11px;font-weight:800}.admin-nav{gap:6px;display:grid}.admin-nav button{color:#435168;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:12px 14px;font-size:14px;font-weight:700}.admin-nav button:hover{color:#0b4f93;background:#f0f5fb}.admin-nav button.active{color:#0b4f93;background:#e9f2fb;box-shadow:inset 3px 0 #d4a72c}.admin-content{min-width:0;padding:30px clamp(20px,3vw,42px) 55px}.admin-welcome{margin-bottom:24px}.admin-welcome h2{color:#13233c;margin:0;font-size:27px;line-height:1.25}.admin-welcome p{color:#6b778c;margin:7px 0 0;font-size:14px}.admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e4eaf2;border-radius:13px;padding:18px;box-shadow:0 5px 18px #1720330d}.admin-stat-card span{color:#7b8798;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.admin-stat-card strong{color:#0b2f5b;font-size:23px}.admin-content section{background:#fff;border:1px solid #e3e9f1;border-radius:14px;margin-bottom:20px;padding:22px;box-shadow:0 5px 20px #14253f0e}.admin-content section h2{color:#142b4a;border-bottom:1px solid #edf0f4;margin:0 0 17px;padding-bottom:12px;font-size:18px}.admin-content input,.admin-content select,.admin-content textarea{box-sizing:border-box;background:#fbfcfe;border:1px solid #ccd6e2;border-radius:8px;outline:none;padding:11px 12px;font-size:14px}.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{background:#fff;border-color:#1d67a8;box-shadow:0 0 0 3px #1d67a81c}.admin-content button{border-radius:8px;font-weight:700}.admin-signout{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:8px;padding:9px 14px;font-weight:700}.admin-signout:hover{background:#ffffff29}@media (width<=1000px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.admin-topbar{align-items:flex-start;padding:16px}.admin-brand img{width:45px;height:45px}.admin-brand-text h1{font-size:16px}.admin-account{display:none}.admin-shell{display:block}.admin-sidebar{border-bottom:1px solid #e4eaf2;border-right:0;padding:10px;overflow-x:auto}.admin-sidebar-title{display:none}.admin-nav{min-width:max-content;display:flex}.admin-nav button{white-space:nowrap;width:auto}.admin-content{padding:20px 14px 40px}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=450px){.admin-quick-grid{grid-template-columns:1fr}}.admin-console{background:#f4f7fb;min-height:100vh;font-family:Arial,sans-serif}.admin-topbar{color:#fff;background:#123b6d;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:12px 28px;display:flex;box-shadow:0 2px 8px #00000024}.admin-brand{align-items:center;gap:14px;display:flex}.admin-brand img{object-fit:contain;background:#fff;border-radius:50%;width:58px;height:58px;padding:3px}.admin-brand-text h1{margin:0;font-size:21px;line-height:1.2}.admin-brand-text p{opacity:.85;letter-spacing:.4px;margin:5px 0 0;font-size:13px}.admin-account{text-align:right;flex-direction:column;gap:4px;font-size:13px;display:flex}.admin-account strong{font-size:14px}@media (width<=650px){.admin-topbar{align-items:flex-start;padding:12px 16px}.admin-brand img{width:48px;height:48px}.admin-brand-text h1{font-size:17px}.admin-account{font-size:11px}}button.admin-signout{visibility:visible!important;opacity:1!important;display:inline-block!important}.admin-main-nav{justify-content:center;align-items:center;gap:6px;padding:10px 16px;display:flex}.admin-main-nav button{cursor:pointer;width:auto;padding:8px 14px}.admin-main-nav .admin-signout{color:#fff;background:#123b6d;border:1px solid #123b6d;border-radius:8px;margin-left:18px;font-weight:700}.admin-dashboard-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:22px;margin-top:20px;display:grid}.admin-sidebar{color:#fff;background:#16233a;border-radius:12px;padding:20px 14px;position:sticky;top:15px}.admin-sidebar h2{color:#fff;margin:0 8px 18px}.admin-sidebar button{text-align:left;cursor:pointer;color:#fff;background:0 0;border:0;border-radius:7px;width:100%;margin:6px 0;padding:12px 14px;font-size:15px;display:block}.admin-sidebar button:hover{background:#ffffff24}.admin-dashboard-content{min-width:0}@media (width<=800px){.admin-dashboard-layout{grid-template-columns:1fr}.admin-sidebar{position:static}}.admin-main-nav button:first-child{background:#173f6b}.admin-main-nav button:nth-child(2){background:#1565a8}.admin-main-nav button:nth-child(3){background:#087f8c}.admin-main-nav button:nth-child(4){background:#2e7d32}.admin-main-nav button:nth-child(5){background:#6a4c93}.admin-main-nav button:nth-child(6){background:#c56a16}.admin-main-nav button:nth-child(7){background:#4b55a5}.admin-main-nav button:nth-child(8){background:#596773}.admin-main-nav button:nth-child(9){background:#9a7611}.admin-main-nav button:nth-child(10){background:brown}.admin-main-nav button{color:#fff;border:none}.admin-main-nav button:hover{filter:brightness(1.15)}.admin-main-nav button.active{outline-offset:2px;outline:3px solid #f2c94c;font-weight:700}.admin-console main{max-width:1400px;margin:0 auto;padding:28px 24px 45px}.admin-console main>section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 4px 14px #0f2b4d14}.admin-console main h2,.admin-console main h3{color:#173f6b;margin-top:0;margin-bottom:10px}.admin-console main section>p{color:#64748b;margin-top:0}.admin-console form{gap:14px}.admin-console input,.admin-console select,.admin-console textarea{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:11px 12px}.admin-console input:focus,.admin-console select:focus,.admin-console textarea:focus{background:#fff;border-color:#2b78b8;outline:2px solid #2b78b8}.admin-console main button{cursor:pointer;border:0;border-radius:7px;padding:9px 15px;font-weight:600}.admin-console main button:hover{filter:brightness(1.08)}.admin-console main section>div{padding:9px 0}.admin-main-nav{gap:8px;padding:12px 16px}.admin-main-nav button{border-radius:6px;min-height:46px;padding:8px 15px}@media (width<=900px){.admin-main-nav{white-space:nowrap;display:flex;overflow-x:auto}.admin-main-nav button{flex:none}.admin-console main{padding:18px 12px 35px}.admin-console main>section{padding:18px}}.admin-console select{color:#1e293b;background:#f1f5f9;border:1px solid #94a3b8;min-height:44px}.admin-console select option{color:#fff;background:#334155;padding:10px}.student-content-heading{text-align:center;margin:0 0 16px;font-size:1.65rem;font-weight:700;color:#0f2747!important}.teacher-nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:10px;margin:22px 0;padding:14px;display:flex}.teacher-nav button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-weight:600}.teacher-nav button:hover{background:#f1f5f9}.module-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:24px 0;padding:24px;overflow:hidden}.module-card h2{margin-top:0;margin-bottom:20px}.module-card input,.module-card select,.module-card textarea{box-sizing:border-box;max-width:100%;margin:5px 4px 10px 0;padding:9px 10px}.module-card textarea{resize:vertical;min-height:80px}.module-card button{cursor:pointer;margin:5px 4px;padding:9px 14px}.module-card table{border-collapse:collapse;width:100%}.module-card th,.module-card td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px}@media (width<=768px){.teacher-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.teacher-nav button{width:100%}.module-card{margin:16px 0;padding:16px}.module-card input,.module-card select,.module-card textarea{width:100%}}.teacher-page-hidden{display:none!important}.teacher-page-active{display:block}.teacher-nav button.active{color:#fff;background:#163b65;border-color:#163b65}.teacher-portal header{color:#fff;background:linear-gradient(135deg,#12233f,#1f4b75);border-radius:0 0 22px 22px;margin-bottom:22px;padding:28px 32px;box-shadow:0 8px 24px #0000001f}.teacher-portal header h1{color:#fff;margin:0;font-size:clamp(26px,3vw,42px)}.teacher-portal header h2,.teacher-portal header p{color:#ffffffeb}.teacher-nav{background:#fff;border-radius:14px;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:12px;display:flex;box-shadow:0 4px 18px #00000014}.teacher-nav button{cursor:pointer;color:#24364b;background:#eef2f7;border:0;border-radius:9px;padding:11px 16px;font-weight:600;transition:all .2s}.teacher-nav button:hover{background:#dde7f1;transform:translateY(-1px)}.teacher-nav button.active{color:#fff;background:#163b65;box-shadow:0 4px 12px #163b6538}.module-card{background:#fff;border:1px solid #e3e8ef;border-radius:16px;margin:20px 0;padding:26px;box-shadow:0 6px 22px #16233712}.module-card h2{color:#183b61;border-bottom:2px solid #edf1f5;margin-top:0;padding-bottom:13px;font-size:24px}.module-card table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;margin-top:18px}.module-card th{color:#fff;text-align:left;background:#183b61;padding:13px 10px;font-size:14px}.module-card td{vertical-align:middle;border-bottom:1px solid #e7ebf0;padding:12px 10px}.module-card tbody tr:hover{background:#f7f9fc}.module-card input,.module-card textarea,.module-card select{box-sizing:border-box;border:1px solid #cbd4df;border-radius:7px;padding:9px}.module-card textarea{resize:vertical;min-width:180px}.module-card button{cursor:pointer;color:#fff;background:#163b65;border:0;border-radius:7px;padding:9px 14px;font-weight:600}.module-card button:disabled{opacity:.5;cursor:not-allowed}@media (width<=800px){.teacher-portal{padding:0 10px 25px}.teacher-portal header{padding:22px 18px}.teacher-nav{flex-wrap:nowrap;overflow-x:auto}.teacher-nav button{white-space:nowrap}.module-card{padding:16px}}.teacher-portal{max-width:1200px;margin:0 auto;padding:20px}.teacher-portal h1{letter-spacing:-.5px;margin:0 0 8px;font-weight:750;line-height:1.15;font-size:clamp(1.65rem,3vw,2.35rem)!important}.teacher-portal h2{margin:0 0 20px;font-size:1.35rem;font-weight:700}.teacher-portal header{background:linear-gradient(135deg,#f8fafc,#eef4f8);border:1px solid #dbe4ea;border-radius:14px;margin-bottom:18px;padding:24px 28px;box-shadow:0 4px 14px #0000000f}.teacher-portal nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:10px;margin-bottom:22px;padding:12px;display:flex}.teacher-portal nav button{cursor:pointer;border:1px solid #d6dee5;border-radius:8px;padding:10px 16px;font-weight:650;transition:all .2s}.teacher-portal nav button:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.teacher-portal .module-card{background:#fff;border:1px solid #e0e6eb;border-radius:14px;margin-bottom:22px;padding:26px;box-shadow:0 5px 18px #0000000e}.teacher-portal select,.teacher-portal input,.teacher-portal textarea{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:.95rem}.teacher-portal table{border-collapse:collapse;width:100%}.teacher-portal th{text-align:left;background:#edf2f7;border-bottom:2px solid #cbd5e1;padding:12px;font-weight:700}.teacher-portal td{vertical-align:top;border-bottom:1px solid #e5e7eb;padding:12px}.teacher-portal tbody tr:hover{background:#f8fafc}@media (width<=700px){.teacher-portal{padding:10px}.teacher-portal header{padding:18px 14px}.teacher-portal .module-card{padding:16px}.teacher-portal nav{flex-wrap:nowrap;overflow-x:auto}.teacher-portal nav button{white-space:nowrap}}.teacher-header{background:linear-gradient(135deg,#f8fafc,#eef4f8);border:1px solid #dbe4ea;border-radius:14px;margin-bottom:16px;box-shadow:0 4px 14px #0000000d;padding:18px 22px!important}.teacher-school-title{letter-spacing:-.02em;margin:0 0 7px!important;font-size:clamp(1.55rem,3vw,2.15rem)!important;font-weight:750!important;line-height:1.15!important}.teacher-dashboard-title{margin:0 0 5px!important;font-size:1.18rem!important;font-weight:650!important}.teacher-header p{font-size:.96rem;margin:0!important}.teacher-nav{margin-bottom:20px}@media (width<=700px){.teacher-header{padding:15px!important}.teacher-school-title{font-size:1.45rem!important}.teacher-dashboard-title{font-size:1.05rem!important}}.teacher-portal{max-width:1180px;margin:0 auto}.teacher-header{text-align:center;border:1px solid #d7e3f1;border-radius:16px;margin-bottom:18px;position:relative;box-shadow:0 5px 18px #14467817;background:linear-gradient(135deg,#eef7ff 0%,#dceeff 55%,#c9e5ff 100%)!important;justify-content:center!important;align-items:center!important;padding:24px 90px!important;display:flex!important}.teacher-header>div{text-align:center;width:100%}.teacher-school-title{letter-spacing:-.025em;color:#123d75!important;margin:0 0 7px!important;font-size:clamp(1.7rem,3.4vw,2.45rem)!important;font-weight:800!important;line-height:1.12!important}.teacher-dashboard-title{color:#185a9d!important;margin:0 0 8px!important;font-size:clamp(1.08rem,2vw,1.35rem)!important;font-weight:700!important}.teacher-header p{color:#29445f;background:#ffffffb8;border:1px solid #185a9d24;border-radius:999px;padding:7px 18px;font-weight:600;display:inline-block;margin:0!important}.teacher-header>button{color:#b42318;cursor:pointer;background:#fff;border:1px solid #efc7c7;border-radius:9px;padding:9px 15px;font-weight:700;position:absolute;top:22px;right:22px}.teacher-header>button:hover{background:#fff1f1}.teacher-nav{background:#fff;border:1px solid #dde6ef;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-bottom:22px;padding:12px;display:flex;box-shadow:0 3px 12px #0000000b}.teacher-nav button{color:#243b53;cursor:pointer;background:#edf3f9;border:0;border-radius:9px;padding:11px 16px;font-weight:700;transition:all .18s}.teacher-nav button:hover{color:#124f91;background:#dcecff;transform:translateY(-1px)}.teacher-nav button:first-child:has(+*){transition:all .18s}.teacher-portal .module-card{background:#fff;border:1px solid #dde6ef;border-radius:15px;padding:24px;box-shadow:0 4px 16px #0000000b}.teacher-portal .module-card>h2{color:#173f6b}@media (width<=700px){.teacher-header{padding:20px 16px 66px!important}.teacher-school-title{font-size:1.55rem!important}.teacher-dashboard-title{font-size:1.05rem!important}.teacher-header>button{top:auto;bottom:14px;right:50%;transform:translate(50%)}.teacher-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.teacher-nav button{white-space:nowrap}}.admin-question-bank-hub{width:100%;max-width:1100px;margin:0 auto;padding:24px 16px}.admin-question-bank-heading{text-align:center;margin-bottom:24px}.admin-question-bank-heading h2{color:#172033;margin:0 0 8px}.admin-question-bank-heading p{color:#5f6877;max-width:700px;margin:0 auto;line-height:1.5}.admin-question-bank-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.admin-question-bank-card{appearance:none;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e6ec;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:22px 16px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 5px 18px #17203314}.admin-question-bank-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #17203324}.admin-question-bank-card img{object-fit:contain;background:#fff;border-radius:50%;width:70px;height:70px;margin-bottom:12px;padding:6px}.admin-question-bank-card h3{color:#172033;margin:0 0 5px;font-size:1.15rem}.admin-question-bank-card p{color:#697386;margin:0;font-size:.9rem}.jamb-bank-card{border-top:5px solid #258c46}.bece-bank-card{border-top:5px solid #6d4aa5}.waec-bank-card{border-top:5px solid #d98221}.neco-bank-card{border-top:5px solid #2672c9}@media (width<=900px){.admin-question-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.admin-question-bank-grid{grid-template-columns:1fr}}.dca-result-sheet{color:#111;box-sizing:border-box;background:#fff;border:1px solid #555;width:min(1120px,100%);margin:18px auto;padding:22px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:12px;line-height:1.25}.dca-result-header{justify-content:space-between;align-items:center;gap:20px;min-height:125px;display:flex}.dca-school-brand{align-items:center;gap:20px;display:flex}.dca-school-logo{object-fit:contain;width:125px;height:125px}.dca-school-details h1{color:#064a87;letter-spacing:.3px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:800;line-height:1}.dca-school-details{font-size:15px;font-weight:600}.dca-motto{font-family:Georgia,Times New Roman,serif;font-weight:700}.dca-passport-box{background:#f4f4f4;border:1px solid #bbb;flex:0 0 112px;width:112px;height:130px}.dca-passport-box img{object-fit:cover;width:100%;height:100%}.dca-passport-placeholder{text-align:center;color:#777;justify-content:center;align-items:center;height:100%;font-size:10px;font-weight:700;display:flex}.dca-result-title{text-align:center;margin:4px 0 0;font-size:17px;font-weight:800}.dca-information-table,.dca-summary-table,.dca-subject-table,.dca-traits-table,.dca-grade-table,.dca-comments-table{border-collapse:collapse;width:100%}.dca-information-table,.dca-summary-table{table-layout:fixed}.dca-information-table td,.dca-summary-table td{border:1px solid #333;padding:5px 7px}.dca-information-table .label{font-weight:500}.dca-information-table .value{font-weight:700}.dca-subject-table-wrap{overflow-x:auto}.dca-subject-table{table-layout:fixed;min-width:1050px}.dca-subject-table th{color:#fff;vertical-align:middle;background:#064a87;border:1px solid #222;padding:7px 3px;font-size:10px}.dca-subject-table th:first-child{width:235px;font-size:15px}.dca-subject-table th:last-child{width:110px}.dca-subject-table td{text-align:center;border:1px solid #333;padding:4px;font-weight:600}.dca-subject-table tbody tr:nth-child(odd){background:#d9d9d9}.dca-subject-table tbody tr:nth-child(2n){background:#f8f8f8}.dca-subject-table .subject-name{text-align:left}.dca-subject-table .total-score,.dca-subject-table .grade-cell,.dca-subject-table .remark-cell{font-weight:800}.dca-subject-table .total-score,.dca-subject-table .remark-cell{color:#690}.empty-result-row{height:24px}.dca-lower-grid{grid-template-columns:1fr .85fr 1.3fr;align-items:start;gap:7px;margin-top:7px;display:grid}.dca-traits-table th,.dca-grade-table th{color:#fff;text-align:left;background:#064a87;border:1px solid #222;padding:6px}.dca-traits-table td,.dca-grade-table td{border:1px solid #333;padding:4px 6px;font-weight:600}.dca-traits-table tbody tr:nth-child(odd),.dca-grade-table tbody tr:nth-child(odd){background:#d9d9d9}.dca-traits-table td:last-child{text-align:center;width:55px}.dca-rating-key,.dca-comments-table{margin-top:7px}.dca-comments-table th,.dca-comments-table td{text-align:left;border:1px solid #333;padding:8px}.dca-comments-table th{background:#ddd;width:210px}@media (width<=800px){.dca-result-sheet{padding:10px}.dca-school-details h1{font-size:22px}.dca-school-logo{width:80px;height:80px}.dca-passport-box{flex-basis:80px;width:80px;height:100px}.dca-school-details{font-size:11px}.dca-lower-grid{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:7mm}body{background:#fff!important}body *{visibility:hidden}.dca-result-sheet,.dca-result-sheet *{visibility:visible}.dca-result-sheet{border:0;width:100%;max-width:none;margin:0;padding:0;font-size:8.5px;position:absolute;top:0;left:0}.dca-school-details h1{font-size:27px}.dca-school-logo{width:90px;height:90px}.dca-passport-box{flex-basis:78px;width:78px;height:94px}.dca-subject-table{min-width:0}.dca-subject-table th:first-child{width:190px}.dca-subject-table th{padding:3px 1px;font-size:7px}.dca-subject-table td{padding:2px}.dca-lower-grid,.dca-comments-table{break-inside:avoid}}
