:root{
  --bg:#0a0b10;
  --bg2:#10131a;
  --panel:#141922;
  --panel2:#1a2130;
  --line:rgba(255,255,255,.08);
  --text:#eef2f9;
  --muted:#bfc9da;
  --accent:#d4af37;
  --accent2:#f4d97a;
  --success:#83d19b;
  --danger:#ff8e8e;
  --warn:#f1c56a;
  --shadow:0 18px 48px rgba(0,0,0,.35);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:
radial-gradient(circle at top right, rgba(212,175,55,.1), transparent 18%),
radial-gradient(circle at bottom left, rgba(80,120,255,.08), transparent 22%),
linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.page{min-height:100vh;padding:28px 18px 40px}
.container{max-width:1280px;margin:0 auto}
.narrow-container{max-width:720px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:58px;height:58px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.04);padding:6px}
.brand h1{margin:0;font-size:1.15rem;letter-spacing:.04em}
.brand p{margin:4px 0 0;color:var(--muted);font-size:.92rem}
.contact-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.contact-pill,.status-pill{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:.92rem}
.card{background:linear-gradient(180deg,rgba(20,25,34,.96),rgba(17,22,30,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.card + .card{margin-top:18px}
.eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(212,175,55,.13);color:var(--accent2);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
h2,h3,h4{margin:0 0 12px}
p{line-height:1.65;color:var(--muted)}
.slim-copy{max-width:640px;margin:0 auto 18px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.auth-layout-fixed .info-pane{position:sticky;top:24px}
.auth-pane,.info-pane{min-height:100%}
.auth-switch{display:flex;gap:12px;margin-bottom:20px}
.auth-switch .btn{flex:1}
.auth-panel{display:none}
.auth-panel.active{display:block}
.step-list{display:grid;gap:14px;margin-top:18px}
.step-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.step-item strong{display:block;margin-bottom:10px}
.step-copy{display:block;margin-top:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:14px;background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;font-weight:700;transition:.2s ease}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#121212}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.actions-stretch .btn{flex:1}
.grid{display:grid;gap:16px}
.one-col{grid-template-columns:1fr}
.register-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:.92rem;font-weight:700;color:var(--text)}
.field input,.field textarea,.field select{width:100%;padding:14px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0f141d;color:var(--text);outline:none}
.field textarea{resize:vertical}
.field-has-error input,.field-has-error textarea,.field-has-error select{border-color:rgba(255,142,142,.7)}
.field-note,.inline-note{font-size:.82rem;color:var(--danger)}
.inline-note.success{color:var(--success)}
.full{grid-column:1/-1}
.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}
.form-section{margin-top:26px;padding-top:12px;border-top:1px solid var(--line)}
.form-section h4{margin-bottom:16px}
.terms-box{padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.professional-consent{display:grid;gap:12px;margin-top:14px}
.left-consent{display:flex;align-items:flex-start;gap:12px;justify-content:flex-start;text-align:left}
.left-consent input{margin-top:4px}
.checkbox-note{margin-left:30px}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;align-items:center;justify-content:center;padding:20px;z-index:90}
.modal-overlay.active{display:flex}
.modal-box{width:min(100%,560px);background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px}
.modal-scroll-box{max-height:85vh;overflow:auto}
.modal-status,.success-justified-box{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);line-height:1.65}
.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.error-box,.success-box,.cap-warning-box{padding:14px 16px;border-radius:16px;margin:12px 0;border:1px solid var(--line)}
.error-box{background:rgba(255,90,90,.08);color:#ffd7d7}
.success-box{background:rgba(74,163,96,.12);color:#dbffe3}
.cap-warning-box{background:rgba(241,197,106,.12);color:#fff1c5}
.error-list-box ul{margin:10px 0 0 18px}
.site-footer{margin-top:28px}
.footer-inner{padding:16px 10px;color:var(--muted);font-size:.88rem}
.footer-center{text-align:center}
.footer-link{color:var(--accent2)}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.dashboard-stat{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.dashboard-stat span{color:var(--muted);font-size:.88rem}
.dashboard-stat strong{font-size:1.35rem}
.dashboard-stat small{color:var(--muted)}
.clickable-card{text-decoration:none}
.tab-bar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.tab-btn{padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);font-weight:700}
.tab-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111}
.tab-panel{display:none}
.tab-panel.active{display:block}
.split-two{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.panel-stack{display:grid;gap:18px}
.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.history-list,.profile-list{display:grid;gap:14px;margin-top:12px}
.history-item,.notification-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.notification-unread{font-weight:700}
.notification-unread strong{display:block;margin-bottom:10px}
.notification-read{opacity:.88}
.notification-body{margin-top:12px;color:var(--muted);line-height:1.65}
.notification-meta{margin-top:12px;color:var(--muted);font-size:.86rem}
.pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.page-meta{color:var(--muted);font-size:.92rem}
.tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:.8rem;margin-top:10px}
.tag.success{background:rgba(74,163,96,.16);color:#d6ffe1}
.tag.warn{background:rgba(241,197,106,.16);color:#fff1c5}
.range-wrap{margin-top:8px}
.range-topline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:10px}
.range-value,.summary-value{font-size:1.3rem;font-weight:700;margin-top:10px}
input[type=range]{width:100%}
.summary-box{margin-top:14px;padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.loan-apply-box .actions{margin-top:20px}
.report-note{margin:0 0 14px}
.stack{display:grid;gap:16px}
.admin-page .card{padding:22px}
.table-responsive{overflow:auto;margin-top:14px}
.data-table{width:100%;border-collapse:collapse;min-width:760px}
.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.data-table th{background:rgba(255,255,255,.04);position:sticky;top:0}
.toolbar-form,.stacked-form,.inline-form-stack{display:grid;gap:12px}
.toolbar-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}
.inline-form-stack select,.inline-form-stack input{min-width:160px}
.inline-form-stack{grid-template-columns:1fr;max-width:220px}
.danger-btn{background:rgba(255,90,90,.15);color:#ffd8d8}
.copyright-note{margin-top:20px;text-align:center;color:var(--muted);font-size:.88rem}
.dashboard-copyright{padding-bottom:6px}
.compact-admin-auth .admin-login-card{max-width:560px;margin:48px auto 0}
.admin-auth-wrap{max-width:760px}
.narrow-container .admin-login-card{max-width:560px;margin:40px auto 0}
.toolbar-form .actions{margin-top:0}
.profile-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-list div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.status-pill{white-space:nowrap}
@media (max-width: 1100px){
  .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .split-two,.auth-layout{grid-template-columns:1fr}
  .auth-layout-fixed .info-pane{position:static}
}
@media (max-width: 760px){
  .page{padding:18px 12px 30px}
  .register-grid,.dashboard-grid,.profile-list,.toolbar-form{grid-template-columns:1fr}
  .data-table{min-width:640px}
  .actions,.contact-strip,.tab-bar{gap:8px}
  .brand img{width:50px;height:50px}
  .card{padding:18px}
}


/* Step 2: admin login only */
.admin-auth-shell{
  max-width:980px !important;
}
.admin-auth-card{
  max-width:920px !important;
  margin:40px auto 0 !important;
}
.admin-auth-row{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
}
.admin-auth-logo{
  width:96px !important;
  height:96px !important;
  max-width:96px !important;
  object-fit:contain !important;
  margin:0 auto !important;
}
.copyright-note{
  text-align:center !important;
}
@media (max-width:760px){
  .admin-auth-shell,
  .admin-auth-card{
    max-width:100% !important;
  }
  .admin-auth-row{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}


/* ===== Fresh admin baseline integration ===== */

/* shared clean logo handling for admin only */
.brand img,
.admin-auth-logo{
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

/* admin login from uploaded baseline */
.admin-login-page{
  display:flex;
  align-items:center;
  justify-content:center;
}
.admin-login-shell{
  width:min(680px, 100%);
  margin:0 auto;
}
.centered-brand{
  justify-content:center;
  text-align:center;
  margin-bottom:12px;
}
.admin-login-actions{
  justify-content:flex-start;
}

/* admin dashboard vertical sidebar layout */
.wide-container{
  max-width:1400px;
}
.admin-shell{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.admin-sidebar{
  position:sticky;
  top:20px;
  display:grid;
  gap:10px;
}
.sidebar-title{
  font-size:1rem;
  font-weight:700;
  margin-bottom:6px;
  color:var(--accent2);
  letter-spacing:.03em;
}
.side-link{
  display:block;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  font-weight:700;
}
.side-link:hover{
  background:rgba(255,255,255,.08);
  color:var(--text);
}
.side-link.active{
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#111;
  border-color:transparent;
}
.admin-main{
  display:grid;
  gap:18px;
}

/* cards and overview */
.dashboard-link-card{
  text-decoration:none;
}
.admin-stats-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.loan-mini-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.compact-stat{
  min-height:0;
}
.interest-tab-gap{
  height:8px;
}

/* forms and actions */
.filter-grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
}
.loans-filter-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.loan-inline-actions{
  display:grid;
  gap:8px;
  max-width:240px;
}
.approval-inline-actions{
  max-width:260px;
}
.approval-under-review{
  border-color:rgba(241,197,106,.6) !important;
}
.approval-reviewed{
  border-color:rgba(131,209,155,.55) !important;
}
.approval-note{
  display:block;
  font-size:.78rem;
  line-height:1.35;
}
.approval-note-pending{
  color:var(--warn);
}
.approval-note-reviewed{
  color:var(--success);
}
.inline-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.btn.danger,
.danger{
  background:rgba(255,90,90,.15);
  color:#ffd8d8;
}
.loan-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 6px;
}
.toolbar-pill{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  font-size:.9rem;
}
.range-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.85rem;
  margin-top:8px;
}
.loan-range-slider{
  width:100%;
}
.transaction-table-wrap{
  overflow:auto;
  margin-top:10px;
}
.transaction-table-wrap .data-table{
  min-width:780px;
}
.site-footer{
  margin-top:20px;
}

@media (max-width:1200px){
  .admin-stats-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:1020px){
  .admin-shell{
    grid-template-columns:1fr;
  }
  .admin-sidebar{
    position:static;
  }
  .loan-mini-stats,
  .filter-grid,
  .loans-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .wide-container{
    max-width:100%;
  }
  .admin-stats-grid,
  .loan-mini-stats,
  .filter-grid,
  .loans-filter-grid{
    grid-template-columns:1fr;
  }
  .admin-login-shell{
    width:100%;
  }
  .admin-login-actions{
    flex-direction:column;
    align-items:stretch;
  }
}


/* IT_ERROR_REPORT_BUTTON_AND_PAGE */
.admin-login-actions .btn,
.actions .btn{white-space:nowrap}
.it-report-shell{max-width:860px;margin:0 auto}
.it-report-card{position:relative;overflow:hidden;border-color:rgba(212,175,55,.2)}
.it-report-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 36%);pointer-events:none}
.it-report-card>*{position:relative}
.it-ticket-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(212,175,55,.14);color:var(--accent2);font-weight:800;margin-bottom:12px}
.it-report-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.it-report-success{position:fixed;inset:0;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}
.it-report-success .modal-box{text-align:center}
.it-report-success strong{color:var(--accent2);font-size:1.2rem}


/* INTEGER_INTEREST_SLIDER_AND_MANUAL_POPUP_FIX */
.live-rate-form{
  grid-template-columns:1fr 2fr 1fr auto !important;
}
.live-rate-form .range-field.full{
  grid-column:auto !important;
}
.range-field input[type=range]{
  width:100%;
  accent-color:var(--accent);
  cursor:pointer;
  height:34px;
}
.range-field label strong,
#selectedInterestOutputMeta{
  color:var(--accent2);
}
.range-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
  color:var(--muted);
  font-size:.86rem;
}
.premium-mini-blocks{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.compact-settings-history .data-table,
.older-settings-scroll .data-table{
  font-size:.9rem;
}
.older-settings-details{
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.03);
}
.older-settings-details summary{
  cursor:pointer;
  color:var(--accent2);
  font-weight:700;
}
.older-settings-scroll{
  max-height:260px;
  overflow:auto;
  margin-top:12px;
}
@media(max-width:1050px){
  .live-rate-form,
  .premium-mini-blocks{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:760px){
  .live-rate-form,
  .premium-mini-blocks{
    grid-template-columns:1fr !important;
  }
}


/* PROFESSIONAL_CLEANUP_COMPACT_BLOCKS_AND_SPACING */
:root{
  --pro-card-glow:0 16px 38px rgba(0,0,0,.28);
}
.card{
  border-color:rgba(212,175,55,.13) !important;
}
.admin-main{
  gap:14px !important;
}
.admin-main .card{
  padding:18px !important;
  border-radius:20px !important;
}
.admin-main .card:first-of-type{
  padding:13px 15px !important;
}
.section-title{
  gap:18px !important;
  margin-bottom:14px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.section-title h2,
.section-title h3,
.section-title h4,
.card h3,
.card h4{
  margin-bottom:8px !important;
  line-height:1.22 !important;
}
.report-note,
.card p,
.admin-main small,
.history-item,
.notification-body{
  line-height:1.58 !important;
  word-spacing:.03em !important;
}
.dashboard-grid{
  gap:10px !important;
  margin-top:12px !important;
}

/* Compact overview and manage-loans blocks */
.dashboard-grid.admin-stats-grid,
.dashboard-grid.loan-mini-stats{
  gap:8px !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat,
.dashboard-grid.loan-mini-stats .dashboard-stat{
  padding:9px 10px !important;
  min-height:72px !important;
  border-radius:14px !important;
  gap:3px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat span,
.dashboard-grid.loan-mini-stats .dashboard-stat span{
  font-size:.74rem !important;
  line-height:1.18 !important;
  color:#c8d1df !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat strong,
.dashboard-grid.loan-mini-stats .dashboard-stat strong{
  font-size:.95rem !important;
  line-height:1.08 !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat small,
.dashboard-grid.loan-mini-stats .dashboard-stat small{
  font-size:.68rem !important;
  line-height:1.22 !important;
  color:#aeb9ca !important;
}
.dashboard-link-card:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.40) !important;
}

/* Premium button polish */
.btn{
  min-height:40px !important;
  padding:10px 15px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  letter-spacing:.01em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.btn.primary{
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  color:#111 !important;
  box-shadow:0 12px 28px rgba(212,175,55,.16), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.32) !important;
}
.danger,
.btn.danger,
.danger-btn{
  background:rgba(255,90,90,.14) !important;
  border-color:rgba(255,142,142,.22) !important;
  color:#ffd8d8 !important;
}

/* Better form/text spacing across tabs */
.field{
  gap:6px !important;
  margin-bottom:10px !important;
}
.field label{
  margin-bottom:4px !important;
  color:#f2f5fa !important;
  font-size:.88rem !important;
  line-height:1.35 !important;
}
.field input,
.field select,
.field textarea{
  min-height:42px !important;
  padding:11px 12px !important;
  border-radius:13px !important;
  border-color:rgba(255,255,255,.11) !important;
}
.filter-grid,
.loans-filter-grid,
.toolbar-form,
.stacked-form{
  gap:12px !important;
}
.actions,
.inline-actions,
.loan-toolbar,
.modal-actions,
.it-report-actions{
  gap:10px !important;
}
.loan-toolbar{
  margin:12px 0 8px !important;
}
.toolbar-pill{
  padding:8px 11px !important;
  line-height:1.3 !important;
}

/* Cleaner data tables */
.data-table th,
.data-table td{
  padding:11px 10px !important;
  line-height:1.42 !important;
}
.data-table th{
  color:var(--accent2) !important;
}

/* Professional Manage Interest Rates */
.premium-rates-card{
  border:1px solid rgba(212,175,55,.18) !important;
  background:
    radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 32%),
    linear-gradient(180deg,rgba(20,25,34,.98),rgba(14,18,27,.98)) !important;
}
.premium-rates-card .section-title{
  align-items:flex-start !important;
}
.premium-mini-blocks{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
}
.premium-mini-blocks .dashboard-stat{
  min-height:76px !important;
  padding:10px !important;
}
.live-rate-form{
  margin-top:18px !important;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  align-items:end !important;
}
.live-rate-form .field{
  margin-bottom:0 !important;
}
.range-field{
  min-width:0;
}
.range-field input[type=range]{
  height:36px;
  width:100%;
  accent-color:var(--accent);
}
.range-field label{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.range-field label strong,
#selectedInterestOutputMeta,
#selectedInterestOutput{
  color:var(--accent2);
}
.range-meta{
  padding-top:2px;
}
.compact-settings-history,
.older-settings-scroll{
  border-radius:16px;
}
.older-settings-details{
  margin-top:14px !important;
}
.older-settings-details summary{
  padding:2px 0;
}

/* Client side instant/live feel */
.summary-box,
.history-item,
.notification-card,
.profile-list div{
  border-color:rgba(212,175,55,.10) !important;
}
.range-value,
.summary-value{
  color:#fff !important;
}

/* Responsive tightening */
@media(max-width:1200px){
  .dashboard-grid.admin-stats-grid,
  .dashboard-grid.loan-mini-stats,
  .premium-mini-blocks{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  .dashboard-grid.admin-stats-grid,
  .dashboard-grid.loan-mini-stats,
  .premium-mini-blocks,
  .live-rate-form{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:760px){
  .admin-main .card{
    padding:15px !important;
  }
  .dashboard-grid.admin-stats-grid,
  .dashboard-grid.loan-mini-stats,
  .premium-mini-blocks,
  .live-rate-form{
    grid-template-columns:1fr !important;
  }
  .dashboard-grid.admin-stats-grid .dashboard-stat,
  .dashboard-grid.loan-mini-stats .dashboard-stat{
    min-height:auto !important;
  }
}


/* SPACING_AND_FORM_ALIGNMENT_INCREMENT */
:root{
  --space-xs:6px;
  --space-sm:10px;
  --space-md:14px;
  --space-lg:18px;
  --space-xl:24px;
}

/* consistent vertical rhythm */
.card > * + *,
.tab-panel > * + *,
.admin-main > * + *,
.panel-stack > * + *,
.history-list > * + *,
.profile-list > * + *{
  margin-top:var(--space-md);
}
.card h2,
.card h3,
.card h4,
.section-title h2,
.section-title h3,
.section-title h4{
  margin-top:0 !important;
  margin-bottom:var(--space-sm) !important;
  line-height:1.28 !important;
}
.card p,
.report-note,
.section-title p,
.step-copy,
.notification-body,
.history-item small,
.dashboard-stat small{
  line-height:1.62 !important;
  margin-top:var(--space-xs) !important;
  margin-bottom:var(--space-sm) !important;
}
.section-title{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:var(--space-lg) !important;
  margin-bottom:var(--space-lg) !important;
}
.section-title > div{
  display:grid;
  gap:var(--space-xs);
}

/* fields and labels */
.field{
  display:flex !important;
  flex-direction:column !important;
  gap:var(--space-xs) !important;
  margin-bottom:var(--space-md) !important;
}
.field label{
  display:block !important;
  margin:0 0 var(--space-xs) 0 !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
.field input,
.field select,
.field textarea{
  margin:0 !important;
  line-height:1.4 !important;
}
.field textarea{
  min-height:120px;
}
.field .inline-note,
.field .field-note{
  margin-top:var(--space-xs) !important;
  line-height:1.45 !important;
}

/* grid spacing and horizontal spacing */
.grid,
.register-grid,
.filter-grid,
.loans-filter-grid,
.toolbar-form,
.stacked-form,
.inline-form-stack,
.rates-caps-grid,
.live-rate-form{
  gap:var(--space-lg) !important;
  align-items:end !important;
}
.actions,
.inline-actions,
.admin-login-actions,
.modal-actions,
.it-report-actions,
.loan-toolbar,
.contact-strip,
.auth-switch{
  gap:var(--space-md) !important;
}
.actions,
.admin-login-actions,
.it-report-actions{
  margin-top:var(--space-lg) !important;
}
.actions .btn,
.inline-actions .btn,
.it-report-actions .btn{
  margin:0 !important;
}

/* form rows inside tables */
.loan-inline-actions{
  gap:var(--space-sm) !important;
}
.loan-inline-actions select,
.loan-inline-actions input,
.loan-inline-actions button{
  margin-bottom:0 !important;
}
.approval-note{
  margin-top:var(--space-xs) !important;
}

/* tabs */
.tab-bar{
  gap:var(--space-sm) !important;
  margin:var(--space-xl) 0 var(--space-lg) !important;
}
.tab-btn{
  margin:0 !important;
}

/* tables */
.table-responsive{
  margin-top:var(--space-md) !important;
}
.data-table th,
.data-table td{
  padding:12px 12px !important;
  line-height:1.5 !important;
}
.data-table td small{
  display:inline-block;
  margin-top:4px;
  line-height:1.45;
}

/* cards/stat blocks spacing */
.dashboard-grid{
  gap:var(--space-md) !important;
}
.dashboard-stat{
  justify-content:flex-start !important;
}
.dashboard-stat span,
.dashboard-stat strong,
.dashboard-stat small{
  display:block !important;
}
.dashboard-stat span + strong{
  margin-top:4px !important;
}
.dashboard-stat strong + small{
  margin-top:4px !important;
}

/* report IT form */
.it-report-card .grid{
  row-gap:var(--space-lg) !important;
  column-gap:var(--space-lg) !important;
}
.it-report-card .field.full{
  margin-top:0 !important;
}
.it-report-card textarea{
  min-height:150px !important;
}

/* responsive spacing */
@media(max-width:760px){
  .section-title{
    flex-direction:column !important;
    gap:var(--space-sm) !important;
  }
  .actions,
  .inline-actions,
  .admin-login-actions,
  .it-report-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .actions .btn,
  .inline-actions .btn,
  .admin-login-actions .btn,
  .it-report-actions .btn{
    width:100%;
  }
  .data-table th,
  .data-table td{
    padding:10px 9px !important;
  }
}


/* FINAL_KEY_REPORTS_LIVE_REPAYABLE_BLOCK_VISIBILITY */
.support-btn{
  background:linear-gradient(135deg,#4f8cff,#6f6bff) !important;
  color:#fff !important;
  border:1px solid rgba(111,107,255,.42) !important;
  box-shadow:0 10px 24px rgba(79,140,255,.26) !important;
  font-weight:800 !important;
}
.support-btn:hover{
  background:linear-gradient(135deg,#3b6fe0,#5a55e0) !important;
  box-shadow:0 14px 28px rgba(79,140,255,.36) !important;
}

.dashboard-grid.admin-stats-grid .dashboard-stat span,
.dashboard-grid.loan-mini-stats .dashboard-stat span,
.premium-mini-blocks .dashboard-stat span{
  font-size:.86rem !important;
  font-weight:800 !important;
  color:#f2f5fb !important;
  letter-spacing:.01em !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat strong,
.dashboard-grid.loan-mini-stats .dashboard-stat strong,
.premium-mini-blocks .dashboard-stat strong{
  font-size:1.14rem !important;
  font-weight:900 !important;
  color:#ffffff !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat small,
.dashboard-grid.loan-mini-stats .dashboard-stat small,
.premium-mini-blocks .dashboard-stat small{
  font-size:.78rem !important;
  font-weight:700 !important;
  color:#d1d9e8 !important;
}
.dashboard-grid.admin-stats-grid .dashboard-stat,
.dashboard-grid.loan-mini-stats .dashboard-stat,
.premium-mini-blocks .dashboard-stat{
  min-height:84px !important;
}
.premium-rates-card .dashboard-stat span,
.premium-rates-card .dashboard-stat strong,
.premium-rates-card .dashboard-stat small{
  text-shadow:0 1px 1px rgba(0,0,0,.22);
}
.report-filter-grid select[name="extended_report_type"]{
  color:#101010 !important;
  background:linear-gradient(180deg,#fffdf3,#f8edc6) !important;
  font-weight:800 !important;
}
.report-filter-grid select[name="extended_report_type"] option{
  color:#101010 !important;
  background:#ffffff !important;
}

/* TECH SUPPORT BUTTON WITH ICON */
.tech-support-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,#00c6ff,#0072ff);
  color:#fff !important;
  font-weight:800;
  border-radius:14px;
  padding:10px 16px;
  box-shadow:0 12px 30px rgba(0,114,255,0.3);
}
.tech-support-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(0,114,255,0.4);
}


/* KEY_REPORTS_YEAR_MONTH_CUSTOM_FILTERS */
.report-summary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:14px 0 !important;
}
.report-summary-grid .dashboard-stat span{
  font-weight:800 !important;
  color:#f2f5fb !important;
}
.report-summary-grid .dashboard-stat strong{
  font-size:1.08rem !important;
  color:#fff !important;
}
.compact-report-filters{
  grid-template-columns:1.3fr 1fr .75fr .9fr .95fr .95fr auto !important;
}
.report-actions-row{
  display:flex !important;
  flex-direction:row !important;
  gap:10px !important;
  align-items:end !important;
}
.compact-report-table-wrap{
  max-height:600px;
  overflow:auto;
}
.compact-report-table th,
.compact-report-table td{
  padding:10px 9px !important;
}
@media(max-width:1200px){
  .compact-report-filters,
  .report-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .compact-report-filters,
  .report-summary-grid{
    grid-template-columns:1fr !important;
  }
  .report-actions-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }
}


/* SELECTED_KEY_REPORTS_NO_DUPLICATES */
.report-filter-grid select[name="extended_report_type"] option{
  color:#101010 !important;
  background:#ffffff !important;
}
.compact-report-table th,
.compact-report-table td{
  white-space:normal;
}


/* REPORTS_PLUS_5_VISIBILITY_COMPACT */
.report-filter-grid select,
.report-filter-grid input[type="date"],
.report-filter-grid input[type="number"]{
  color:#101010 !important;
  background:linear-gradient(180deg,#ffffff,#f5f0dc) !important;
  border:1px solid rgba(212,175,55,.35) !important;
  font-weight:800 !important;
}
.report-filter-grid select option{
  color:#101010 !important;
  background:#ffffff !important;
  font-weight:700 !important;
}
.report-filter-grid label{
  color:#f4d97a !important;
  font-weight:900 !important;
  margin-bottom:7px !important;
}
.report-summary-grid{
  gap:8px !important;
  margin:10px 0 12px !important;
}
.report-summary-grid .dashboard-stat{
  padding:8px 10px !important;
  min-height:68px !important;
  border-radius:13px !important;
}
.report-summary-grid .dashboard-stat span{
  font-size:.75rem !important;
  font-weight:900 !important;
}
.report-summary-grid .dashboard-stat strong{
  font-size:.98rem !important;
  font-weight:900 !important;
}
.report-summary-grid .dashboard-stat small{
  font-size:.68rem !important;
  font-weight:700 !important;
}
.compact-report-table-wrap{
  max-height:560px !important;
}
.compact-report-table th,
.compact-report-table td{
  padding:9px 8px !important;
  line-height:1.38 !important;
}