@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#17324d;--muted:#718096;--teal:#147c73;--teal-dark:#0b655d;--mint:#e7f6f2;--line:#dce5ed;--bg:#f3f6fa;--white:#fff;--red:#b42318;--shadow:0 8px 24px rgba(21,48,74,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,Arial,sans-serif}a{color:#12776e;text-decoration:none}a:hover{text-decoration:underline}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:4}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:800;font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:4px}.brandmark,.login-icon{background:linear-gradient(135deg,#1b9384,#12645d);color:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-weight:800;font-size:20px}.top-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.shell{display:flex;min-height:calc(100vh - 120px)}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:26px 16px}.nav-caption,.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#8192a3}.nav-caption{padding:0 12px 12px}.sidebar a{display:block;padding:12px 13px;margin:4px 0;border-radius:8px;color:#506477;font-weight:600;font-size:13px}.sidebar a.active,.sidebar a:hover{background:var(--mint);color:var(--teal-dark);text-decoration:none}.main{flex:1;min-width:0;padding:30px;max-width:1600px;margin:0 auto;width:100%}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-heading h1{font-size:26px;letter-spacing:-.7px;margin:7px 0 0}.panel,.stat-card{background:#fff;border:1px solid #e5ebf1;border-radius:13px;padding:22px;margin-bottom:20px;box-shadow:var(--shadow)}.panel h3{font-size:15px;margin:0 0 18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{margin:0;padding:19px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:30px;margin:9px 0;color:var(--ink)}.stat-card small{font-size:10px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-links a{border:1px solid var(--line);padding:14px;border-radius:9px;font-weight:600}.steps{color:#536779;line-height:2;padding-left:20px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid label,.search-form label,.login-card label,.inline-filter label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#4d6073}.form-grid input,.form-grid select,.search-form input,.search-form select,.login-card input,.inline-filter select,.mark-input,td select{width:100%;min-width:0;padding:11px 12px;border:1px solid #d4dee7;border-radius:7px;background:#fff;color:var(--ink);font:13px Inter,Arial;outline:none}.form-grid input:focus,.form-grid select:focus,.search-form input:focus,.login-card input:focus{border-color:#4ba99e;box-shadow:0 0 0 3px #147c7315}.form-submit{display:flex;align-items:end;gap:10px}.check-label{flex-direction:row!important;align-items:center;gap:9px!important}.check-label input{width:auto}.btn{border:0;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:7px;font:600 12px Inter,Arial;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--teal-dark);color:#fff;text-decoration:none}.btn-light{background:#edf3f7;color:#43596c}.btn-light:hover{background:#dfe9ef;color:#213e53}.full{width:100%;margin-top:10px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;background:#f2f7f9;color:#5c7182;font-size:10px;text-transform:uppercase;letter-spacing:.5px}th,td{padding:12px 13px;border-bottom:1px solid #e7edf2}tbody tr:hover{background:#f9fbfc}.actions{display:flex;align-items:center;gap:10px}.actions form,.inline{display:inline-flex;margin:0}.link-danger{border:0;background:none;color:var(--red);cursor:pointer;font:inherit}.count{font-size:11px;font-weight:500;color:var(--muted);margin-left:7px}.alert{padding:13px 16px;border-radius:8px;margin-bottom:18px;font-size:12px}.alert.success{background:#e7f7ed;color:#176b3a}.alert.error{background:#fff0ee;color:#a12a20}.muted{color:var(--muted);font-size:12px}.small{font-size:11px}.login-wrap{display:grid;place-items:center;min-height:65vh}.login-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:30px;width:min(430px,100%)}.login-icon{margin-bottom:20px}.login-card h2{font-size:23px;margin:0 0 8px}.login-card p{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:8px;margin-top:22px}.search-hero{max-width:740px;margin:35px auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:35px;text-align:center}.search-symbol{width:54px;height:54px;border-radius:50%;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:25px;font-weight:800;margin:0 auto 16px}.search-hero h2{margin:0 0 10px}.search-hero p{color:var(--muted);font-size:13px}.search-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin-top:25px}.search-form button{grid-column:1/-1}.error-text{color:var(--red)!important}.inline-filter,.panel-title{display:flex;align-items:end;gap:14px;justify-content:space-between}.panel-title{align-items:center}.panel-title h3{margin:0}.pill{padding:5px 8px;border-radius:20px;background:#edf1f4;font-size:10px;font-weight:800}.pill.pass{background:#e3f7ea;color:#176b3a}.pill.fail{background:#fff0ee;color:#b42318}.pill.pending{background:#fff4d7;color:#8a5b00}.memo-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.memo{background:#fff;border:7px double #b3ccdb;padding:25px;position:relative;max-width:1100px;margin:0 auto 24px;color:#183c54;font-family:Georgia,'Times New Roman',serif}.memo-topline{height:6px;background:linear-gradient(90deg,#d9b35b,#e5f5ee,#d9b35b);margin:-25px -25px 20px}.memo-header{display:grid;grid-template-columns:65px 1fr 90px;gap:15px;align-items:center;text-align:center;border-bottom:1px solid #9bb8c9;padding-bottom:16px}.memo-header h2{font-size:19px;margin:0 0 6px;color:#1e536d}.memo-header strong{color:#a34545;font-size:16px;text-decoration:underline}.memo-header p{font-size:12px;margin:7px 0 0}.seal{height:55px;width:55px;border:2px solid #6eab9c;color:#28796b;border-radius:50%;display:grid;place-items:center;font-weight:bold}.memo-photo{height:82px;width:78px;border:1px solid #a7bbc8;display:grid;place-items:center;background:#eef4f6;font-size:30px;color:#56778c}.memo-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding:20px 0}.memo-details div{display:grid;grid-template-columns:145px 1fr;gap:8px;font-size:12px}.memo-details b{color:#466578}.marks-table{border:1px solid #8faaba}.marks-table th{background:#e6f0f6;color:#294e64}.marks-table td,.marks-table th{border:1px solid #a8bdc9;text-align:center;padding:11px 8px}.marks-table td:nth-child(2){text-align:left}.memo-total{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #91afbf;margin-top:18px}.memo-total div{padding:14px;border-right:1px solid #c1d1db}.memo-total div:last-child{border:0}.memo-total small,.memo-total strong{display:block}.memo-total small{font-size:10px;color:#547084;margin-bottom:8px}.memo-total strong{font-size:17px}.memo-bottom{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:30px;font-size:11px;color:#466578}.memo-bottom p{max-width:65%;line-height:1.6}.signature{border-top:1px solid #7b98a9;padding-top:8px;text-align:center;min-width:180px}footer{text-align:center;color:#8999a7;font-size:10px;padding:20px}
@media(max-width:1000px){.sidebar{width:190px}.main{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{padding:0 14px}.top-actions>span{display:none}.shell{display:block}.sidebar{width:100%;display:flex;overflow:auto;padding:8px;gap:4px;border-right:0;border-bottom:1px solid var(--line)}.nav-caption{display:none}.sidebar a{white-space:nowrap;font-size:11px;padding:10px}.main{padding:15px}.page-heading h1{font-size:22px}.stats,.grid-two,.form-grid,.search-form{grid-template-columns:1fr}.form-submit{align-items:center}.memo{padding:12px;border-width:4px}.memo-topline{margin:-12px -12px 12px}.memo-header{grid-template-columns:42px 1fr 55px;gap:6px}.memo-header h2{font-size:12px}.memo-header strong{font-size:12px}.memo-header p{font-size:10px}.seal{width:38px;height:38px}.memo-photo{width:50px;height:60px}.memo-details{grid-template-columns:1fr;gap:8px}.memo-details div{grid-template-columns:120px 1fr;font-size:10px}.memo-total{grid-template-columns:repeat(2,1fr)}.memo-total div:nth-child(2){border-right:0}.memo-total div:nth-child(-n+2){border-bottom:1px solid #c1d1db}.memo-bottom{display:block}.memo-bottom p{max-width:100%}.signature{margin:20px 0 0 auto;width:190px}.search-hero{padding:22px}.inline-filter,.panel-title{align-items:stretch;flex-direction:column}}
@media print{body{background:#fff}.topbar,.sidebar,footer,.page-heading,.memo-actions,.alert{display:none!important}.shell,.main{display:block;padding:0;margin:0;width:100%;max-width:none}.memo{max-width:none;margin:0;border:5px double #8aa8b8;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.memo-topline{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 portrait;margin:12mm}}

/* Separate reference-style student result portal */
.portal-body{background:#fff;color:#174b58;font-family:Arial,Helvetica,sans-serif}.portal-top-header{height:58px;background:#dff7f2;border-top:5px solid #d7bd62;display:flex;align-items:center;justify-content:center;position:relative;padding:0 18px}.portal-brand{font-family:Georgia,'Times New Roman',serif;font-weight:bold;color:#087b69;font-size:22px;letter-spacing:.4px;text-align:center}.portal-admin-link{position:absolute;right:18px;font-size:11px;color:#267b70}.portal-container{max-width:1120px;margin:0 auto;padding:18px 16px 35px}.portal-search-card{border:1px solid #e4eeee;background:#fff;margin:0 auto 22px;padding:18px 24px 20px;max-width:1040px}.portal-form{max-width:880px;margin:0 auto}.portal-form-row{display:grid;grid-template-columns:160px 12px minmax(0,1fr);gap:10px;align-items:center;margin:8px 0;min-height:30px}.portal-form-row>label:first-child{font-size:12px;font-weight:700;color:#287f75}.portal-form-row>span{color:#287f75;font-weight:bold}.portal-form-row select,.portal-form-row>input{height:35px;width:min(100%,340px);padding:7px 9px;border:1px solid #bfc9c9;border-radius:3px;background:#fff;color:#3e4b4b;font-size:13px}.portal-radio-line{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.portal-radio-line label{display:inline-flex;align-items:center;gap:5px;color:#287f75;font-size:12px;font-weight:600;white-space:nowrap}.portal-radio-line input{accent-color:#1687ce;width:16px;height:16px;margin:0}.portal-submit-row{padding-left:182px;margin-top:12px}.portal-submit-row button{border:0;border-radius:5px;background:#9bc45b;color:#fff;padding:13px 28px;min-width:135px;font-size:13px;cursor:pointer}.portal-submit-row button:hover{background:#83ad43}.portal-error{max-width:1040px;margin:0 auto 15px;padding:13px 16px;text-align:center;background:#f8dddd;color:#842e37;font:22px Georgia,'Times New Roman',serif;border:1px solid #f0c7ca}.portal-print-bar{max-width:1040px;margin:0 auto;background:#d9effb;padding:7px;text-align:center}.portal-print-bar button{border:1px solid #aab7c0;background:#f7f8f9;color:#4b555c;padding:5px 13px;border-radius:3px;cursor:pointer}.portal-memo{max-width:1040px;margin:18px auto 24px;padding:20px;border:8px double #9bb8d0;background-color:#f8fcff;background-image:repeating-linear-gradient(45deg,rgba(95,151,188,.055) 0,rgba(95,151,188,.055) 2px,transparent 2px,transparent 7px);font-family:Georgia,'Times New Roman',serif;color:#234d63}.portal-memo-top{height:5px;background:linear-gradient(90deg,#d6b65b,#dff7f2,#d6b65b);margin:-20px -20px 14px}.portal-memo-header{display:grid;grid-template-columns:58px 1fr 78px;gap:12px;align-items:center;text-align:center;border-bottom:1px solid #9bb4c4;padding:0 0 13px}.portal-seal{height:48px;width:48px;border:2px solid #5caa91;color:#247b6d;border-radius:50%;display:grid;place-items:center;font-weight:bold;font-size:14px}.portal-memo-title h2{font-size:20px;margin:0 0 5px;color:#24556d}.portal-memo-title strong{font-size:15px;color:#a23e45;text-decoration:underline}.portal-subtitle{font-size:12px;margin:4px 0 6px}.portal-photo{height:74px;width:70px;border:1px solid #9fb5c4;background:#e6eef2;display:grid;place-items:center;font:28px Arial;color:#55778c}.portal-student-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;padding:15px 0;font-size:12px}.portal-student-details div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:7px;overflow-wrap:anywhere}.portal-student-details b{color:#3f6477}.portal-table-wrap{overflow-x:auto}.portal-marks-table{width:100%;border-collapse:collapse;font-size:11px;background:rgba(255,255,255,.72)}.portal-marks-table th,.portal-marks-table td{border:1px solid #9eb7c6;padding:8px 6px;text-align:center}.portal-marks-table th{background:#dcecf5;color:#2a5369;font-size:10px}.portal-marks-table .subject-name{text-align:left;white-space:normal}.portal-total-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #9bb4c4;margin-top:14px;background:rgba(255,255,255,.65)}.portal-total-grid>div{padding:11px;border-right:1px solid #b8cad5}.portal-total-grid>div:last-child{border-right:0}.portal-total-grid small,.portal-total-grid strong{display:block}.portal-total-grid small{font-size:10px;color:#527286;margin-bottom:6px}.portal-total-grid strong{font-size:15px}.portal-memo-foot{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:22px;font-size:11px;line-height:1.5}.portal-memo-foot p{max-width:68%;margin:0}.portal-sign{min-width:175px;text-align:center;border-top:1px solid #829eae;padding-top:7px}.portal-eligibility{max-width:1040px;margin:20px auto 0;border:1px solid #a9c1c7;padding:14px 22px;color:#315d6c;font-family:Georgia,'Times New Roman',serif}.portal-eligibility h2{text-align:center;margin:0 0 14px;font-size:20px}.portal-eligibility ol{padding-left:23px;line-height:1.65;font-size:12px}.portal-eligibility p{font-size:11px}.portal-footer{text-align:center;color:#8296a0;padding:16px;font-size:10px}@media(max-width:680px){.portal-brand{font-size:16px}.portal-admin-link{right:8px;font-size:9px}.portal-form-row{grid-template-columns:118px 8px minmax(0,1fr);gap:5px}.portal-form-row>label:first-child{font-size:10px}.portal-radio-line{gap:10px}.portal-radio-line label{font-size:10px}.portal-submit-row{padding-left:131px}.portal-memo{padding:10px;border-width:4px}.portal-memo-top{margin:-10px -10px 10px}.portal-memo-header{grid-template-columns:38px minmax(0,1fr) 48px;gap:5px}.portal-seal{width:34px;height:34px;font-size:10px}.portal-memo-title h2{font-size:12px}.portal-memo-title strong{font-size:11px}.portal-subtitle{font-size:9px}.portal-photo{width:45px;height:54px;font-size:20px}.portal-student-details{grid-template-columns:1fr;font-size:10px;gap:7px}.portal-student-details div{grid-template-columns:118px minmax(0,1fr)}.portal-marks-table{font-size:9px}.portal-marks-table th{font-size:8px}.portal-marks-table th,.portal-marks-table td{padding:6px 4px}.portal-total-grid{grid-template-columns:repeat(2,1fr)}.portal-total-grid>div{border-bottom:1px solid #b8cad5}.portal-total-grid>div:nth-child(2){border-right:0}.portal-total-grid>div:nth-child(n+3){border-bottom:0}.portal-total-grid strong{font-size:12px}.portal-memo-foot{display:block}.portal-memo-foot p{max-width:none}.portal-sign{margin:22px 0 0 auto;width:175px}.portal-eligibility{padding:12px}.portal-eligibility ol{font-size:10px}}@media print{.portal-top-header,.portal-search-card,.portal-print-bar,.portal-footer,.portal-admin-link,.portal-error{display:none!important}.portal-body{background:#fff}.portal-container{padding:0;max-width:none}.portal-memo{max-width:none;margin:0;border:5px double #9bb8d0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.portal-eligibility{max-width:none;break-inside:avoid;margin-top:10mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 portrait;margin:10mm}}

/* Student photo upload and memo portrait */
.memo-photo,.portal-photo{overflow:hidden;position:relative}
.memo-photo img,.portal-photo img{display:block;width:100%;height:100%;object-fit:cover}
.student-photo-preview{display:block;width:90px;height:110px;object-fit:cover;border:1px solid #ccd7df;border-radius:6px;margin-top:8px}
.student-list-photo{display:block;width:42px;height:52px;object-fit:cover;border-radius:4px;border:1px solid #d6e0e7}
.photo-upload-field small{font-size:10px;color:#7c8d9b;font-weight:400}
@media print{.memo-photo img,.portal-photo img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}


/* V4 result portal fixes: subfolder-safe asset URL, responsive sizing, and visible form controls */
.portal-body{margin:0!important;min-width:320px;background:#fff!important;color:#174b58!important;font-family:Arial,Helvetica,sans-serif!important;overflow-x:hidden}
.portal-body *{box-sizing:border-box}
.portal-top-header{width:100%;min-height:58px;height:auto;padding:10px 16px;gap:12px;flex-wrap:wrap}
.portal-brand{font-size:clamp(16px,2.3vw,22px);line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.portal-admin-link{position:static;margin-left:auto;white-space:nowrap}
.portal-container{width:100%;max-width:1120px;margin:0 auto;padding:18px 16px 35px}
.portal-search-card{width:100%;max-width:1040px;padding:18px clamp(12px,3vw,24px) 20px}
.portal-form{width:100%;max-width:880px}
.portal-form-row{width:100%;grid-template-columns:minmax(112px,160px) 10px minmax(0,1fr);gap:8px}
.portal-form-row select,.portal-form-row>input{width:100%;max-width:340px;min-width:0}
.portal-radio-line{min-width:0;row-gap:10px}
.portal-submit-row{padding-left:calc(min(160px, 22vw) + 18px)}
.portal-submit-row button{font-weight:600}
.portal-error{width:100%;max-width:1040px;font-size:clamp(16px,2.4vw,22px);overflow-wrap:anywhere}
.portal-memo{width:100%;max-width:1040px;overflow-wrap:anywhere}
.portal-memo-header,.portal-student-details,.portal-total-grid,.portal-marks-table{max-width:100%}
.portal-photo{flex-shrink:0}
.portal-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){
 .portal-top-header{justify-content:center}
 .portal-admin-link{margin-left:0}
 .portal-form-row{grid-template-columns:105px 8px minmax(0,1fr);gap:5px}
 .portal-form-row>label:first-child{font-size:10px}
 .portal-radio-line{gap:9px}
 .portal-radio-line label{white-space:normal}
 .portal-submit-row{padding-left:118px}
 .portal-memo{margin-left:0;margin-right:0}
}