.bkhep{--navy:#103f59;--blue:#176b83;--gold:#e8ad19;--ink:#172b3a;--muted:#607683;--line:#dce5ea;--soft:#f2f7f9;max-width:1240px;margin:36px auto;padding:0 20px;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-sizing:border-box}.bkhep *{box-sizing:border-box}.bkhep header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-radius:20px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;margin-bottom:22px;box-shadow:0 14px 34px rgba(16,63,89,.18)}.bkhep h1,.bkhep h2,.bkhep h3{color:inherit;line-height:1.25}.bkhep h1,.bkhep h2{margin:5px 0 14px}.bkhep h3{margin:28px 0 14px;padding-bottom:9px;border-bottom:1px solid #e6edf0;font-size:17px}.bkhep-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin:22px 0;box-shadow:0 8px 28px rgba(18,63,90,.08)}.bkhep .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bkhep .span-2{grid-column:span 2}.bkhep label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}.bkhep input,.bkhep select,.bkhep textarea{width:100%;border:1px solid #b9cad3;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font:inherit;transition:.2s}.bkhep textarea{min-height:92px;resize:vertical}.bkhep input:focus,.bkhep textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,107,131,.12)}.bkhep button{border:0;border-radius:10px;padding:12px 19px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer;transition:.2s}.bkhep button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,63,89,.18)}.bkhep button:disabled{opacity:.58;cursor:not-allowed;transform:none}.bkhep button.secondary{background:#fff;color:var(--navy);border:1px solid #abc3cf}.bkhep .primary-wide{width:100%;padding:14px 20px}.bkhep .actions{display:flex;gap:10px;margin-top:18px}.bkhep .msg{min-height:20px;font-weight:700;color:var(--blue)}.bkhep .msg.error{color:#a22626}.bkhep .msg.success{color:#187247}.bkhep .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bkhep .stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.bkhep .stats span,.bkhep small{display:block;color:var(--muted);font-size:12px}.bkhep .stats strong{display:block;font-size:24px;margin-top:7px}.bkhep .table{overflow:auto}.bkhep table{width:100%;border-collapse:collapse;min-width:950px}.bkhep th,.bkhep td{text-align:left;border-bottom:1px solid #e4ebef;padding:12px}.bkhep .total{text-align:right;font-size:18px;font-weight:800}.bkhep .notice{padding:12px 14px;background:#eef6f8;border-left:4px solid var(--blue);border-radius:8px}.bkhep .eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;color:var(--gold)}.bkhep-auth-shell{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);max-width:1000px;margin:54px auto;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#103f59,#176b83);box-shadow:0 22px 55px rgba(16,63,89,.22)}.bkhep-auth-brand{padding:54px 46px;color:#fff;display:flex;flex-direction:column;justify-content:center}.bkhep-auth-brand h1{font-size:38px;margin:10px 0 14px}.bkhep-auth-brand p{font-size:16px;line-height:1.7;color:#e4f0f4}.bkhep-auth-brand ul{padding-left:20px;line-height:2;color:#fff}.bkhep-auth{margin:10px;padding:34px;border:0;box-shadow:none}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--soft);border-radius:12px;margin-bottom:28px}.bkhep .auth-tabs button{background:transparent;color:var(--muted);box-shadow:none}.bkhep .auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(18,63,90,.1)}.auth-heading p{color:var(--muted);line-height:1.6}.create-only{display:grid;grid-template-columns:1fr 1fr;gap:14px}.otp-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:16px 0}.secure-note{font-size:12px;color:var(--muted);text-align:center}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.status-pill{padding:7px 12px;background:#e9f6ef;color:#187247;border-radius:999px;font-size:12px;font-weight:800}.location-box{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;border:1px solid #b9d4df;background:#f3f9fb;border-radius:12px}.location-box p{margin:5px 0 0;color:var(--muted)}.agreement{max-height:440px;overflow:auto;padding:22px;background:#fafcfd;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;font-family:Georgia,serif;font-size:13px;line-height:1.65}.check{flex-direction:row!important;align-items:flex-start;margin:18px 0}.check input{width:auto;margin-top:3px}.agreement-otp{padding:16px;background:#fff8e6;border:1px solid #ecd28c;border-radius:12px;margin:16px 0}.signed-box{display:flex;flex-direction:column;gap:8px;padding:18px;background:#edf8f2;border:1px solid #b9dec9;border-radius:12px;margin:18px 0}.signed-box code{word-break:break-all;font-size:11px}.bkhep code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:900px){.bkhep .grid{grid-template-columns:repeat(2,1fr)}.bkhep .stats{grid-template-columns:repeat(2,1fr)}.bkhep-auth-shell{grid-template-columns:1fr;max-width:660px}.bkhep-auth-brand{padding:34px}.bkhep-auth-brand ul{display:none}}
@media(max-width:600px){.bkhep{padding:0 12px;margin:18px auto}.bkhep .grid,.bkhep .stats,.create-only{grid-template-columns:1fr}.bkhep .span-2{grid-column:auto}.bkhep header,.location-box,.section-heading{align-items:flex-start;flex-direction:column}.bkhep-card{padding:18px;border-radius:14px}.bkhep-auth-shell{margin:20px auto}.bkhep-auth-brand{padding:28px 24px}.bkhep-auth-brand h1{font-size:29px}.bkhep-auth{margin:6px;padding:22px}.otp-row{grid-template-columns:1fr}.otp-row button{width:100%}.agreement{max-height:360px;padding:15px}}
.bkhep [hidden]{display:none!important}.create-only{display:block}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.password-fields{margin-top:14px}.link-button{display:block!important;margin:12px auto 0!important;padding:4px!important;background:transparent!important;color:var(--blue)!important;box-shadow:none!important}.required,.readonly-grid b{color:#b42318}.portal-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;background:#eaf1f4;border:1px solid var(--line);border-radius:14px;margin:0 0 20px}.bkhep .portal-tabs button{flex:0 0 auto;background:transparent;color:var(--navy);box-shadow:none;white-space:nowrap}.bkhep .portal-tabs button.active{background:#fff;box-shadow:0 3px 10px rgba(18,63,90,.12)}.portal-panel{display:none}.portal-panel.active{display:block}.readonly-grid>div{padding:14px;border:1px solid var(--line);background:#f7fafb;border-radius:10px}.readonly-grid span,.readonly-grid strong{display:block}.readonly-grid span{color:var(--muted);font-size:12px;margin-bottom:6px}.dob-field{display:flex;flex-direction:column;gap:7px}.field-label{font-weight:700;color:var(--navy)}.dob-selects{display:grid;grid-template-columns:minmax(76px,.8fr) minmax(120px,1.4fr) minmax(92px,1fr);gap:8px}.dob-selects select{width:100%;min-width:0}.income-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.income-breakdown>div{padding:22px;border:1px solid var(--line);border-radius:14px;background:#f8fbfc}.income-breakdown span,.income-breakdown strong{display:block}.income-breakdown strong{font-size:25px;margin-top:8px}.income-breakdown .income-total{background:var(--navy);color:#fff}
.focused-subpanel #bkhep-profile>h3,.focused-subpanel #bkhep-profile>.grid,.focused-subpanel #bkhep-profile>.location-box,.focused-subpanel #bkhep-profile>.signed-box,.focused-subpanel #bkhep-profile>button{display:none}.focused-subpanel #bkhep-profile>.subpanel{display:block!important}.focused-subpanel #bkhep-profile>.subpanel button{display:block}
@media(max-width:900px){.income-breakdown{grid-template-columns:1fr}.portal-tabs{margin-left:-4px;margin-right:-4px}}
@media(max-width:480px){.dob-selects{grid-template-columns:1fr}.dob-selects select{min-height:48px}}
.bkhep [data-age-output]{margin-top:2px;line-height:1.45}.bkhep [data-age-output].age-error{color:#b42318;font-weight:800}
@media(max-width:600px){.auth-grid{grid-template-columns:1fr}}
.earn-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 16px;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,#fff8df,#fff);border:1px solid #efd17b;box-shadow:0 8px 24px rgba(134,96,0,.08)}.earn-banner h2{margin:5px 0 8px;color:var(--navy)}.earn-banner p{margin:0;max-width:760px;color:#526775;line-height:1.6}.target-summary{min-width:150px;text-align:center;padding:15px;border-radius:14px;background:#123f5a;color:#fff}.target-summary strong,.target-summary span{display:block}.target-summary strong{font-size:30px}.target-summary span{font-size:12px;margin-top:4px}.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.target-grid article{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.target-grid span,.target-grid strong{display:block}.target-grid span{font-size:12px;color:var(--muted);margin-bottom:7px}.target-locations{margin:12px 0 24px;padding:12px 15px;border-radius:10px;background:#edf5f8;color:#365263}.status-text,.status-pill{font-weight:800}.status-pending{background:#fff4cc!important;color:#8a5a00!important}.status-approved{background:#e6f7ed!important;color:#14733c!important}.status-rejected,.status-suspended{background:#fde8e7!important;color:#b42318!important}.bkhep fieldset{border:0;padding:0;margin:0;min-width:0}.bkhep fieldset:disabled{opacity:.72}.agreement-downloads{display:flex;gap:10px;flex-wrap:wrap}.agreement-downloads a{display:inline-block;padding:9px 12px;border-radius:8px;background:#123f5a;color:#fff!important;text-decoration:none;font-weight:800;font-size:13px}
@media(max-width:900px){.target-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.earn-banner{align-items:flex-start;flex-direction:column;padding:20px}.target-summary{width:100%}.target-grid{grid-template-columns:1fr}}
.submission-receipt{border:1px solid #b9dfcf;background:linear-gradient(145deg,#fff,#f2fbf7);margin:18px 0}
.submission-receipt h2{color:#146c43;margin:.4rem 0 .7rem}
.receipt-code{display:inline-flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:12px;background:#123f5a;color:#fff;margin:8px 0}
.receipt-code span{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:.06em}
.receipt-code strong{font-size:24px;letter-spacing:.06em}
.receipt-time{color:#607683;font-size:13px}
.account-created{border-left:5px solid #176b83;background:#f4fafc;margin:18px 0}
.bkhep .bkhep-file-validation{display:block;margin-top:2px;font-size:12px;font-weight:800;line-height:1.45}.bkhep .bkhep-file-validation.error{color:#a22626}.bkhep .bkhep-file-validation.success{color:#187247}.bkhep input.bkhep-file-invalid{border-color:#a22626;background:#fff7f7;box-shadow:0 0 0 3px rgba(162,38,38,.1)}.bkhep input.bkhep-file-valid{border-color:#4c9a6b;background:#f7fcf9}
