:root{--blue:#168ac5;--blue2:#0d76b1;--green:#84c52d;--border:#d9dee3;--light:#f2f2f2;--text:#111;--muted:#666;--orange:#ff8a00;--danger:#f01818;--admin:#102b3a}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;font-size:16px}a{text-decoration:none;color:inherit}.container-wide{width:min(1280px,calc(100% - 32px));margin:0 auto}.portal-nav-wrap{background:#fff;padding:14px 0 10px}.portal-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.portal-nav-link{background:#f2f2f2;border-radius:4px;padding:9px 13px;font-size:15px}.portal-nav-link.active{background:#080808;color:#fff}.green-rule{height:5px;background:var(--green);margin:12px 0 28px}.page-space{padding:0 0 36px}.section-card{background:#f3f3f3;border:1px solid #eee;margin-bottom:20px}.section-title{background:var(--blue);color:#fff;padding:12px 14px;font-size:18px;font-weight:500}.section-body{padding:16px 14px}.info-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:38px}.info-row{display:grid;grid-template-columns:205px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #d7d7d7;line-height:1.45}.info-row .label{font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.form-row{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start}.form-row label{font-weight:700;line-height:1.35;padding-top:10px}.form-row.full{grid-column:1/-1}.control{width:100%;min-height:44px;border:1px solid #d4dbe1;border-radius:7px;background:#fff;padding:10px 14px;font-size:16px}.control:focus{outline:3px solid rgba(22,138,197,.12);border-color:#58a9d1}.help{font-size:13px;margin-top:7px}.success-text{color:#00b21d;line-height:1.45}.radio-line{display:flex;gap:18px;align-items:center;padding-top:10px}.btn{display:inline-block;border:0;border-radius:5px;padding:11px 18px;font-size:16px;cursor:pointer}.btn-blue{background:#087ef3;color:#fff}.btn-dark{background:#111;color:#fff}.btn-gray{background:#e9ecef}.btn-red{background:#d52d2d;color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-sm{padding:7px 11px;font-size:14px}.form-actions{display:flex;gap:12px;margin:20px 0}.flash{padding:12px 14px;margin:0 auto 16px;border-radius:5px;width:min(1280px,calc(100% - 32px))}.flash.success{background:#e9f8ea;color:#146b20;border:1px solid #bbdfc0}.flash.error{background:#fff0f0;color:#9d1e1e;border:1px solid #f2c3c3}.notice{background:#fff7dc;border:1px solid #eed491;padding:12px 14px;border-radius:5px}.danger-note{color:red;line-height:1.5}.table-wrap{overflow:auto}.legacy-table{width:100%;border-collapse:collapse;background:#eee;min-width:900px}.legacy-table th,.legacy-table td{border:1px solid #d9dee3;text-align:left;vertical-align:top;padding:15px 14px;line-height:1.45}.legacy-table th{background:#f2f2f2;font-weight:700}.legacy-table td{background:#e9e9e9}.legacy-table .action-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.payment-prompt{color:red;line-height:1.45}.pay-online{background:#ff8a00;color:#fff;padding:7px 12px;border-radius:3px;font-size:13px;font-weight:700;display:inline-block}.simple-footer{border-top:3px solid #161616;padding:25px 0;margin-top:35px;display:flex;justify-content:space-between;gap:30px;font-size:15px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.doc-card h3{font-size:17px}.doc-preview{height:190px;display:flex;align-items:center;justify-content:flex-start;margin-top:10px}.doc-preview img{max-height:180px;max-width:280px;object-fit:contain}.file-row{display:flex;flex-direction:column;gap:8px}.file-row input{background:#fff;border:1px solid #d4dbe1;border-radius:7px;padding:11px}.application-header-line{height:7px;background:var(--blue);margin-bottom:0}.view-actions{display:flex;gap:10px;margin:15px 0}.badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:13px;background:#ddd}.badge.pending{background:#fff0bd}.badge.approved{background:#dff3df;color:#176117}.badge.review{background:#dfeef8;color:#145d82}.badge.rejected{background:#f8dddd;color:#9b2222}

/* payment page */.pay-page{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:start}.payment-left{padding:10px 10px}.payment-logos{font-size:31px;font-weight:700;display:flex;gap:18px;align-items:center;color:#5b42c2;margin:18px 0 35px}.payment-steps{line-height:1.6;margin:0 0 24px}.qr-box{width:270px;min-height:315px;border:1px solid #e1e1e1;display:flex;align-items:center;justify-content:center;background:#fff;margin:15px auto}.qr-box img{max-width:250px;max-height:300px;object-fit:contain}.order-box{border:1px solid #555;padding:18px 14px}.order-box h2{text-align:center;font-size:18px;font-weight:500;margin:0 0 18px}.order-row{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;margin:12px 0}.order-row strong{padding-top:11px}.order-row .control[readonly]{background:#e9edf1}.order-submit{text-align:center;margin-top:18px}.payment-caption{text-align:center;margin-top:8px}.payment-caption a{color:#0249ff}

/* Admin */.admin-topbar{background:var(--admin);color:#fff;padding:15px 0}.admin-topbar-inner{display:flex;justify-content:space-between;align-items:center}.admin-topbar strong{display:block;font-size:20px}.admin-topbar span{display:block;font-size:12px;color:#a9c2d1;margin-top:3px}.admin-topbar a{color:#fff;text-decoration:underline}.admin-nav{background:#f0f2f3;border-bottom:4px solid var(--blue)}.admin-nav .container-wide{display:flex;gap:2px;flex-wrap:wrap}.admin-nav a{padding:12px 14px}.admin-nav a.active,.admin-nav a:hover{background:var(--blue);color:#fff}.admin-page{padding:28px 0 40px}.admin-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.admin-title h1{font-size:25px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{border:1px solid #dce3e8;background:#fff;padding:18px;border-top:4px solid var(--blue)}.metric small{color:#666}.metric strong{display:block;font-size:30px;margin-top:8px}.admin-panel{border:1px solid #d9dee3;margin-bottom:20px}.admin-panel-head{background:var(--blue);color:#fff;padding:11px 14px;display:flex;justify-content:space-between;align-items:center}.admin-panel-body{padding:15px;background:#f6f6f6}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{border:1px solid #d9dee3;padding:10px;vertical-align:top;font-size:14px}.admin-table th{background:#e9ecef}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-form-grid .full{grid-column:1/-1}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.searchbar{display:flex;gap:8px;margin-bottom:12px}.searchbar .control{max-width:420px}.login-shell{min-height:100vh;background:#f3f5f6;display:grid;place-items:center}.login-card{width:min(450px,calc(100% - 30px));background:#fff;border:1px solid #ddd;border-top:5px solid var(--blue);padding:28px}.login-card h1{margin-top:0}.login-card .control{margin:7px 0 14px}

@media(max-width:900px){.info-grid,.form-grid,.pay-page,.admin-form-grid{grid-template-columns:1fr}.form-row.full{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:1fr 1fr}.simple-footer{display:block}.simple-footer>div+div{margin-top:12px}.order-row{grid-template-columns:150px 1fr}}
@media(max-width:620px){.container-wide{width:min(100% - 18px,1280px)}.form-row,.info-row{grid-template-columns:1fr}.form-row label,.order-row strong{padding-top:0}.doc-grid,.metrics{grid-template-columns:1fr}.portal-nav{justify-content:flex-start}.pay-page{gap:20px}.order-row{grid-template-columns:1fr}.simple-footer{font-size:13px}}

/* Portal refresh — shared applicant and admin workspace */
:root{--blue:#164b5f;--blue2:#0d3646;--green:#b8ee69;--border:#dbe5df;--light:#f5f7f2;--text:#172b31;--muted:#68787a;--orange:#d9892e;--danger:#b42318;--admin:#0a2029;--dark:#102d39}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f5f7f2;letter-spacing:-.01em}a{transition:color .2s,background .2s,border-color .2s,transform .2s}.container-wide{width:min(1240px,calc(100% - 40px))}
.portal-nav-wrap{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);padding:14px 0 12px;border-bottom:1px solid #e0e9e3;position:sticky;top:0;z-index:40}.portal-nav{justify-content:flex-start;gap:7px}.portal-nav-link{background:#eef3ed;border:1px solid transparent;border-radius:999px;padding:10px 14px;color:#476168;font-size:13px;font-weight:700}.portal-nav-link:hover{background:#e4efe1;color:var(--blue)}.portal-nav-link.active{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(22,75,95,.16)}.green-rule{height:4px;background:var(--green);margin:0 0 30px}
.page-space{padding:0 0 50px}.section-card{background:#fff;border:1px solid var(--border);border-radius:18px;margin-bottom:22px;box-shadow:0 12px 34px rgba(16,45,57,.06);overflow:hidden}.section-title{background:var(--blue);color:#fff;padding:15px 18px;font-size:15px;font-weight:800;letter-spacing:.01em}.section-body{padding:22px}.info-row{padding:15px 0;border-bottom-color:#e6eee8}.control{min-height:46px;border:1px solid #d4e2dc;border-radius:11px;background:#fff;padding:11px 14px;font-size:16px;color:var(--text)}.control:focus{outline:0;border-color:#16837d;box-shadow:0 0 0 4px rgba(22,131,125,.1)}.form-row label,.info-row .label{color:#2e5159}.btn{border-radius:999px;padding:11px 18px;font-weight:800}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue2);transform:translateY(-1px)}.btn-dark{background:var(--dark);color:#fff}.btn-gray{background:#e8eee9;color:var(--text)}.btn-orange{background:var(--orange);color:#fff}.btn-red{background:#b42318;color:#fff}.flash{border-radius:12px}.notice{background:#f1f8e9;border:1px solid #d1e8b8;border-radius:12px}.success-text{color:#2f7b42}.danger-note{color:#a63c31}
.legacy-table{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;min-width:920px}.legacy-table th,.legacy-table td{border-color:#e1eae4;padding:16px 15px}.legacy-table th{background:#edf3ed;color:#456168;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.legacy-table td{background:#fff}.legacy-table tr:hover td{background:#fbfdf9}.pay-online{background:var(--orange);border-radius:999px;padding:8px 13px}.payment-prompt{color:#a75a24;font-size:13px;margin-top:6px}.badge{border-radius:999px;padding:6px 10px}
.simple-footer{border-top:1px solid #dbe5df;color:#647578;padding:25px 0;margin-top:35px}.doc-preview{background:#f5f8f4;border:1px dashed #cdded3;border-radius:14px;padding:12px}.file-row input{border:1px solid #d4e2dc;border-radius:11px;padding:11px;background:#fff}
.pay-page{gap:55px}.payment-left{padding:15px}.payment-logos{color:var(--blue);font-size:27px}.qr-box{border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 28px rgba(16,45,57,.06)}.order-box{border:1px solid var(--border);border-radius:20px;background:#fff;padding:24px;box-shadow:0 15px 38px rgba(16,45,57,.08)}.order-box h2{color:var(--blue);font-weight:800}.order-row .control[readonly]{background:#f3f7f3}
.admin-topbar{background:var(--admin);padding:18px 0;border-bottom:4px solid var(--green)}.admin-topbar strong{font-size:21px;letter-spacing:-.03em}.admin-topbar span{color:#b7d1ce}.admin-topbar a{color:var(--green)}.admin-nav{background:#fff;border-bottom:1px solid var(--border)}.admin-nav .container-wide{gap:5px}.admin-nav a{padding:13px 14px;color:#4b646a;font-size:13px;font-weight:750;border-radius:9px;margin:6px 0}.admin-nav a.active,.admin-nav a:hover{background:#edf7e2;color:var(--blue)}.admin-page{padding:34px 0 50px}.admin-title{margin-bottom:22px}.admin-title h1{font-size:31px;letter-spacing:-.05em;color:var(--blue)}.metrics{gap:16px;margin-bottom:24px}.metric{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px;border-top:4px solid var(--green);box-shadow:0 10px 26px rgba(16,45,57,.05)}.metric small{color:var(--muted);font-weight:700}.metric strong{color:var(--blue);font-size:32px}.admin-panel{border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:22px;box-shadow:0 10px 28px rgba(16,45,57,.05)}.admin-panel-head{background:var(--blue);padding:14px 17px;font-size:14px;font-weight:800}.admin-panel-body{padding:17px;background:#fbfcfa}.admin-table{background:#fff}.admin-table th,.admin-table td{border-color:#e1eae4;padding:13px 12px}.admin-table th{background:#edf3ed;color:#456168;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.admin-form-grid{gap:16px}.searchbar{margin-bottom:16px}.login-shell{background:radial-gradient(circle at 15% 15%,rgba(184,238,105,.18),transparent 26%),linear-gradient(135deg,#0a2029,#164b5f);}.login-card{width:min(470px,calc(100% - 30px));border:0;border-top:5px solid var(--green);border-radius:22px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.login-card h1{color:var(--blue);letter-spacing:-.05em}.login-card .control{margin:7px 0 16px}.help{color:var(--muted)}
@media(max-width:900px){.portal-nav{justify-content:flex-start}.portal-nav-wrap{position:relative}.admin-page{padding-top:24px}.admin-title h1{font-size:28px}}
@media(max-width:620px){.container-wide{width:min(100% - 24px,1280px)}.portal-nav{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.portal-nav-link{white-space:nowrap}.green-rule{margin-bottom:20px}.section-body{padding:17px}.legacy-table{min-width:760px}.login-card{padding:26px 21px}.admin-topbar-inner{align-items:flex-start;gap:18px}.admin-topbar-inner>div:last-child{font-size:12px;text-align:right}}

/* Website CMS */
.admin-title>div:first-child{min-width:0}.admin-page-intro{margin:7px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.admin-form-grid label{display:block;margin-bottom:7px;color:#2e5159;font-size:13px;font-weight:800}.cms-textarea{min-height:105px;resize:vertical;line-height:1.5}.field-help{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}.cms-upload{padding-top:5px;border-top:1px solid var(--border)}.cms-upload .control{padding:9px;background:#fff}.cms-save-bar{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;margin:0 0 20px;padding:12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 14px 34px rgba(16,45,57,.12);backdrop-filter:blur(12px)}
.cms-current-image{display:flex;align-items:center;gap:14px}.cms-current-image img{width:72px;height:72px;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#fff;padding:5px}
@media(max-width:620px){.admin-title{align-items:flex-start;flex-direction:column}.cms-save-bar .btn{width:100%}}