:root{--navy:#102a43;--blue:#1f5f99;--gold:#d8a93a;--light:#f5f8fb;--text:#243b53;--muted:#627d98;--white:#fff;--border:#d9e2ec;--green:#1f7a4d;--red:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#eaf2f7;line-height:1.6;padding:0 18px}.site-page{width:100%;max-width:1280px;min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 30px rgba(16,42,67,.10);overflow:hidden}a{color:var(--blue);text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #d9e2ec;z-index:10;padding:8px 0;box-shadow:0 4px 18px rgba(16,42,67,.05)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:0;border:0;border-radius:0;box-shadow:none}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:700}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--navy);color:#fff;font-size:24px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:11px}.site-header nav{display:flex;align-items:center;gap:12px;white-space:nowrap}.site-header nav a,.link-button{font-size:13px;color:var(--navy);border:0;background:none;cursor:pointer;padding:8px 3px;transition:color .2s ease,background .2s ease}.site-header nav a:hover,.link-button:hover{color:var(--blue)}.nav-toggle{display:none;background:none;border:0;font-size:24px}.inline{display:inline}.btn{display:inline-block;border:0;border-radius:8px;background:var(--blue);color:#fff!important;padding:12px 20px;font-weight:700;cursor:pointer}.btn-small{padding:8px 13px}.btn-outline{background:transparent;border:1px solid #fff}.btn-block{width:100%;text-align:center}.hero{background:linear-gradient(120deg,var(--navy),#184f7a);color:#fff;padding:82px 0}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:50px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.05;margin:14px 0}.hero p{font-size:19px;max-width:720px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--gold)}.actions{display:flex;gap:12px;margin:28px 0}.hero-note{opacity:.9}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:28px;border-radius:18px}.hero-card li{margin:12px 0}.stats{background:#fff;border-bottom:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.stat-grid div{text-align:center;border-right:1px solid var(--border)}.stat-grid div:last-child{border:0}.stat-grid strong{display:block;font-size:30px;color:var(--navy)}.stat-grid span{color:var(--muted)}.section{padding:72px 0}.section.alt{background:var(--light)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:34px;color:var(--navy);margin:6px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(16,42,67,.05)}.card h3{color:var(--navy);font-size:21px}.pill,.status{display:inline-block;background:#e7f0f7;color:var(--blue);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.card-meta,.split{display:flex;justify-content:space-between;gap:15px;align-items:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{background:#fff;padding:24px;border-radius:12px}.page-hero{background:var(--navy);color:#fff;padding:58px 0}.page-hero h1{font-size:48px}.page-hero p{max-width:760px}.prose,.narrow{max-width:850px}.timeline article{display:flex;gap:18px;margin-bottom:22px}.timeline b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;flex:0 0 auto}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pricing article{border:1px solid var(--border);border-radius:16px;padding:30px}.pricing .featured{border:2px solid var(--gold)}.price{font-size:46px;font-weight:800;color:var(--navy)}.auth-wrap{min-height:70vh;background:var(--light);display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(560px,100%);background:#fff;padding:32px;border:1px solid var(--border);border-radius:16px}.auth-card h1{color:var(--navy)}label{display:block;font-weight:700;margin:14px 0}input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;margin-top:6px;font:inherit}textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{font-weight:400}.check input{width:auto}.dashboard{padding:48px 0;min-height:65vh}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dash-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}.menu{display:flex;flex-direction:column;gap:6px;height:max-content}.menu a{padding:10px;border-radius:7px}.menu a.active{background:var(--light);font-weight:700}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.admin-stats article{background:var(--navy);color:#fff;padding:24px;border-radius:12px}.admin-stats strong{display:block;font-size:32px}.quick-links,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.wide-form{max-width:900px}.notice{background:#fff7df;border-left:4px solid var(--gold);padding:14px;margin-top:18px}.alert{margin-top:16px;padding:13px;border-radius:8px}.alert.success{background:#e8f5ee;color:var(--green)}.alert.error{background:#fdeceb;color:var(--red)}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}td small{display:block;color:var(--muted)}.table-wrap{overflow:auto}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select{min-width:130px;margin:0}.verification{margin-top:20px;padding:22px;border-radius:12px}.verification.valid{background:#e8f5ee}.verification.invalid{background:#fdeceb}dl{display:grid;grid-template-columns:180px 1fr}dt,dd{padding:8px;border-bottom:1px solid var(--border)}footer{background:#0b1f33;color:#d9e2ec;padding-top:52px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-grid a{display:block;color:#d9e2ec;margin:7px 0}.copyright{text-align:center;border-top:1px solid #334e68;margin-top:35px;padding:20px;font-size:13px}@media(max-width:1120px) and (min-width:901px){.site-header .container{width:98%}.site-header nav{gap:7px}.site-header nav a,.link-button{font-size:12px}.brand small{display:none}.brand{font-size:14px}.brand-mark{width:39px;height:39px}}@media(max-width:900px){.hero-grid,.cards,.features,.pricing,.two-col,.dash-grid,.footer-grid{grid-template-columns:1fr}.stat-grid,.admin-stats{grid-template-columns:1fr 1fr}.site-header nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border)}.site-header nav.open{display:flex}.nav-toggle{display:block}.form-grid{grid-template-columns:1fr}.page-hero h1{font-size:38px}}@media(max-width:520px){.stat-grid,.admin-stats{grid-template-columns:1fr}.stat-grid div{border-right:0;border-bottom:1px solid var(--border);padding:12px}.actions{flex-direction:column}.hero{padding:55px 0}.section{padding:48px 0}}
/* Phase 4 content and finance enhancements */
.card ul,.panel ul,.narrow ul{padding-left:22px}.card h4,.panel h3{color:var(--navy);margin-bottom:6px}.page-hero+.section{border-top:0}.notice strong{color:var(--navy)}

/* Phase 6: full-height coloured browser gutters */
@media(max-width:1320px){body{padding:0 12px}}
@media(max-width:900px){body{padding:0}.site-page{max-width:none;box-shadow:none}}

/* Phase 8: redesigned institutional footer and contact pages */
.site-footer{position:relative;background:linear-gradient(135deg,#071a2d 0%,#0d2c49 58%,#123d62 100%);color:#dce8f2;padding:0;overflow:hidden}.footer-accent{height:5px;background:linear-gradient(90deg,var(--gold),#f3d37a,var(--blue))}.footer-main{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:46px;padding:60px 0 42px}.site-footer h4{margin:4px 0 18px;color:#fff;font-size:15px;letter-spacing:.4px}.site-footer section>a{display:block;color:#c8d8e6;margin:9px 0;font-size:14px;transition:color .2s ease,transform .2s ease}.site-footer section>a:hover{color:#fff;transform:translateX(3px)}.footer-brand{display:flex;align-items:center;gap:13px;color:#fff!important;margin-bottom:18px}.footer-brand:hover{transform:none!important}.footer-brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#fff;color:var(--navy);font-size:25px;font-weight:800}.footer-brand strong{display:block;font-size:18px}.footer-brand small{display:block;color:#9eb7ca;font-size:11px;font-weight:400}.footer-brand-column>p{max-width:430px;color:#b8cad8;font-size:14px}.footer-contact-card{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:22px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.contact-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#25d366;color:#fff;font-size:11px;font-weight:800}.footer-contact-card small{display:block;color:#9eb7ca}.footer-contact-card a{color:#fff;font-weight:700}.footer-online{display:flex;align-items:center;gap:8px;margin-top:18px;color:#b8cad8;font-size:14px}.footer-online span{width:9px;height:9px;border-radius:50%;background:#43d17d;box-shadow:0 0 0 4px rgba(67,209,125,.15)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.13);padding:20px 0;color:#9eb7ca;font-size:13px}.footer-bottom p{margin:0}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{color:#b8cad8}.floating-whatsapp{position:fixed;right:25px;bottom:24px;z-index:50;display:flex;align-items:center;gap:9px;padding:10px 15px 10px 10px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.22);font-size:13px}.floating-whatsapp span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.2);font-size:10px;font-weight:800}.floating-whatsapp b{font-weight:700}.policy-cards{grid-template-columns:repeat(3,1fr);margin:28px 0 38px}.contact-section{background:var(--light)}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}.contact-options{display:grid;gap:15px;margin-top:28px}.contact-option{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);box-shadow:0 7px 22px rgba(16,42,67,.04)}a.contact-option:hover{border-color:#a9c5db;transform:translateY(-1px)}.contact-option-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:12px;background:#e8f2f9;color:var(--blue);font-size:11px;font-weight:800}.contact-option small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.contact-option strong{display:block;color:var(--navy);font-size:18px}.contact-option p{margin:3px 0 0;color:var(--muted);font-size:14px}.contact-help{padding:30px}.contact-help ul{padding-left:21px}.contact-help li{margin:9px 0}.contact-note{color:var(--muted);font-size:12px;margin:15px 0 0}@media(max-width:900px){.footer-main,.contact-grid,.policy-cards{grid-template-columns:1fr}.footer-main{gap:30px;padding:44px 0 30px}.footer-bottom{align-items:flex-start;flex-direction:column}.floating-whatsapp b{display:none}.floating-whatsapp{right:15px;bottom:15px;padding:9px}}
/* Phase 10: Student Information System */
.profile-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0}.profile-summary article span{display:block;color:#64748b;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.profile-summary article strong{display:block;margin-top:.45rem;font-size:1.2rem;color:#0f2740}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.25rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid h2,.form-grid .full{grid-column:1/-1}.profile-banner{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.avatar-circle,.id-photo{display:grid;place-items:center;border-radius:50%;background:#0f4c81;color:#fff;font-weight:800}.avatar-circle{width:70px;height:70px;font-size:1.4rem}.student-id-card{max-width:760px;margin:2rem auto;background:linear-gradient(145deg,#fff,#f4f8fc);border:1px solid #cbd5e1;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(15,39,64,.14)}.id-top{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.7rem;background:#0b2239;color:#fff}.id-top small{display:block;color:#b8d5ea;margin-top:.2rem}.id-body{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;padding:2rem}.id-photo{width:135px;height:135px;font-size:2.2rem}.id-footer{display:flex;justify-content:space-between;padding:1rem 1.7rem;background:#eaf3f9;color:#36536b;font-size:.85rem}.badge-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.badge-chip{padding:.6rem .85rem;border-radius:999px;background:#edf6ff;border:1px solid #cfe5f7;color:#164e78}.project-card,.project-list-item,.project-admin-card{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin:.8rem 0}.project-card small,.project-list-item small{display:block;color:#64748b;margin-top:.35rem}.progress{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:.7rem 0}.progress span{display:block;height:100%;background:#1e88e5}.project-admin-card{display:grid;grid-template-columns:2fr 1fr 90px 1fr 1.2fr auto;gap:.7rem;align-items:center}.project-admin-card small{display:block}.record-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #e2e8f0}.workflow{line-height:2}.compact-form{margin:1rem 0}@media(max-width:900px){.profile-summary{grid-template-columns:1fr 1fr}.two-column,.form-grid{grid-template-columns:1fr}.project-admin-card{grid-template-columns:1fr}.id-body{grid-template-columns:1fr;text-align:center}.id-photo{margin:auto}.id-footer{flex-direction:column;gap:.4rem}}@media print{.site-header,.site-footer,.dash-head .btn,.whatsapp-float{display:none!important}.site-page{box-shadow:none!important}.student-id-card{box-shadow:none;margin:0 auto}}
/* Phase 11 Finance */
.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.4rem 0}.payment-dialog{width:min(680px,92vw);border:0;border-radius:18px;padding:1.5rem;box-shadow:0 24px 70px rgba(15,45,70,.2)}.payment-dialog::backdrop{background:rgba(8,24,40,.55)}.dialog-close{float:right;border:0;background:none;font-size:2rem;cursor:pointer}.document-card{max-width:900px;margin:2rem auto;background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:2rem;box-shadow:0 16px 40px rgba(15,45,70,.08)}.document-head,.document-grid{display:flex;justify-content:space-between;gap:2rem}.document-head{border-bottom:2px solid #123f63;padding-bottom:1.2rem;margin-bottom:1.5rem}.document-grid>div{flex:1}.document-total{text-align:right;margin:1.5rem 0}.receipt-amount{background:#f3f8fc;border-radius:14px;padding:1.5rem;margin:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.receipt-amount strong{font-size:2rem}.inline-form{display:flex;gap:.4rem;flex-wrap:wrap}@media(max-width:800px){.admin-two-col{grid-template-columns:1fr}.document-head,.document-grid{display:block}.document-head>div+div{margin-top:1rem}.receipt-amount{display:block}.receipt-amount strong{display:block;margin-top:.4rem}}@media print{.no-print,.site-header,.site-footer,.whatsapp-float{display:none!important}body{background:#fff}.site-wrapper{box-shadow:none}.document-card{border:0;box-shadow:none;margin:0;max-width:none}}


/* Phase 12: Online Examination and CBT — appended, not replacing core styles */

/* Phase 12: Online Examination and CBT */
.exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}.exam-card{display:flex;flex-direction:column;align-items:flex-start}.exam-card h2{margin:.65rem 0}.exam-meta{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.9rem;margin:.8rem 0}.exam-shell{padding-top:2rem;padding-bottom:4rem}.exam-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dbe8f2;padding:1rem 1.25rem;border-radius:14px;box-shadow:0 8px 30px rgba(17,53,83,.08);margin-bottom:1.25rem}.exam-topbar h1{font-size:1.4rem;margin:.2rem 0}.exam-timer{font-size:1.8rem;font-weight:800;color:#0f4c81;background:#eef6ff;padding:.65rem 1rem;border-radius:12px;min-width:110px;text-align:center}.question-card{border:1px solid #e1eaf1;border-radius:12px;padding:1.15rem;margin:1rem 0;background:#fff}.question-head{display:flex;justify-content:space-between;gap:1rem;color:#536b7d;margin-bottom:.8rem}.option-list{list-style:none;padding:0}.answer-options{display:grid;gap:.7rem}.answer-options label{display:block;border:1px solid #dce6ed;border-radius:10px;padding:.8rem;cursor:pointer}.answer-options label:hover{background:#f5f9fc}.exam-submit{text-align:center;margin-top:2rem}.result-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.result-hero span{display:block;color:#647789}.result-hero strong{display:block;font-size:1.35rem;margin-top:.35rem}.checkbox-row{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-row label{display:flex;align-items:center;gap:.4rem}.btn-danger{background:#a82b2b!important}.btn-sm{padding:.45rem .75rem!important}.status-pill{text-transform:capitalize}
@media(max-width:900px){.exam-grid{grid-template-columns:1fr 1fr}.result-hero{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.exam-grid{grid-template-columns:1fr}.exam-topbar{align-items:flex-start}.exam-timer{font-size:1.35rem}.result-hero{grid-template-columns:1fr}}
@media print{header,footer,.btn,.exam-submit{display:none!important}.site-wrapper{box-shadow:none}.panel{break-inside:avoid}}