*{box-sizing:border-box}body{margin:0;font:16px/1.55 Arial,sans-serif;color:#193a44;background:#f1f7f6}a{color:#00767f;text-underline-offset:3px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-1.2px;margin:12px 0 26px}h2{font-size:23px;margin:0 0 18px}h3{margin:0 0 14px}.portal-header{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 5%;border-bottom:1px solid #dbe7e4;gap:16px}.portal-header img{width:135px;max-height:65px;object-fit:contain}.portal-header nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.portal-header form{margin:0}.portal{max-width:1120px;margin:38px auto;padding:0 22px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#007d80}.card{background:#fff;border:1px solid #dce7e4;border-radius:18px;padding:28px;margin:22px 0;box-shadow:0 8px 25px #173f4107}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:1/-1}label{display:block;font-size:14px;font-weight:600}input,select,textarea{width:100%;font:inherit;padding:12px 13px;border:1px solid #bdceca;border-radius:9px;margin:6px 0 0;background:#fff;color:#183b40}input:focus,select:focus,textarea:focus{outline:3px solid #9ce2da;border-color:#007b7f}textarea{min-height:90px;resize:vertical}input[type=checkbox]{width:20px;height:20px;margin-right:10px;vertical-align:middle}button,.button{display:inline-block;background:#007d80;color:white;border:0;border-radius:9px;padding:12px 20px;font:600 15px Arial;cursor:pointer;text-decoration:none}.secondary{background:#e7f4f1;color:#005d65}.danger{background:#b52b37}small,.muted{color:#567171;font-size:13px}.notice,.error{padding:18px;border-radius:12px;margin:20px 0;background:#dcf2e9;border:1px solid #a8d6c2}.error{background:#fff0ed;border-color:#e2aea7;color:#882b23}.terms{max-height:300px;overflow:auto;white-space:pre-wrap;background:#f4f8f7;padding:20px;font-size:14px;border-radius:10px}.check{margin:18px 0}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status{display:inline-block;padding:6px 14px;border-radius:50px;background:#e4f4ee;color:#006c68;font-weight:700;text-transform:capitalize}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid #deebe6;vertical-align:top}dl{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 22px}dt{color:#577273;font-size:14px}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.portal-footer{text-align:center;padding:30px;font-size:13px;color:#5d7675}.auth{max-width:520px;margin:24px auto}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.summary .card{margin:0}.amount{display:block;font-size:27px;font-weight:bold}.admin-main .card{color:#193a44}.admin-main .grid label{color:#193a44}@media(max-width:700px){.grid,.summary{grid-template-columns:1fr}.card{padding:20px}.portal-header{padding:15px 20px}.portal-header img{width:100px}.portal-header nav{gap:12px;font-size:13px}dl{grid-template-columns:1fr;gap:6px}dd{margin-bottom:12px}.portal{margin:25px auto;padding:0 15px}}
.id-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:18px}.resident-card{border:1px solid #c0d7d3;border-radius:16px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 5px 16px #173f410a}.resident-head{background:#006e75;color:#fff;min-height:70px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.resident-head img{width:95px;height:43px;object-fit:contain;background:#fff;border-radius:5px}.resident-head span{font-size:10px;font-weight:bold;letter-spacing:1px;text-align:right}.resident-main{display:flex;gap:17px;padding:22px 18px}.resident-photo{flex:0 0 104px;height:130px;border:1px solid #d3e2df;border-radius:10px;overflow:hidden;background:#e7f0ee;display:flex;align-items:center;justify-content:center;font-size:12px;color:#567171}.resident-photo img{width:100%;height:100%;object-fit:cover}.resident-info{min-width:0}.resident-name{display:block;font-size:21px;line-height:1.3;overflow-wrap:anywhere}.resident-number{font-size:13px;color:#007b7f;font-weight:bold;letter-spacing:1px}.resident-info p{font-size:12px;margin:10px 0 0;overflow-wrap:anywhere}.resident-status{background:#fff2d5;color:#8a5700;padding:10px 18px;font-size:11px;letter-spacing:.7px;font-weight:bold}.resident-status.confirmed{background:#e1f4e9;color:#146842}.resident-back-body{padding:17px 20px;font-size:12px;overflow-wrap:anywhere}.resident-back-body strong{color:#006e75;font-size:11px}.resident-back-body p{margin:3px 0 12px;white-space:pre-wrap}.resident-foot{background:#eef7f4;padding:10px 20px;font-size:11px;color:#436365}@media(max-width:820px){.id-pair{grid-template-columns:1fr}}@media(max-width:420px){.resident-main{gap:12px;padding:18px 13px}.resident-photo{flex-basis:86px;height:112px}.resident-name{font-size:18px}}