:root{--panel:rgba(22,16,18,.96);--panel2:rgba(29,20,26,.98);--text:#f8f3ea;--muted:#cfbea4;--line:rgba(212,175,55,.14);--gold:#c9a642;--goldsoft:#ead9a0;--shadow:0 22px 50px rgba(0,0,0,.45);--success:#9bddac;--warn:#f2cf7b;--dangerbg:#4d1414;--bg1:#050304;--bg2:#0d0a0d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 18%),radial-gradient(circle at bottom left,rgba(125,72,38,.1),transparent 20%),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);color:var(--text)}.page{min-height:100vh;padding:28px 20px 50px}.container{width:min(1280px,100%);margin:0 auto}.wide-container{width:min(1440px,100%)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:16px}.brand img{width:90px;height:90px;border-radius:18px;object-fit:contain;box-shadow:0 18px 40px rgba(0,0,0,.35)}.brand h1{margin:0;font-size:1rem;letter-spacing:.1em}.brand p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.centered-brand{justify-content:center}.contact-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.contact-pill{padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));color:var(--muted);font-size:.92rem}.card{background:linear-gradient(180deg,rgba(20,14,19,.98),var(--panel2));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px}.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(212,175,55,.05);color:var(--goldsoft);font-size:.82rem;font-weight:700;margin-bottom:14px}h2,h3,h4{margin:0 0 14px;color:var(--goldsoft)}p,small,.muted{color:var(--muted);line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.centered-actions{justify-content:center}.btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);padding:11px 16px;border-radius:14px;cursor:pointer;font-weight:700;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--goldsoft));color:#1a1408}.btn.danger{background:var(--dangerbg);border-color:#7a1f1f;color:#ffd6d6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.one-col{grid-template-columns:1fr}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label,.micro-label{font-size:.92rem;color:var(--muted);font-weight:700}.micro-label{font-size:.78rem}input,select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);font:inherit}select option{color:#000}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:48px}.toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:1rem;padding:6px}.error-box,.success-box,.cap-warning-box{margin-bottom:16px;padding:14px 16px;border-radius:16px;border:1px solid transparent}.error-box{background:rgba(255,143,143,.08);border-color:rgba(255,143,143,.25);color:#ffd7d7}.success-box{background:rgba(155,221,172,.08);border-color:rgba(155,221,172,.25);color:#dff7e5}.cap-warning-box{background:linear-gradient(180deg,#6c1c1c,#461111);border-color:#ff9b9b;color:#fff1f1;font-weight:700}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.info-pane{position:sticky;top:24px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.auth-panel{display:none}.auth-panel.active{display:block}.field-has-error input,.field-has-error select,.field-has-error textarea{border-color:#ff9b9b;box-shadow:0 0 0 1px rgba(255,155,155,.25)}.field-note{color:#ffb0b0;font-size:.8rem;margin-top:2px}.checkbox-note{display:block;margin:4px 0 10px 32px}.inline-note{font-size:.82rem;min-height:18px}.inline-note.error{color:#ff9b9b}.inline-note.success{color:#9bddac}.terms-box{padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);margin-bottom:12px}.professional-consent{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(212,175,55,.04);margin-top:18px}.left-consent{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px}.step-list,.history-list{display:grid;gap:12px}.step-item,.history-item{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-overlay.active{display:flex}.modal-box{width:min(560px,100%);background:linear-gradient(180deg,rgba(23,16,20,.99),rgba(34,24,31,.99));border:1px solid rgba(234,217,160,.18);border-radius:28px;padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.5)}.modal-status{margin-top:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(155,221,172,.1),rgba(155,221,172,.05));border:1px solid rgba(155,221,172,.26);color:#dff7e5}.error-modal-status{background:linear-gradient(180deg,rgba(255,143,143,.12),rgba(255,143,143,.05));border:1px solid rgba(255,143,143,.26);color:#ffd7d7}.error-list-box{margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#f7e8e8}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.admin-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-stat{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line)}.dashboard-stat strong{display:block;color:var(--goldsoft);font-size:1.2rem;margin-top:8px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid var(--line);background:rgba(255,255,255,.03);margin-top:6px}.tab-bar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);padding:12px 16px;border-radius:14px;cursor:pointer;font-weight:700}.tab-btn.active{background:linear-gradient(135deg,var(--gold),var(--goldsoft));color:#1a1408}.tab-panel{display:none}.tab-panel.active{display:block}.loan-apply-box{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line)}.range-wrap{display:grid;gap:10px}.range-value,.summary-value{color:var(--goldsoft);font-size:1.1rem;font-weight:700;margin-top:8px}.summary-box{padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(212,175,55,.03));border:1px solid var(--line);margin-top:12px}.profile-list{display:grid;gap:12px;color:var(--muted)}.admin-shell{display:grid;grid-template-columns:260px 1fr;gap:18px}.admin-sidebar{position:sticky;top:24px;height:fit-content}.sidebar-title{font-size:1rem;font-weight:800;color:var(--goldsoft);margin-bottom:18px}.side-link{display:block;padding:12px 14px;border-radius:14px;margin-bottom:10px;text-decoration:none;color:var(--text);border:1px solid var(--line);background:rgba(255,255,255,.03)}.side-link.active{background:linear-gradient(135deg,var(--gold),var(--goldsoft));color:#1a1408}.data-table{width:100%;border-collapse:collapse;margin-top:14px}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--goldsoft)}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}.filter-grid .full{grid-column:1/-1}.inline-form{display:grid;gap:8px}.compact-inline{min-width:220px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px}.page-meta{color:var(--muted)}.admin-login-page{display:flex;align-items:center;justify-content:center}.admin-login-shell{width:min(540px,100%)}.centered-login-shell{margin:6vh auto 0 auto}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--goldsoft);font-weight:700}.split-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-stack{display:grid;gap:18px}@media (max-width:1100px){.dashboard-grid,.admin-shell,.filter-grid,.grid,.split-two,.auth-layout,.auth-switch{grid-template-columns:1fr}.admin-sidebar,.info-pane{position:static}.admin-stats-grid{grid-template-columns:1fr}}


/* Add these rules to your existing style.css */
.loan-mini-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}
.compact-stat{padding:14px}
.compact-stat strong{font-size:1rem}
.loans-filter-grid{grid-template-columns:2fr 2fr 2fr 1fr;margin-bottom:14px}
.loan-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 8px}
.toolbar-pill{padding:10px 14px;border-radius:999px;border:1px solid rgba(212,175,55,.14);background:rgba(255,255,255,.03);color:#cfbea4}
.loan-inline-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:8px;align-items:center}
.loan-inline-actions input[type="date"],.loan-inline-actions select{min-width:0}
@media (max-width:1280px){.loan-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.loans-filter-grid,.loan-inline-actions,.loan-mini-stats{grid-template-columns:1fr}}


/* Minimal safe popup text improvement */
.success-justified-box{
  text-align:justify;
  line-height:1.75;
}
.success-justified-box strong{
  color:var(--goldsoft);
}


/* Registration password fields alignment */
.register-grid .password-align{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-self:start;
}
.register-grid .password-align .password-input-wrap,
.register-grid .password-align input{
  width:100%;
  min-height:48px;
}
.register-grid .password-align .inline-note,
.register-grid .password-align .field-note{
  min-height:18px;
}
#passwordMatchMessage{
  display:block;
  min-height:18px;
}

/* Terms and conditions alignment */
.professional-consent{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.professional-consent .left-consent{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:12px;
  align-items:start;
  justify-content:start;
  text-align:left;
}
.professional-consent .left-consent input[type="checkbox"]{
  width:16px;
  height:16px;
  min-height:auto;
  margin:3px 0 0 0;
}
.professional-consent .left-consent span{
  display:block;
  text-align:justify;
  line-height:1.6;
}
.professional-consent .checkbox-note{
  margin:0 0 0 32px;
  text-align:left;
}

/* Popup readability */
.success-justified-box{
  text-align:justify;
  line-height:1.75;
}
.success-justified-box strong{
  color:var(--goldsoft);
}
.modal-scroll-box{max-width:760px}
.terms-scroll-content{
  max-height:52vh;
  overflow:auto;
  padding-right:10px;
  line-height:1.7;
  color:var(--muted);
  text-align:justify;
}
.footer-link{
  color:var(--goldsoft);
  text-decoration:none;
}
.footer-link:hover{text-decoration:underline}


/* Equal login panels with fixed left panel */
.auth-layout-equal{
  align-items:stretch;
}
.auth-layout-equal .info-pane,
.auth-layout-equal .auth-pane{
  min-height:620px;
}
.auth-layout-equal .info-pane{
  position:sticky;
  top:24px;
}
.auth-layout-equal .auth-pane{
  display:flex;
  flex-direction:column;
}

/* Registration password alignment */
.register-grid .password-align{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-self:start;
}
.register-grid .password-align .password-input-wrap,
.register-grid .password-align input{
  width:100%;
  min-height:48px;
}
.register-grid .password-align .inline-note,
.register-grid .password-align .field-note{
  min-height:18px;
}
#passwordMatchMessage{
  display:block;
  min-height:18px;
}

/* Footer and modal styling */
.site-footer{
  margin-top:28px;
  padding:18px 0 8px;
  color:var(--muted);
  font-size:.9rem;
}
.footer-inner{
  width:min(1280px,100%);
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  border-top:1px solid var(--line);
  padding-top:16px;
}
.footer-link{
  color:var(--goldsoft);
  text-decoration:none;
}
.footer-link:hover{
  text-decoration:underline;
}
.modal-scroll-box{
  max-width:760px;
}
.terms-scroll-content{
  max-height:52vh;
  overflow:auto;
  padding-right:10px;
  line-height:1.7;
  color:var(--muted);
  text-align:justify;
}
.compact-loan-terms{
  margin-bottom:12px;
}
@media (max-width:980px){
  .auth-layout-equal .info-pane,
  .auth-layout-equal .auth-pane{
    min-height:auto;
  }
}

.auth-page .contact-strip{justify-content:flex-end}
.step-item strong{display:block;margin-bottom:10px}
.step-item small{display:block;line-height:1.6}
.admin-login-copy{margin-top:16px;text-align:center;color:var(--muted);font-size:.9rem}
.footer-center{justify-content:center;text-align:center}
@media (max-width:980px){
  .contact-strip{justify-content:center}
  .footer-inner{justify-content:center;text-align:center}
}

.bottom-copy{
  margin-top:auto;
  padding-top:22px;
  text-align:center;
  color:var(--muted);
  font-size:.9rem;
}
.admin-login-shell.centered-login-shell{
  min-height:calc(100vh - 56px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.admin-login-shell.centered-login-shell .card{
  display:flex;
  flex-direction:column;
  min-height:560px;
}
.footer-center{
  justify-content:center !important;
  text-align:center;
}
.interest-tab-gap{
  height:12px;
}
.rate-live-note{
  color:var(--goldsoft);
  font-size:.9rem;
  font-weight:700;
  align-self:center;
}
.step-copy{
  display:block;
  margin-top:10px;
  line-height:1.6;
}
@media (max-width:980px){
  .footer-inner{justify-content:center;text-align:center}
}


/* Client login fixed/equal layout */
.auth-layout-fixed{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
}
.auth-layout-fixed .info-pane,
.auth-layout-fixed .auth-pane{
  min-height:620px;
}
.auth-layout-fixed .info-pane{
  position:sticky;
  top:24px;
}
.auth-layout-fixed .auth-pane{
  align-self:start;
}
.auth-layout-fixed .auth-panel.active{
  max-height:none;
}
@media (max-width:980px){
  .auth-layout-fixed{
    grid-template-columns:1fr;
  }
  .auth-layout-fixed .info-pane,
  .auth-layout-fixed .auth-pane{
    min-height:auto;
  }
  .auth-layout-fixed .info-pane{
    position:relative;
    top:0;
  }
}

/* Registration section spacing */
.section-spaced{
  margin-top:26px;
}
.section-spaced:first-of-type{
  margin-top:0;
}
.form-section h4{
  margin-bottom:16px;
}

/* Admin login bottom copyright */
.admin-login-shell.centered-login-shell{
  min-height:calc(100vh - 56px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.admin-login-shell.centered-login-shell .card{
  display:flex;
  flex-direction:column;
  min-height:560px;
}
.bottom-copy{
  margin-top:auto;
  padding-top:28px;
  text-align:center;
  color:var(--muted);
  font-size:.9rem;
}


.spaced-copy{
  display:block;
  margin-top:12px;
}
.approval-inline-actions{
  grid-template-columns:1.5fr 1fr auto;
}
.approval-inline-actions .approval-note{
  grid-column:1 / -1;
  margin-top:4px;
  font-size:.82rem;
  line-height:1.45;
}
.approval-under-review{
  border:1px solid #ff9b9b !important;
  background:rgba(255,120,120,.08) !important;
  color:#fff1f1 !important;
}
.approval-reviewed{
  border:1px solid rgba(201,166,66,.45) !important;
  background:rgba(201,166,66,.10) !important;
  color:var(--goldsoft) !important;
}
.approval-note-pending{
  color:#ffb0b0;
}
.approval-note-reviewed{
  color:var(--goldsoft);
}
.pdf-review-table{
  font-size:12pt;
}
.pdf-review-table th,
.pdf-review-table td{
  border:1px solid rgba(212,175,55,.18);
}


/* unresolved admin approval state styling */
.approval-inline-actions{
  grid-template-columns:1.5fr 1fr auto;
}
.approval-inline-actions .approval-note{
  grid-column:1 / -1;
  margin-top:4px;
  font-size:.82rem;
  line-height:1.45;
}
.approval-under-review{
  border:1px solid #ff9b9b !important;
  background:rgba(255,120,120,.08) !important;
  color:#fff1f1 !important;
}
.approval-reviewed{
  border:1px solid rgba(201,166,66,.45) !important;
  background:rgba(201,166,66,.10) !important;
  color:var(--goldsoft) !important;
}
.approval-note-pending{
  color:#ffb0b0;
}
.approval-note-reviewed{
  color:var(--goldsoft);
}

/* pdf review register */
.pdf-review-table{
  font-size:12pt;
}
.pdf-review-table th,
.pdf-review-table td{
  border:1px solid rgba(212,175,55,.18);
}


.dashboard-link-card{
  text-decoration:none;
  color:inherit;
}
.compact-history-filter{
  margin-bottom:14px;
  grid-template-columns:260px;
}


.notification-card{
  border:1px solid rgba(212,175,55,.14);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.notification-unread strong{
  font-weight:800;
}
.notification-read strong{
  font-weight:600;
}
.notification-body{
  line-height:1.7;
  color:var(--muted);
}
.notification-meta{
  font-size:.9rem;
  color:var(--muted);
}
.report-pdf-option{
  margin:12px 0 16px 0;
}


.modal-actions .btn + .btn{
  margin-left:8px;
}


/* premium loan-site presentation */
:root{
  --surface-2: rgba(255,255,255,0.06);
}
body{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.12), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.06), transparent 18%),
    linear-gradient(180deg, #0a1220 0%, #08111d 100%);
}
.card,
.info-pane,
.auth-pane,
.modal-box{
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
}
.brand img{
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
}
.tab-btn{
  padding:10px 16px;
  border-radius:999px;
}
.btn{
  padding:11px 18px;
  border-radius:12px;
}
.dashboard-stat,
.summary-box,
.history-item,
.notification-card{
  background: var(--surface-2);
  border: 1px solid rgba(212,175,55,.12);
}
.premium-card{
  position: relative;
  overflow: hidden;
}
.premium-card::before{
  content:'';
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, rgba(212,175,55,.95), rgba(255,255,255,.2));
}
.compact-history-item small{
  line-height:1.5;
}
.report-note{
  max-width:900px;
}
@media (max-width:980px){
  .auth-mobile-first .auth-pane{
    order:1;
  }
  .auth-mobile-first .info-pane{
    order:2;
    position:relative;
    top:0;
  }
}


.report-generated-actions{
  margin:0 0 14px 0;
}
.range-topline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:8px;
  color:var(--muted);
  font-size:.92rem;
}
.range-value{
  margin-top:10px;
}


/* enforce auth panel visibility correctly */
.auth-pane .auth-panel{display:none !important;}
.auth-pane .auth-panel.active{display:block !important;}

/* premium blue-black theme */
:root{
  --panel:rgba(8,18,31,.96);
  --panel2:rgba(12,24,40,.98);
  --text:#edf4ff;
  --muted:#bfd0e4;
  --line:rgba(82,133,190,.22);
  --gold:#4f8bd6;
  --goldsoft:#9bc0f2;
  --shadow:0 22px 50px rgba(0,0,0,.42);
  --success:#8fddb7;
  --warn:#f2cf7b;
  --dangerbg:#5a1f2a;
  --bg1:#07101a;
  --bg2:#0d1928;
}
body{
  background:
    radial-gradient(circle at top right,rgba(79,139,214,.18),transparent 24%),
    radial-gradient(circle at bottom left,rgba(24,48,76,.18),transparent 22%),
    linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
}
h2,h3,h4,.eyebrow{color:var(--goldsoft);}
.btn.primary{background:linear-gradient(135deg,#4f8bd6,#9bc0f2);color:#08111c;}
.contact-pill{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));}
.auth-layout-fixed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.auth-layout-fixed .info-pane,.auth-layout-fixed .auth-pane{min-height:700px;}
.auth-layout-fixed .info-pane{position:sticky;top:18px;}
.auth-switch-floating{position:sticky;top:10px;z-index:25;background:rgba(8,18,31,.94);border:1px solid var(--line);border-radius:18px;padding:10px;backdrop-filter:blur(8px);}
.password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.narrow-container{width:min(860px,100%);}
.loan-guidance-box{margin:14px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));color:var(--muted);line-height:1.6}
.report-generated-actions{margin:0 0 14px 0;}
@media (max-width:980px){
  .auth-layout-fixed{grid-template-columns:1fr;}
  .auth-layout-fixed .info-pane,.auth-layout-fixed .auth-pane{min-height:auto;}
  .auth-layout-fixed .info-pane{position:relative;top:0;order:2;}
  .auth-layout-fixed .auth-pane{order:1;}
  .auth-switch-floating{position:fixed;left:12px;right:12px;bottom:12px;top:auto;margin:0;box-shadow:0 12px 24px rgba(0,0,0,.35);}
  .auth-page{padding-bottom:90px;}
  .password-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .contact-pill{width:100%;}
  .card,.info-pane,.auth-pane,.modal-box{padding:16px;border-radius:18px;}
  .brand img{width:72px;height:72px;}
}


.auth-pane .auth-panel{display:none !important;}
.auth-pane .auth-panel.active{display:block !important;}
:root{
  --panel:rgba(8,18,31,.96);
  --panel2:rgba(12,24,40,.98);
  --text:#edf4ff;
  --muted:#bfd0e4;
  --line:rgba(82,133,190,.22);
  --gold:#4f8bd6;
  --goldsoft:#9bc0f2;
  --shadow:0 22px 50px rgba(0,0,0,.42);
  --success:#8fddb7;
  --warn:#f2cf7b;
  --dangerbg:#5a1f2a;
  --bg1:#07101a;
  --bg2:#0d1928;
}
body{
  background:
    radial-gradient(circle at top right,rgba(79,139,214,.18),transparent 24%),
    radial-gradient(circle at bottom left,rgba(24,48,76,.18),transparent 22%),
    linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
}
h2,h3,h4,.eyebrow{color:var(--goldsoft);}
.btn.primary{background:linear-gradient(135deg,#4f8bd6,#9bc0f2);color:#08111c;}
.contact-pill{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));}
.auth-layout-fixed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.auth-layout-fixed .info-pane,.auth-layout-fixed .auth-pane{min-height:700px;}
.auth-layout-fixed .info-pane{position:sticky;top:18px;}
.auth-switch-floating{position:sticky;top:10px;z-index:25;background:rgba(8,18,31,.94);border:1px solid var(--line);border-radius:18px;padding:10px;backdrop-filter:blur(8px);}
.password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.narrow-container{width:min(860px,100%);}
.loan-guidance-box{margin:14px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));color:var(--muted);line-height:1.6}
.report-generated-actions{margin:0 0 14px 0;}
@media (max-width:980px){
  .auth-layout-fixed{grid-template-columns:1fr;}
  .auth-layout-fixed .info-pane,.auth-layout-fixed .auth-pane{min-height:auto;}
  .auth-layout-fixed .info-pane{position:relative;top:0;order:2;}
  .auth-layout-fixed .auth-pane{order:1;}
  .auth-switch-floating{position:fixed;left:12px;right:12px;bottom:12px;top:auto;margin:0;box-shadow:0 12px 24px rgba(0,0,0,.35);}
  .auth-page{padding-bottom:90px;}
  .password-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .contact-pill{width:100%;}
  .card,.info-pane,.auth-pane,.modal-box{padding:16px;border-radius:18px;}
  .brand img{width:72px;height:72px;}
}
