/* Theme reference: https://school.gyo6.net/ph-g/main.do?sysId=ph-g */
.meritRules{display:grid;grid-template-columns:1fr auto;gap:12px 24px}.meritRules p{line-height:1.8;margin-bottom:0;font-size:13px}.meritRules .wide{grid-column:1/-1}.meritRates{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.meritBadge{display:inline-block;padding:7px 9px;border-radius:7px;white-space:nowrap;font-size:11px;border:1px solid transparent}.meritBadge b{margin-left:5px}.meritTotal{color:#6743a2;white-space:nowrap;font-size:14px}.meritSum td{background:#f2edf9;font-weight:bold}.meritRules h2{margin-bottom:8px}@media(max-width:700px){.meritRules{grid-template-columns:1fr}.meritRates{gap:8px}}
@media screen {
:root{--green:#5441ad;--muted:#737185;--line:#e3dfef;color:#29263d;background:#f6f5fa}
button:hover{background:#f0edf9}.primary{background:#5943b4;border-color:#5943b4}.primary:hover{background:#46319d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ac9ce4;outline-offset:3px}input,select,textarea{border-color:#dcd7e8}label{color:#615c75}.eyebrow{color:#6752b3;letter-spacing:1px}.schoolTop{height:94px;background:#fff;border-top:5px solid #9180d1;border-bottom:1px solid #e8e5ef;position:relative;z-index:5}.schoolTopInner{max-width:1440px;height:100%;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.schoolLogo{width:250px;height:auto;object-fit:contain}.schoolService{text-align:right;display:grid;gap:6px}.schoolService strong{font-size:17px;font-weight:600;color:#4b3b8a}.schoolService span{font-size:12px;color:#898496}.schoolNav{grid-column:1/-1;display:flex;justify-content:center;gap:130px;background:#fff;align-items:center;min-height:62px;font-size:16px;font-weight:600;color:#363143;border-bottom:1px solid #dcd6ed}.schoolHero{grid-column:1/-1;width:100%;background:#e8e3fa;overflow:hidden}.schoolHero img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;object-position:center}.login{min-height:calc(100vh - 94px);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);align-items:start;column-gap:70px;row-gap:0;padding:0 max(30px,calc((100% - 1220px)/2)) 45px;background:#f8f7fc}.login .schoolNav,.login .schoolHero{width:calc(100% + 2 * max(30px,calc((100vw - 1220px)/2)));position:relative;left:calc(-1 * max(30px,calc((100vw - 1220px)/2)))}.intro{padding:45px 10px 10px}.intro h1{font-size:34px;line-height:1.5;margin:16px 0;color:#473392;font-weight:700;letter-spacing:-1.2px}.intro p{color:#7a738c;font-size:15px}.pills{margin-top:24px;gap:10px;flex-wrap:wrap}.pills span{background:#fff;border:1px solid #e2dcf0;border-radius:9px;color:#6a559d;padding:10px 18px;font-size:12px}.pills span:nth-child(2){background:#edf6fb;color:#427187;border-color:#dbeaf2}.pills span:nth-child(3){background:#fff2e9;color:#98664e;border-color:#f4e1d5}.loginCard{margin-top:30px;padding:30px 35px;border-radius:18px;border-color:#e4dff0;box-shadow:0 8px 30px #5240780a}.loginCard h2{color:#383049;margin-bottom:10px}.loginCard label{margin:15px 0}.loginCard .primary{border-radius:7px;padding:13px;margin:4px 0 6px}.loginCard .muted{font-size:12px}.loginCard #loginError:empty{margin:0}.schoolFooter{padding:22px 30px;background:#fff;border-top:1px solid #e3dfeb;text-align:center;font-size:11px;line-height:1.9;color:#8a8397}.schoolFooter a{color:#766b91;margin-left:15px;text-decoration:none}.schoolFooter a:hover{text-decoration:underline}
aside{top:94px;border-right:1px solid #e6e0f0;background:#fff;padding-top:30px;bottom:0}.brand{gap:10px;font-size:17px;color:#443773}.brand .brandIcon{display:grid;place-items:center;font-size:20px;border-radius:15px 15px 15px 4px;width:42px;height:44px;background:#eae3fa;color:#7453ba;font-weight:700}.brand small{font-size:10px;color:#9589a9}nav button{color:#625b70;border-radius:9px;padding:15px 12px}nav button.active{color:#5740a7;background:#eee8fb;box-shadow:inset 3px 0 #8770ce}nav button:hover{background:#f4f0fb}.asideFoot{color:#665c7f}.asideFoot button{border-color:#e6e0ee}main{padding-top:30px}main>header{background:linear-gradient(110deg,#ede6fb,#f3effc 75%,#e7e0f6);padding:24px 28px;border-radius:15px;position:relative;overflow:hidden}main>header h1{color:#45338c;font-size:26px}main>header .eyebrow{color:#8977b2;font-size:11px}.status{color:#7e7194}.status button{border-color:#dcd3ed}.metrics{gap:17px}.metric{border-color:#e6e1f0;box-shadow:0 3px 12px #64578304;border-top:3px solid #d8c8f0}.metric:first-child{background:#8065b9;border-color:#8065b9}.metric:nth-child(2){border-top-color:#a2bfdb}.metric:nth-child(3){border-top-color:#ecb49f}.metric:nth-child(4){border-top-color:#beb3e0}.metric .number{font-weight:700}.toolbar{border-color:#e6e1ef}.panel,.tablePanel{border-color:#e6e1ef}.tableTop b{color:#51446c}th{background:#f5f1fc;color:#78658f}td,th{border-bottom-color:#eeebf5}.cell{border-color:#e4dfee}.cell:hover:not(:disabled){border-color:#a18acb;background:#f6f0ff}.cell.gold{border-color:#edd899}.cell.silver{border-color:#d8e0e8}.cell.bronze{border-color:#efd4bf}.eligible{background:#eee7fa;color:#7350a3}.banner{background:#fffbef;border-color:#eee3c7;color:#897950}.banner.lock{background:#efedf8;border-color:#dcd7ed;color:#71638b}.bar{background:#eee8f7}.bar i{background:#9b82c8}.pagination button{border-color:#e4deee}dialog{border-color:#e1d9ee}dialog::backdrop{background:#28203866}#toast{background:#58418b}.schoolFooter:has(~ #printArea){position:relative}.certificate{color:#252d26}
@media(min-width:701px){body:has(#workspace:not([hidden])) .schoolFooter{margin-left:230px}body:has(#workspace:not([hidden])) .schoolTop{position:sticky;top:0}aside{height:calc(100vh - 94px)}}
@media(max-width:1050px){.schoolNav{gap:65px}.login{column-gap:35px;grid-template-columns:minmax(0,1fr) minmax(330px,410px)}.intro h1{font-size:29px}.schoolHero img{max-height:320px}.schoolTopInner{padding:0 24px}.schoolLogo{width:225px}.schoolService strong{font-size:15px}body:has(#workspace:not([hidden])) .schoolFooter{margin-left:190px}}
@media(max-width:700px){.schoolTop{height:78px;border-top-width:4px}.schoolTopInner{padding:0 18px;gap:12px}.schoolLogo{width:190px;max-width:52%}.schoolService strong{font-size:12px;line-height:1.5}.schoolService span{font-size:9px}.schoolNav{font-size:12px;gap:0;justify-content:space-around;min-height:48px}.login{display:flex;flex-direction:column;padding:0 20px 28px;min-height:calc(100vh - 78px);gap:0}.login .schoolNav,.login .schoolHero{left:-20px;width:calc(100% + 40px)}.schoolHero img{height:auto;max-height:none;min-height:150px;object-fit:cover}.intro{padding:25px 3px 0;margin:0}.intro h1{font-size:25px;line-height:1.45;margin:10px 0}.intro p{font-size:12px;margin:12px 0}.intro .eyebrow{font-size:10px}.pills{display:none}.loginCard{width:100%;margin-top:16px;padding:24px}.loginCard h2{font-size:21px}.schoolFooter{padding:20px;font-size:10px}.schoolFooter a{display:block;margin:0}aside{position:static;height:auto;padding:17px 14px;border-bottom:1px solid #e5ddf1}.brand{font-size:16px}.brand .brandIcon{width:34px;height:34px;font-size:16px;border-radius:10px 10px 10px 3px}nav{margin-top:14px}nav button{font-size:11px;padding:10px 9px}nav button.active{box-shadow:inset 0 -3px #8770ce}.asideFoot{margin-top:12px}.asideFoot button{font-size:10px}.asideFoot small{display:none}main{padding:16px 12px}main>header{padding:19px 15px;border-radius:12px}main>header h1{font-size:21px}main>header .eyebrow{font-size:9px}.metrics{gap:10px}.metric{padding:16px}.metric .number{font-size:28px}.status{font-size:9px}.status button{font-size:10px}.actions{flex-wrap:wrap}.actions button{font-size:12px}body:has(#workspace:not([hidden])) .schoolFooter{margin-left:0}}
@media(max-width:700px){.schoolService{max-width:145px}.schoolService strong{font-size:11px;word-break:keep-all;line-height:1.6}.schoolService span{display:none}}
@media(min-width:701px){.login{padding:0 0 45px;column-gap:0;grid-template-columns:minmax(30px,1fr) minmax(0,690px) 70px minmax(340px,460px) minmax(30px,1fr)}.login .schoolNav,.login .schoolHero{width:100%;left:0;grid-column:1/-1}.login .intro{grid-column:2}.login .loginCard{grid-column:4}}
@media(min-width:701px) and (max-width:1050px){.login{grid-template-columns:24px minmax(0,1fr) 35px minmax(330px,410px) 24px}}
}