:root{--primary:#3157d5;--primary-dark:#2444b8;--primary-soft:#eef2ff;--bg:#f5f6fa;--text:#182033;--muted:#748094;--border:#e7e9f0;--sidebar:#172033;--sidebar-muted:#a8b0c0;--shadow:0 10px 30px rgba(32,45,78,.07)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgba(49,87,213,.07),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 35%),var(--sidebar);padding:22px 16px;z-index:1040}.brand{font-size:1.35rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:11px;padding:0 10px 28px}.brand-icon,.login-logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#486ce1,#2748be);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(49,87,213,.35)}.nav-app{color:var(--sidebar-muted);padding:12px 13px;border-radius:11px;display:flex;align-items:center;gap:12px;margin-bottom:6px;text-decoration:none;font-weight:700}.nav-app:hover,.nav-app.active{background:rgba(255,255,255,.085);color:#fff}.nav-app.active{box-shadow:inset 3px 0 0 #6f8cff}.sidebar-footer{position:absolute;bottom:18px;left:16px;right:16px;border-top:1px solid #374151;padding-top:16px;color:#fff}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:74px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:1020}.content{padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.035em}.page-subtitle{color:var(--muted);margin:7px 0 0}.card-soft{background:rgba(255,255,255,.97);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.metric{padding:22px;position:relative;overflow:hidden}.metric-label{color:var(--muted);font-size:.86rem;font-weight:700}.metric-value{font-size:1.8rem;font-weight:800;margin-top:8px}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.metric.highlight{border-color:#cfd8ff;background:linear-gradient(180deg,#fbfcff,#f3f6ff)}.btn{border-radius:10px;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 6px 16px rgba(49,87,213,.18)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.table{margin:0}.table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.table td{vertical-align:middle;padding-top:14px;padding-bottom:14px}.table tbody tr.clickable{cursor:pointer}.table tbody tr:hover{background:#fafbfe}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:800}.status-active,.status-future{background:#dbeafe;color:#1d4ed8}.status-paid{background:#dcfce7;color:#166534}.status-overdue{background:#fee2e2;color:#b91c1c}.status-partial{background:#ffedd5;color:#9a3412}.section-head{padding:19px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.section-title{font-size:1.06rem;font-weight:800;margin:0}.section-body{padding:22px}.kv{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px dashed #e8ebef}.kv span:first-child{color:var(--muted)}.loan-card{padding:22px;border-left:4px solid var(--primary)}.profile-avatar{width:62px;height:62px;border-radius:18px;background:#e9eeff;color:var(--primary);display:grid;place-items:center;font-size:1.25rem;font-weight:800}.form-label{font-weight:700;font-size:.88rem}.form-control,.form-select{min-height:46px;border-radius:10px;border-color:#dfe3ec}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 15%,rgba(49,87,213,.12),transparent 28%),#f2f4f9}.login-card{width:min(420px,100%);padding:32px;text-align:center}.login-logo{width:52px;height:52px;margin:0 auto 14px}.login-card h1{font-weight:800}.login-card p,.login-card small{color:var(--muted)}.mobile-toggle{display:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-head{text-align:center;font-size:.8rem;font-weight:800;color:var(--muted)}.cal-day{min-height:105px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px}.cal-event{font-size:.72rem;padding:5px;border-radius:6px;margin-top:6px}.event-blue{background:#dbeafe;color:#1d4ed8}.event-red{background:#fee2e2;color:#b91c1c}.event-green{background:#dcfce7;color:#166534}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-toggle{display:inline-flex}.content{padding:18px}.page-head{flex-direction:column}.table-responsive{font-size:.88rem}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%}.content{padding:0}.card-soft{box-shadow:none}}

/* Professional dashboard upgrade */
body{font-family:'Manrope',Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#f3f6ff 100%);border:1px solid #e1e6f5;box-shadow:0 14px 38px rgba(32,45,78,.075);position:relative;overflow:hidden}
.dashboard-hero:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(49,87,213,.15),rgba(49,87,213,0) 70%)}
.dashboard-hero>div{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.73rem;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.metric{min-height:142px}.metric-note{font-size:.72rem;color:#9aa3b4;margin-top:9px;font-weight:600}.metric-blue .metric-icon{background:#edf3ff;color:#3157d5}.metric-green .metric-icon{background:#eafaf1;color:#15803d}.metric-violet .metric-icon{background:#f1edff;color:#6d4bd3}.metric-orange .metric-icon{background:#fff3e6;color:#d97706}.metric:before{content:'';position:absolute;inset:auto -24px -38px auto;width:100px;height:100px;border-radius:50%;background:currentColor;opacity:.025}
.section-title{display:flex;align-items:center}.section-icon{color:var(--primary);width:28px}.section-subtitle{font-size:.78rem;color:var(--muted);margin-top:4px}.premium-table thead th{background:#fafbfe;border-bottom:1px solid #edf0f5;padding-top:13px;padding-bottom:13px}.premium-table tbody td{padding-top:16px;padding-bottom:16px}.client-cell{display:flex;align-items:center;gap:12px}.client-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#eef2ff,#dde5ff);color:var(--primary);font-size:.78rem;font-weight:800;box-shadow:inset 0 0 0 1px rgba(49,87,213,.1)}.loan-count{display:inline-flex;align-items:center;gap:7px;color:#566176;font-weight:700}.loan-count i{color:#8a96aa}.debt-value{font-size:.98rem}.status-inactive{background:#eef0f4;color:#697386}.icon-btn{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:#f4f6fa;color:#667085;text-decoration:none;border:1px solid #e8ebf1;transition:.18s}.icon-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateX(2px)}
.quick-actions{padding:10px}.quick-action{display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:12px;padding:12px;border-radius:13px;color:var(--text);text-decoration:none;transition:.18s}.quick-action:hover{background:#f7f8fc;transform:translateX(2px)}.quick-action small{display:block;color:var(--muted);font-size:.73rem;margin-top:2px}.quick-action>i{color:#a4adbc;font-size:.78rem}.quick-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.quick-icon.blue{background:#edf3ff;color:#3157d5}.quick-icon.green{background:#eafaf1;color:#15803d}.quick-icon.violet{background:#f1edff;color:#6d4bd3}.quick-icon.orange{background:#fff3e6;color:#d97706}.recent-list{padding:8px 12px 14px}.recent-payment{display:flex;align-items:center;gap:11px;padding:12px 8px;border-bottom:1px solid #eff1f5}.recent-payment:last-child{border-bottom:0}.recent-payment small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.payment-symbol{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eafaf1;color:#15803d}
.card-soft{transition:box-shadow .2s ease,transform .2s ease}.card-soft:hover{box-shadow:0 16px 38px rgba(32,45,78,.095)}
@media(max-width:991px){.dashboard-hero{align-items:flex-start;flex-direction:column;padding:22px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.premium-table{min-width:720px}}


/* Polished client profile */
.client-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f4f7ff 100%);border:1px solid #e1e6f5;box-shadow:0 14px 38px rgba(32,45,78,.075);position:relative;overflow:hidden}.client-profile-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-135px;background:radial-gradient(circle,rgba(49,87,213,.14),transparent 70%)}.client-identity,.client-actions{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.client-actions{justify-content:flex-end;flex-wrap:wrap}.profile-avatar-lg{width:74px;height:74px;border-radius:22px;font-size:1.45rem;box-shadow:0 10px 24px rgba(49,87,213,.16)}.client-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.84rem;margin-top:8px}.client-meta span{display:inline-flex;align-items:center;gap:7px}.client-meta a{color:inherit;text-decoration:none}.client-meta i{color:#8d99ae}.client-balance-card{padding:28px;background:linear-gradient(145deg,#172033,#263554);color:#fff;overflow:hidden;position:relative}.client-balance-card:after{content:'';position:absolute;width:250px;height:250px;border-radius:50%;right:-95px;bottom:-125px;background:radial-gradient(circle,rgba(111,140,255,.28),transparent 68%)}.balance-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.client-balance-card .eyebrow,.client-balance-card .text-muted{color:#b8c2d4!important}.balance-amount{font-size:2.45rem;font-weight:800;letter-spacing:-.05em;margin:7px 0 3px}.balance-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:1.15rem}.repayment-progress{position:relative;z-index:1}.repayment-progress span{color:#c8d0de;font-size:.78rem}.progress{height:8px;border-radius:999px;background:#e8ebf2;overflow:hidden}.client-balance-card .progress{background:rgba(255,255,255,.12)}.progress-bar{background:linear-gradient(90deg,#5576eb,#7894ff);border-radius:999px}.balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:1}.balance-grid>div{padding:13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);border-radius:13px}.balance-grid small,.mini-finance-card small,.loan-data-grid small,.contact-row small{display:block;color:var(--muted);font-size:.72rem;font-weight:700;margin-bottom:4px}.balance-grid small{color:#abb6c8}.balance-grid strong{font-size:.94rem}.mini-finance-card{display:flex;align-items:center;gap:14px;padding:18px}.mini-finance-card strong{display:block;font-size:1.05rem}.mini-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.mini-icon.blue{background:#edf3ff;color:#3157d5}.mini-icon.green{background:#eafaf1;color:#15803d}.mini-icon.violet{background:#f1edff;color:#6d4bd3}.mini-icon.orange{background:#fff3e6;color:#d97706}.polished-loan-card{padding:22px;border-left:4px solid var(--primary)}.loan-card-head,.loan-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.loan-doc-icon{width:44px;height:44px;border-radius:13px;background:#edf3ff;color:var(--primary);display:grid;place-items:center}.loan-title{display:block;font-size:1rem}.loan-card-head small{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}.loan-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.loan-data-grid>div{padding:13px;background:#f8f9fc;border-radius:12px}.loan-data-grid strong{font-size:.93rem}.loan-progress{padding:15px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.loan-progress .d-flex{font-size:.75rem;color:var(--muted);font-weight:700;margin-bottom:7px}.loan-card-footer{padding-top:15px;color:#667085;font-size:.82rem}.profile-side-body{padding:10px 20px 20px}.contact-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #eff1f5}.contact-row:last-child{border-bottom:0}.contact-row>i{width:38px;height:38px;border-radius:11px;background:#f0f3fb;color:var(--primary);display:grid;place-items:center}.contact-row a,.contact-row span{color:var(--text);font-weight:700;text-decoration:none;font-size:.87rem}.discipline-card{padding:20px;display:flex;gap:15px;align-items:flex-start}.discipline-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto}.discipline-card.success .discipline-icon{background:#eafaf1;color:#15803d}.discipline-card.warning .discipline-icon{background:#fff3e6;color:#d97706}.discipline-card.neutral .discipline-icon{background:#eef0f4;color:#697386}.discipline-card small{font-size:.68rem;letter-spacing:.1em;font-weight:800;color:var(--muted)}.discipline-card h3{font-size:1rem;font-weight:800;margin:4px 0}.discipline-card p{font-size:.78rem;color:var(--muted);margin:0;line-height:1.55}.notes-box{padding:20px;color:#596579;font-size:.86rem;line-height:1.7;min-height:110px}.activity-timeline{padding:10px 22px 20px}.activity-item{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:12px 0;position:relative}.activity-item:not(:last-child):after{content:'';position:absolute;left:19px;top:46px;bottom:-8px;width:1px;background:#e5e9f1}.activity-dot{width:40px;height:40px;border-radius:12px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;z-index:1}.activity-item strong{font-size:.85rem}.activity-item p{font-size:.75rem;color:var(--muted);margin:2px 0}.activity-item small{font-size:.69rem;color:#9aa3b4}.empty-state{text-align:center;padding:50px 24px}.empty-state>i{font-size:2rem;color:#9ca8bd}.empty-state h3{font-size:1rem;font-weight:800;margin:14px 0 5px}.empty-state p{color:var(--muted);font-size:.84rem}
@media(max-width:1199px){.client-profile-hero{align-items:flex-start;flex-direction:column}.client-actions{width:100%;justify-content:flex-start}.balance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.client-profile-hero{padding:21px}.client-identity{align-items:flex-start}.profile-avatar-lg{width:58px;height:58px;border-radius:17px}.client-actions .btn{flex:1}.client-meta{gap:9px;flex-direction:column;align-items:flex-start}.balance-amount{font-size:2rem}.loan-data-grid{grid-template-columns:repeat(2,1fr)}.loan-card-footer{align-items:flex-start;flex-direction:column}.balance-grid{grid-template-columns:repeat(2,1fr)}}

/* =====================================================================
   Professional client profile v2 — strict alignment and visual hierarchy
   ===================================================================== */
.client-profile-hero{
  min-height:148px;
  padding:28px 30px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center !important;
  gap:32px !important;
  background:#fff !important;
  border:1px solid #e4e8f1 !important;
  box-shadow:0 12px 32px rgba(28,39,68,.07) !important;
}
.client-profile-hero:after{
  width:320px !important;height:320px !important;right:-145px !important;top:-190px !important;
  background:radial-gradient(circle,rgba(49,87,213,.09),transparent 68%) !important;
}
.client-identity{min-width:0;align-items:center !important;gap:18px !important}
.profile-avatar-lg{
  width:68px !important;height:68px !important;border-radius:18px !important;
  flex:0 0 68px;background:#edf2ff !important;border:1px solid #dce5ff;
  box-shadow:none !important;font-size:1.25rem !important
}
.client-profile-hero .page-title{font-size:1.7rem !important;line-height:1.15}
.client-meta{margin-top:10px !important;gap:8px 18px !important;font-size:.82rem !important}
.client-meta span{white-space:nowrap}
.client-actions{max-width:510px;gap:9px !important}
.client-actions .btn{min-height:42px;padding:9px 14px;white-space:nowrap}

.profile-summary-row{align-items:stretch}
.profile-summary-row>.col-xl-8,.profile-summary-row>.col-xl-4{display:flex}
.client-balance-card{
  width:100%;min-height:318px;padding:28px 30px !important;
  background:linear-gradient(145deg,#17223a 0%,#213455 100%) !important;
  border:0 !important;color:#fff !important;box-shadow:0 18px 42px rgba(23,34,58,.18) !important
}
.client-balance-card .balance-top{align-items:flex-start}
.client-balance-card .balance-amount{font-size:2.55rem !important;line-height:1.05;margin:12px 0 7px !important}
.client-balance-card .balance-icon{width:50px;height:50px;border-radius:14px}
.client-balance-card .repayment-progress{margin-top:34px !important}
.client-balance-card .progress{height:9px !important;margin-top:8px}
.client-balance-card .balance-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;margin-top:26px !important}
.client-balance-card .balance-grid>div{min-height:76px;padding:14px !important;display:flex;flex-direction:column;justify-content:center}
.client-balance-card .balance-grid strong{font-size:.93rem;line-height:1.35}

.profile-mini-grid{width:100%;align-content:stretch}
.profile-mini-grid>.col-6{display:flex}
.mini-finance-card{
  width:100%;min-height:151px;padding:20px !important;display:flex !important;
  flex-direction:column;align-items:flex-start !important;justify-content:space-between;gap:18px !important;
  border:1px solid #e5e9f1 !important;box-shadow:0 8px 24px rgba(28,39,68,.055) !important
}
.mini-finance-card .mini-icon{width:40px;height:40px;border-radius:12px;flex:0 0 auto}
.mini-finance-card>div:last-child{width:100%}
.mini-finance-card small{margin-bottom:7px !important;font-size:.72rem !important;text-transform:uppercase;letter-spacing:.055em}
.mini-finance-card strong{font-size:1.12rem !important;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}

.profile-content-row{align-items:flex-start}
.profile-content-row>.col-xl-8,.profile-content-row>.col-xl-4{min-width:0}
.profile-content-row .section-title{font-size:1.05rem !important}
.polished-loan-card{
  padding:24px !important;border-left:0 !important;border-top:3px solid var(--primary) !important;
  box-shadow:0 10px 28px rgba(28,39,68,.065) !important
}
.loan-card-head{min-height:48px}
.loan-title{font-size:1.02rem !important}
.loan-data-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;margin:22px 0 !important}
.loan-data-grid>div{min-height:76px;padding:13px 14px !important;display:flex;flex-direction:column;justify-content:center}
.loan-data-grid small{margin-bottom:7px !important;text-transform:uppercase;letter-spacing:.04em;font-size:.67rem !important}
.loan-data-grid strong{font-size:.94rem !important;white-space:nowrap}
.loan-progress{padding:17px 0 !important}
.loan-card-footer{min-height:58px;padding-top:17px !important}

.profile-content-row .col-xl-4>.card-soft{overflow:hidden}
.profile-content-row .section-head{min-height:60px;padding:17px 20px !important}
.profile-side-body{padding:4px 20px 12px !important}
.contact-row{min-height:72px;padding:13px 0 !important}
.contact-row>i{flex:0 0 38px}
.contact-row>div{min-width:0}
.contact-row a,.contact-row span{display:block;overflow-wrap:anywhere;line-height:1.35}
.discipline-card{min-height:150px;padding:21px !important;align-items:flex-start !important}
.notes-box{min-height:128px;padding:20px !important}

.section-icon{display:inline-grid !important;place-items:center;width:30px !important;height:30px;border-radius:9px;background:#eef2ff;margin-right:9px;color:var(--primary) !important;font-size:.8rem}
.section-title{line-height:1.3}

@media(max-width:1199px){
  .client-profile-hero{grid-template-columns:1fr !important}
  .client-actions{max-width:none;width:100%;justify-content:flex-start !important}
  .profile-summary-row>.col-xl-8,.profile-summary-row>.col-xl-4{display:block}
  .client-balance-card{min-height:auto}
  .mini-finance-card{min-height:130px}
}
@media(max-width:767px){
  .client-profile-hero{padding:20px !important;gap:20px !important}
  .client-identity{align-items:flex-start !important}
  .client-profile-hero .page-title{font-size:1.4rem !important}
  .client-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px !important}
  .client-actions .btn{width:100%}
  .client-balance-card{padding:23px 20px !important}
  .client-balance-card .balance-amount{font-size:2rem !important}
  .client-balance-card .balance-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .profile-mini-grid>.col-6{width:100%}
  .mini-finance-card{min-height:104px;flex-direction:row !important;align-items:center !important;justify-content:flex-start}
  .loan-data-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .loan-card-head{align-items:flex-start !important}
  .loan-card-footer{align-items:stretch !important}
  .loan-card-footer>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .loan-card-footer .btn{width:100%}
}
@media(max-width:430px){
  .client-actions{grid-template-columns:1fr !important}
  .client-balance-card .balance-grid,.loan-data-grid{grid-template-columns:1fr !important}
}


/* Professional loan view */
.loan-view{max-width:1500px;margin:0 auto}.loan-hero{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);overflow:hidden;position:relative}.loan-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-170px;background:rgba(49,87,213,.08)}.loan-hero-main,.loan-hero-actions{position:relative;z-index:1}.loan-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:700;text-decoration:none;margin-bottom:17px}.loan-title-row{display:flex;align-items:center;gap:17px}.loan-hero-icon{width:60px;height:60px;border-radius:17px;background:linear-gradient(145deg,#3157d5,#213fae);color:#fff;display:grid;place-items:center;font-size:1.28rem;box-shadow:0 12px 26px rgba(49,87,213,.25)}.loan-title-row h1{font-size:1.65rem;font-weight:800;letter-spacing:-.035em;margin:3px 0 7px}.loan-client-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.84rem;font-weight:700;text-decoration:none}.loan-hero-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.loan-hero-actions .status{height:40px;padding-inline:14px}.loan-balance-panel{border-radius:19px;padding:28px 30px;background:linear-gradient(145deg,#17223a,#24385d);color:#fff;box-shadow:0 18px 42px rgba(23,34,58,.18)}.loan-balance-top{display:flex;justify-content:space-between;align-items:flex-start}.loan-balance-top span{display:block;font-size:.7rem;letter-spacing:.11em;font-weight:800;color:#aebcda}.loan-balance-top strong{display:block;font-size:2.55rem;letter-spacing:-.05em;margin:8px 0 4px}.loan-balance-top small{color:#c3cde0}.loan-balance-symbol{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center}.loan-progress-meta{display:flex;justify-content:space-between;margin-top:28px;font-size:.8rem;color:#d7deeb}.loan-balance-panel .progress{height:9px;background:rgba(255,255,255,.13);margin-top:9px}.loan-balance-panel .progress-bar{background:#6e8eff}.loan-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.loan-highlight-grid>div{padding:14px;border-radius:12px;background:rgba(255,255,255,.075);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.loan-highlight-grid i{grid-row:1/3;color:#91a9ff}.loan-highlight-grid span{font-size:.67rem;color:#b9c5da}.loan-highlight-grid strong{font-size:.85rem}.loan-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.loan-stat-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:20px;box-shadow:0 8px 24px rgba(28,39,68,.055);display:flex;flex-direction:column;justify-content:center;min-height:145px}.loan-stat-card .stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:20px}.stat-icon.blue{background:#eef2ff;color:#3157d5}.stat-icon.violet{background:#f2edff;color:#7048d5}.stat-icon.green{background:#e9f8ef;color:#15803d}.stat-icon.orange{background:#fff2e6;color:#d97706}.loan-stat-card small,.loan-details-grid span,.installment-card-grid span{font-size:.69rem;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);font-weight:700}.loan-stat-card strong{font-size:1.05rem;margin-top:6px}.loan-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.loan-details-grid>div{background:#fff;padding:22px;min-height:92px;display:flex;flex-direction:column;justify-content:center}.loan-details-grid strong{font-size:.94rem;margin-top:8px}.amort-card,.payment-history-card{overflow:hidden}.amort-table th,.amort-table td{white-space:nowrap}.installment-number{width:29px;height:29px;border-radius:9px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:.72rem;font-weight:800}.payment-method{display:inline-flex;align-items:center;gap:8px}.mobile-amort{display:none}.installment-card{padding:16px;border-bottom:1px solid var(--border)}.installment-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.installment-card-head div span{display:block;color:var(--muted);font-size:.7rem}.installment-card-head div strong{font-size:.92rem}.installment-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.installment-card-grid>div{background:#f7f8fb;border-radius:10px;padding:11px}.installment-card-grid strong{display:block;font-size:.83rem;margin-top:4px}
/* Settings danger zone */
.settings-card{overflow:hidden}.danger-zone{padding:24px;border:1px solid #fecaca;background:linear-gradient(180deg,#fff,#fff8f8)}.danger-zone-head{display:flex;align-items:center;gap:13px;margin-bottom:17px}.danger-icon,.modal-danger-icon{width:45px;height:45px;border-radius:13px;background:#fee2e2;color:#dc2626;display:grid;place-items:center}.danger-zone-head span{font-size:.66rem;letter-spacing:.1em;color:#dc2626;font-weight:800}.danger-zone h2{font-size:1.08rem;font-weight:800;margin:2px 0}.danger-zone p{color:var(--muted);font-size:.82rem;line-height:1.6}.factory-modal{border:0;border-radius:18px}.factory-modal .modal-header{padding:22px;border-bottom:0}.factory-modal .modal-header>div{display:flex;align-items:center;gap:13px}.factory-modal .modal-title{font-size:1.05rem;font-weight:800}.factory-modal .modal-body{padding:0 22px 22px}.factory-modal .modal-footer{padding:16px 22px}
/* Clean printing: browser URL/header-footer must also be disabled in the print dialog */
@page{size:A4 portrait;margin:12mm} @media print{body{background:#fff!important}.sidebar,.topbar,.no-print,.alert,.page-head{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important}.card-soft,.loan-balance-panel,.loan-stat-card{box-shadow:none!important;break-inside:avoid}.loan-hero{border:0!important;padding:0 0 16px!important}.loan-hero:after{display:none}.loan-balance-panel{-webkit-print-color-adjust:exact;print-color-adjust:exact}.desktop-amort{display:block!important}.mobile-amort{display:none!important}.amort-table{font-size:8pt}.amort-table th,.amort-table td{padding:5px!important}.payment-history-card{break-before:page}a{text-decoration:none!important;color:inherit!important}}
@media(max-width:991px){.loan-hero{align-items:flex-start;flex-direction:column}.loan-hero-actions{width:100%;justify-content:flex-start}.loan-details-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.loan-view{margin:0}.loan-hero{padding:20px}.loan-title-row{align-items:flex-start}.loan-hero-icon{width:50px;height:50px;border-radius:14px}.loan-title-row h1{font-size:1.3rem}.loan-hero-actions{display:grid;grid-template-columns:1fr 1fr}.loan-hero-actions .status{grid-column:1/-1;justify-self:start}.loan-hero-actions .btn{width:100%}.loan-balance-panel{padding:22px 19px}.loan-balance-top strong{font-size:2rem}.loan-highlight-grid{grid-template-columns:1fr}.loan-stat-card{min-height:118px;padding:16px}.loan-stat-card .stat-icon{margin-bottom:13px}.loan-details-grid{grid-template-columns:1fr 1fr}.desktop-amort{display:none}.mobile-amort{display:block}.amort-card .section-head{align-items:flex-start}.settings-layout .col-xl-4{order:2}}
@media(max-width:430px){.loan-hero-actions{grid-template-columns:1fr}.loan-details-grid,.loan-stat-grid{grid-template-columns:1fr}.loan-title-row{gap:12px}.loan-hero-icon{display:none}.loan-balance-top strong{font-size:1.72rem}}

/* Status plačil na dashboardu */
.status-on-time{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.status-overdue{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}

.language-switcher{display:flex;align-items:center;gap:.45rem;margin-left:auto;margin-right:.75rem}
.language-switcher .fa-globe{color:var(--muted,#748094)}
.language-select{min-height:36px!important;height:36px;padding:.25rem 2rem .25rem .65rem;border-radius:9px;font-size:.82rem;font-weight:700;width:auto;min-width:118px;background-color:#fff}
.login-language{position:fixed;top:18px;right:18px;z-index:10}
@media(max-width:575.98px){
  .language-switcher{margin-right:.25rem;gap:.25rem}
  .language-switcher .fa-globe{display:none}
  .language-select{min-width:92px;max-width:105px;padding-left:.5rem;font-size:.75rem}
  .topbar>a.btn{padding:.4rem .55rem;font-size:0}
  .topbar>a.btn i{font-size:.85rem}
}


/* 2026 UX polish: dashboard mobile, collapsible loans and workspace */
.brand{text-decoration:none}.brand:hover{color:#fff}.brand span{color:#fff}
.active-loans-collapse{border:0}.active-loans-collapse>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 6px 20px rgba(28,39,68,.04)}.active-loans-collapse>summary::-webkit-details-marker{display:none}.active-loans-collapse>summary>span:first-child{display:flex;align-items:center;gap:9px}.active-loans-collapse>summary small{color:var(--muted);font-weight:700}.summary-actions{display:flex;align-items:center;gap:12px}.collapse-chevron{transition:.2s}.active-loans-collapse[open] .collapse-chevron{transform:rotate(180deg)}.active-loans-body{padding-top:2px}
.next-installment-focus{background:#eef3ff!important;border:1px solid #cdd9ff;border-radius:12px;padding:14px!important}.next-installment-focus small{color:var(--primary)!important}.next-installment-focus strong{font-size:1.15rem!important;color:#183dba}
.loan-next-due{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:11px;background:#eef3ff;color:#2444b8}.loan-next-due span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.loan-next-due strong{font-size:.9rem}
.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#fff,#f3f6ff);box-shadow:var(--shadow)}.workspace-badge{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;background:#fff;border:1px solid var(--border);font-weight:800}.workspace-badge i{color:var(--primary)}.workspace-calendar-card{overflow:hidden}.calendar-legend{display:flex;gap:18px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--border);font-size:.76rem;font-weight:700;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot-blue{background:#3157d5}.dot-red{background:#dc2626}.dot-green{background:#15803d}.workspace-calendar .cal-event{display:block;text-decoration:none}.workspace-tools{display:grid;gap:18px}.calculator-card{overflow:hidden}.calculator-head{display:flex;align-items:center;gap:13px;padding:19px 20px;border-bottom:1px solid var(--border)}.calculator-head h2{font-size:1rem;font-weight:800;margin:0}.calculator-head p{font-size:.75rem;color:var(--muted);margin:3px 0 0}.tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.tool-icon.blue{background:#eef2ff;color:#3157d5}.tool-icon.green{background:#e9f8ef;color:#15803d}.calculator-body{padding:20px}.calculator-body label{display:block;font-size:.72rem;color:var(--muted);font-weight:800;margin:0 0 6px}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.calc-result{margin-top:16px;padding:14px;border-radius:12px;background:#f6f8fc}.calc-result>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #e7eaf1}.calc-result>div:last-child{border-bottom:0}.calc-result span,.basic-result span{color:var(--muted);font-size:.78rem}.basic-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.basic-result{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px;border-radius:12px;background:#eef8f1}.basic-result strong{font-size:1.1rem;color:#166534}
@media(max-width:767px){
  .dashboard-hero{padding:18px}.dashboard-client-table th:nth-child(2),.dashboard-client-table th:nth-child(3),.dashboard-client-table td:nth-child(2),.dashboard-client-table td:nth-child(3),.dashboard-client-table th:last-child,.dashboard-client-table td:last-child{display:none}.dashboard-client-table th:first-child,.dashboard-client-table td:first-child{width:68%}.dashboard-client-table th:nth-child(4),.dashboard-client-table td:nth-child(4){width:32%;text-align:right}.client-cell .small{display:none}.client-avatar{width:36px;height:36px}.status{white-space:nowrap}.active-loans-collapse>summary{padding:12px}.active-loans-collapse>summary small{display:none}.summary-actions .btn{font-size:0;width:36px;height:36px;padding:0}.summary-actions .btn i{font-size:.78rem;margin:0!important}.loan-next-due{align-items:flex-start;flex-direction:column;gap:3px}.workspace-hero{align-items:flex-start;flex-direction:column;padding:20px}.workspace-badge{width:100%}.workspace-calendar{overflow-x:auto;grid-template-columns:repeat(7,minmax(88px,1fr))}.calc-row{grid-template-columns:1fr}.basic-actions{grid-template-columns:1fr}.calculator-body{padding:16px}}


/* v1.27 clean UI additions */
:root{--surface:#ffffff;--surface-2:#f7f8fc;--surface-3:#eef2f7;--text-strong:#151d31;--success:#15803d;--danger:#dc2626;--topbar:rgba(255,255,255,.9)}
body{transition:background-color .2s ease,color .2s ease}.card-soft,.topbar,.form-control,.form-select,.table,.cal-day,.active-loans-collapse>summary{transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.admin-profile{display:flex;align-items:center;gap:11px}.admin-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#6f8cff,#3157d5);color:#fff;font-size:.9rem;font-weight:800;box-shadow:0 8px 20px rgba(49,87,213,.28)}.admin-meta{display:flex;flex-direction:column;min-width:0}.admin-meta strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-meta span{font-size:.68rem;color:#9ea8bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-version{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:.65rem;color:#8f99ad}.app-version strong{color:#c7d0e0;letter-spacing:.04em}.theme-toggle{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);display:grid;place-items:center;margin-left:auto;transition:.18s}.theme-toggle:hover{color:var(--primary);border-color:#c7d2fe;transform:translateY(-1px)}.language-switcher{margin-left:.4rem}
.professional-list-head{align-items:center}.list-metric{height:100%;min-height:108px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:18px;box-shadow:0 8px 24px rgba(28,39,68,.055);display:flex;align-items:center;gap:14px}.list-metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.list-metric-icon.blue{background:#eef2ff;color:#3157d5}.list-metric-icon.green{background:#eaf9ef;color:#15803d}.list-metric-icon.violet{background:#f2edff;color:#6d4bd3}.list-metric span{display:block;font-size:.7rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.list-metric strong{display:block;font-size:1.15rem;margin-top:5px;letter-spacing:-.025em}.data-list-card{overflow:hidden}.record-id{display:flex;align-items:center;gap:10px}.record-id i{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.table-progress{min-width:135px}.table-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:.68rem;color:var(--muted);font-weight:700}.table-progress .progress{height:6px;margin-top:6px;background:#e9edf4}.table-progress .progress-bar{background:linear-gradient(90deg,#3157d5,#6f8cff)}.action-cell{white-space:nowrap}.icon-action{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);text-decoration:none;margin-left:4px}.icon-action:hover{color:var(--primary);border-color:#c7d2fe}.icon-action.primary{background:#eef2ff;color:var(--primary)}.icon-action.danger{background:#fff5f5;color:var(--danger);border-color:#fee2e2}.empty-state{text-align:center!important;padding:55px!important;color:var(--muted)}.empty-state i,.empty-state strong,.empty-state span{display:block}.empty-state i{font-size:1.6rem;color:#aab4c6;margin-bottom:12px}.empty-state strong{color:var(--text);margin-bottom:5px}.record-link{font-weight:800;text-decoration:none;color:var(--primary)}.date-chip{display:inline-flex;align-items:center;gap:8px}.payment-positive{color:var(--success);font-size:.98rem}.payment-method-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface-2);border-radius:9px;font-size:.75rem;font-weight:700;color:var(--muted)}.mobile-record-list{display:none}.mobile-record-card{display:block;padding:16px 17px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.mobile-record-card:last-child{border-bottom:0}.mobile-record-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-record-top>div{display:flex;flex-direction:column}.record-kicker{font-size:.67rem;color:var(--primary);font-weight:800;letter-spacing:.04em;margin-bottom:4px}.mobile-record-money{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 0 13px}.mobile-record-money span{font-size:.72rem;color:var(--muted);font-weight:700}.mobile-record-money strong{font-size:1.22rem}.mobile-record-footer,.mobile-payment-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;font-size:.72rem;color:var(--muted)}.mobile-payment-meta a{font-weight:800;text-decoration:none}.payment-mobile{background:var(--surface)}
[data-theme="dark"]{--bg:#0d1320;--text:#e8edf7;--text-strong:#f5f7fb;--muted:#94a0b4;--border:#263044;--sidebar:#101725;--sidebar-muted:#8e99ad;--shadow:0 12px 32px rgba(0,0,0,.22);--surface:#151d2c;--surface-2:#1b2435;--surface-3:#222c3f;--topbar:rgba(21,29,44,.9);color-scheme:dark}
[data-theme="dark"] body{background:radial-gradient(circle at top right,rgba(64,94,190,.14),transparent 28%),var(--bg);color:var(--text)}[data-theme="dark"] .topbar{background:var(--topbar)}[data-theme="dark"] .card-soft,[data-theme="dark"] .list-metric,[data-theme="dark"] .loan-stat-card,[data-theme="dark"] .cal-day,[data-theme="dark"] .active-loans-collapse>summary,[data-theme="dark"] .form-control,[data-theme="dark"] .form-select,[data-theme="dark"] .table{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme="dark"] .table>:not(caption)>*>*{background:transparent;color:inherit;border-color:var(--border)}[data-theme="dark"] .table tbody tr:hover{background:#1a2435}[data-theme="dark"] .premium-table thead th{background:#182131}[data-theme="dark"] .dashboard-hero,[data-theme="dark"] .workspace-hero,[data-theme="dark"] .loan-hero,[data-theme="dark"] .metric.highlight{background:linear-gradient(135deg,#151d2c,#192338);border-color:var(--border)}[data-theme="dark"] .form-control::placeholder{color:#738096}[data-theme="dark"] .btn-light{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme="dark"] .section-head,[data-theme="dark"] .calculator-head{border-color:var(--border)}[data-theme="dark"] .kv{border-color:#2b3548}[data-theme="dark"] .metric-icon,[data-theme="dark"] .section-icon,[data-theme="dark"] .record-id i{background:#202d4a}[data-theme="dark"] .payment-method-pill,[data-theme="dark"] .icon-action,[data-theme="dark"] .installment-card-grid>div,[data-theme="dark"] .calc-result{background:var(--surface-2)}[data-theme="dark"] .login-body{background:radial-gradient(circle at 20% 15%,rgba(49,87,213,.2),transparent 28%),#0d1320}[data-theme="dark"] .language-select{background-color:var(--surface);color:var(--text);border-color:var(--border)}
@media(max-width:767px){.desktop-data-table{display:none}.mobile-record-list{display:block}.list-metric{min-height:92px;padding:14px}.list-metric-icon{width:40px;height:40px}.list-metric strong{font-size:1rem}.professional-list-head .btn{width:100%}.theme-toggle{margin-left:auto}.topbar{gap:7px}.topbar>strong{display:none}.language-switcher{margin-right:0}.sidebar-footer{bottom:12px}.mobile-record-card{padding:15px}.data-list-card .section-head{padding:16px 17px}}

/* KreditPro authentication experience v1.28 */
.auth-page{min-height:100vh;overflow-x:hidden;background:#f4f6fb;color:var(--text);font-family:'Manrope',Inter,system-ui,sans-serif;position:relative;display:flex;flex-direction:column}.auth-page:before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(49,87,213,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,87,213,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 86%);pointer-events:none}.auth-orb{position:fixed;border-radius:999px;filter:blur(2px);pointer-events:none}.auth-orb-one{width:420px;height:420px;right:-170px;top:-150px;background:radial-gradient(circle,rgba(92,118,225,.2),rgba(92,118,225,0) 68%)}.auth-orb-two{width:380px;height:380px;left:-190px;bottom:-180px;background:radial-gradient(circle,rgba(24,146,132,.12),rgba(24,146,132,0) 68%)}
.auth-topbar{width:min(1320px,calc(100% - 48px));height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.auth-brand{display:inline-flex;align-items:center;gap:12px;color:#15203b;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.auth-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#526fdf,#2947bc);color:#fff;box-shadow:0 10px 24px rgba(49,87,213,.28)}.auth-top-actions{display:flex;align-items:center;gap:10px}.auth-top-actions .language-select{width:auto;min-width:164px;background-color:rgba(255,255,255,.76);backdrop-filter:blur(14px)}
.auth-shell{width:min(1320px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);align-items:center;gap:70px;position:relative;z-index:2;padding:42px 0 54px}.auth-showcase{min-height:620px;padding:58px 62px;position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#17223d 0%,#1b2b55 52%,#243b75 100%);color:#fff;box-shadow:0 34px 90px rgba(24,38,78,.24)}.auth-showcase:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(116,143,255,.32),transparent 30%),radial-gradient(circle at 12% 92%,rgba(42,188,171,.17),transparent 25%)}.auth-showcase:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom right,black,transparent 75%)}.auth-showcase-content{position:relative;z-index:2;max-width:620px}.auth-kicker{display:flex;align-items:center;gap:9px;color:#b8c7ff;font-size:.73rem;font-weight:800;letter-spacing:.13em}.auth-kicker span{width:23px;height:2px;background:#7d99ff;border-radius:999px}.auth-showcase h1{font-size:clamp(2.6rem,4.7vw,4.55rem);line-height:1.04;letter-spacing:-.065em;font-weight:800;margin:28px 0 24px}.auth-showcase h1 span{color:#aebfff}.auth-showcase-content>p{max-width:590px;font-size:1.03rem;line-height:1.75;color:#bdc8dc;margin:0}.auth-benefits{display:grid;gap:18px;margin-top:42px}.auth-benefit{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:14px}.auth-benefit-icon{width:46px;height:46px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.075);display:grid;place-items:center;color:#afc0ff}.auth-benefit strong{display:block;font-size:.89rem}.auth-benefit small{display:block;color:#9eacc3;font-size:.76rem;margin-top:3px}.auth-preview-card{position:absolute;z-index:3;right:36px;bottom:32px;width:265px;padding:20px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(3,12,38,.18)}.auth-preview-head{display:flex;align-items:flex-start;justify-content:space-between}.auth-preview-head small{display:block;color:#aebad0;font-size:.61rem;font-weight:800;letter-spacing:.09em}.auth-preview-head strong{display:block;font-size:1.42rem;margin-top:5px}.auth-preview-head>span{width:36px;height:36px;border-radius:11px;background:rgba(108,222,174,.14);color:#6cdeae;display:grid;place-items:center}.auth-preview-chart{height:74px;display:flex;align-items:flex-end;gap:7px;margin:20px 0}.auth-preview-chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#5879ed,#9aafff)}.auth-preview-foot{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:#b9c4d8}.auth-preview-foot span{display:flex;align-items:center;gap:6px}.auth-preview-foot b{width:7px;height:7px;border-radius:50%;background:#6cdeae}.auth-preview-foot strong{font-size:.94rem;color:#fff}
.auth-panel{display:flex;justify-content:center}.auth-card{width:100%;max-width:500px;padding:42px;border:1px solid rgba(224,228,239,.92);border-radius:26px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 28px 70px rgba(31,43,75,.12)}.auth-card-heading{display:flex;align-items:center;gap:15px}.auth-card-icon{width:49px;height:49px;border-radius:15px;background:#edf1ff;color:var(--primary);display:grid;place-items:center;font-size:1rem}.auth-card-heading p,.auth-modal-heading p{margin:0 0 3px;color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.12em}.auth-card-heading h2,.auth-modal-heading h2{font-size:1.75rem;font-weight:800;letter-spacing:-.045em;margin:0;color:#17213a}.auth-card-copy{color:#7d8799;font-size:.87rem;line-height:1.6;margin:19px 0 28px}.auth-form{display:grid;gap:19px}.auth-field{display:grid;gap:8px}.auth-field .form-label{margin:0;color:#354057;font-size:.78rem;font-weight:800}.auth-input-wrap{position:relative}.auth-input-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;color:#909bad;font-size:.89rem}.auth-input-wrap .form-control{height:52px;padding:0 48px 0 45px;border-radius:13px;border:1px solid #dfe4ed;background:#fbfcfe;color:#1e293b;font-size:.88rem;box-shadow:none}.auth-input-wrap .form-control:focus{background:#fff;border-color:#91a7f3;box-shadow:0 0 0 4px rgba(49,87,213,.09)}.auth-input-wrap .form-control::placeholder{color:#a8b0bf}.auth-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#8a95a7}.auth-password-toggle:hover{background:#eef1f7;color:var(--primary)}.auth-submit{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-radius:13px;margin-top:4px;box-shadow:0 12px 24px rgba(49,87,213,.22)}.auth-submit:hover i{transform:translateX(3px)}.auth-submit i{transition:.18s}.auth-divider{display:flex;align-items:center;gap:12px;color:#a0a8b7;font-size:.72rem;margin:24px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e8ebf1;flex:1}.auth-signup-button{height:50px;width:100%;border:1px solid #dfe4ed;background:#fff;color:#344056;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:13px}.auth-signup-button:hover{border-color:#b8c5ed;background:#f6f8ff;color:var(--primary)}.auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8b95a5;font-size:.67rem;font-weight:600;margin-top:22px}.auth-security-note i{color:#34a178}.auth-alert{display:flex;align-items:flex-start;gap:9px;border:0;border-radius:12px;font-size:.78rem;padding:12px 14px;margin:20px 0}.auth-footer{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:0 0 24px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8a94a6;font-size:.72rem;font-weight:600;position:relative;z-index:3}.auth-footer a{color:#65718a;text-decoration:none}.auth-footer a:hover{color:var(--primary)}.auth-footer-dot{width:3px;height:3px;border-radius:50%;background:#b5bdca}
.auth-modal .modal-dialog{max-width:880px}.auth-modal .modal-content{display:grid;grid-template-columns:.78fr 1.22fr;border:0;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 34px 100px rgba(18,29,58,.28)}.auth-modal-side{padding:42px 36px;background:linear-gradient(145deg,#17223d,#28427c);color:#fff;position:relative;overflow:hidden}.auth-modal-side:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;bottom:-100px;background:rgba(119,145,255,.22)}.auth-modal-side-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#b9c7ff;position:relative;z-index:1}.auth-modal-side>p{color:#9eb2f6;font-size:.66rem;font-weight:800;letter-spacing:.13em;margin:28px 0 8px;position:relative;z-index:1}.auth-modal-side h3{font-size:1.75rem;line-height:1.25;font-weight:800;letter-spacing:-.045em;position:relative;z-index:1}.auth-modal-side ul{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:15px;position:relative;z-index:1}.auth-modal-side li{display:flex;align-items:center;gap:9px;color:#c2ccdf;font-size:.79rem}.auth-modal-side li i{color:#66d5aa}.auth-modal-form-wrap{padding:38px 42px 36px;position:relative}.auth-modal-close{position:absolute;right:20px;top:20px;z-index:3}.auth-modal-heading{margin-bottom:25px}.auth-modal-heading>span{display:block;color:#7d8799;font-size:.78rem;margin-top:8px}.auth-check{display:flex;align-items:flex-start;gap:9px;color:#6f7a8d;font-size:.72rem;line-height:1.5;cursor:pointer}.auth-check .form-check-input{margin-top:2px}.auth-modal-login-link{display:block;width:100%;border:0;background:transparent;color:#7d8799;font-size:.73rem;margin-top:18px}.auth-modal-login-link strong{color:var(--primary)}
[data-theme="dark"] .auth-page{background:#0d1320;color:#e8edf7}[data-theme="dark"] .auth-page:before{background-image:linear-gradient(rgba(127,151,225,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(127,151,225,.035) 1px,transparent 1px)}[data-theme="dark"] .auth-brand{color:#f0f3fa}[data-theme="dark"] .auth-card,[data-theme="dark"] .auth-modal .modal-content{background:rgba(21,29,44,.95);border-color:#2a3549}[data-theme="dark"] .auth-card-heading h2,[data-theme="dark"] .auth-modal-heading h2{color:#f1f4fa}[data-theme="dark"] .auth-card-icon{background:#202d4a}[data-theme="dark"] .auth-field .form-label{color:#cbd3e2}[data-theme="dark"] .auth-input-wrap .form-control{background:#111827;border-color:#2b3649;color:#edf1f7}[data-theme="dark"] .auth-input-wrap .form-control:focus{background:#121b2b;border-color:#627fde}[data-theme="dark"] .auth-password-toggle:hover{background:#222d40}[data-theme="dark"] .auth-signup-button{background:#182131;border-color:#2b3649;color:#dbe2ee}[data-theme="dark"] .auth-signup-button:hover{background:#202b3e}[data-theme="dark"] .auth-divider:before,[data-theme="dark"] .auth-divider:after{background:#2b3548}[data-theme="dark"] .auth-top-actions .language-select{background-color:rgba(21,29,44,.9)}[data-theme="dark"] .auth-modal .btn-close{filter:invert(1)}
@media(max-width:1100px){.auth-shell{grid-template-columns:1fr 440px;gap:34px}.auth-showcase{padding:48px 42px}.auth-preview-card{right:24px;bottom:24px}.auth-card{padding:36px}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;width:min(580px,calc(100% - 32px));padding:24px 0}.auth-showcase{min-height:auto;padding:34px 32px}.auth-showcase h1{font-size:2.55rem}.auth-benefits{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.auth-benefit{display:block}.auth-benefit-icon{margin-bottom:10px}.auth-benefit small{display:none}.auth-preview-card{display:none}.auth-panel{order:-1}.auth-topbar{width:calc(100% - 32px)}.auth-footer{width:calc(100% - 32px)}.auth-modal .modal-content{grid-template-columns:1fr}.auth-modal-side{display:none}}
@media(max-width:575px){.auth-topbar{height:72px}.auth-brand span:last-child{font-size:1.08rem}.auth-top-actions .language-select{min-width:0;width:62px;padding-left:9px;padding-right:24px;font-size:.7rem}.auth-shell{width:calc(100% - 24px);padding:12px 0 24px}.auth-card{padding:27px 20px;border-radius:21px}.auth-card-heading h2{font-size:1.52rem}.auth-card-copy{margin-bottom:23px}.auth-showcase{padding:28px 22px;border-radius:22px}.auth-showcase h1{font-size:2rem;margin:20px 0 16px}.auth-showcase-content>p{font-size:.87rem}.auth-benefits{grid-template-columns:1fr;gap:12px}.auth-benefit{display:grid}.auth-benefit small{display:block}.auth-modal-form-wrap{padding:32px 20px 25px}.auth-modal .modal-dialog{margin:10px}.auth-modal .modal-content{border-radius:20px}.auth-footer{flex-wrap:wrap;padding-bottom:18px}.auth-footer-dot{display:none}.auth-footer span:first-child,.auth-footer a{width:100%;text-align:center}}


/* v1.29 — Clients, mobile dashboard and workspace desk */
.dashboard-client-mobile,.clients-mobile{display:none}
.clients-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-radius:21px;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f3f6ff);box-shadow:var(--shadow)}
.clients-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px}
.clients-search{position:relative;display:flex;gap:10px;flex:1}.clients-search>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:var(--muted)}.clients-search .form-control{padding-left:42px}
.clients-count{display:flex;align-items:baseline;gap:7px;padding:0 9px}.clients-count span{font-size:1.4rem;font-weight:800}.clients-count small{color:var(--muted)}
.clients-table-card{overflow:hidden}.clients-table td{padding:17px 18px}.client-cell-lg{gap:13px}.client-avatar-lg{width:46px;height:46px;border-radius:14px;font-size:.82rem;box-shadow:inset 0 0 0 1px rgba(49,87,213,.12)}
.client-cell-lg small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.contact-stack{display:grid;gap:5px}.contact-stack a,.contact-stack span{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:.78rem}.contact-stack i{width:15px;color:var(--muted)}
.workspace-tabs{display:inline-flex;gap:7px;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff);box-shadow:0 6px 20px rgba(32,45,78,.05)}
.workspace-tabs a{display:flex;align-items:center;gap:9px;padding:11px 17px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.83rem;font-weight:800}.workspace-tabs a.active{background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(49,87,213,.22)}
.desk-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.desk-sidebar{position:sticky;top:96px;overflow:hidden}.desk-sidebar-head{display:flex;justify-content:space-between;padding:18px 18px 12px}.desk-sidebar-head span{font-size:.65rem;font-weight:800;color:var(--muted);letter-spacing:.07em}.desk-sidebar-head strong{font-size:.72rem}.desk-client-picker{padding:0 16px 15px;border-bottom:1px solid var(--border)}
.desk-loan-list{padding:10px}.desk-loan-list>a{display:grid;grid-template-columns:40px 1fr 14px;align-items:center;gap:10px;padding:12px;border-radius:12px;text-decoration:none;color:var(--text);margin-bottom:4px}.desk-loan-list>a:hover,.desk-loan-list>a.active{background:var(--primary-soft)}.desk-loan-list>a.active{box-shadow:inset 3px 0 0 var(--primary)}.desk-loan-icon{width:38px;height:38px;border-radius:11px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.desk-loan-list strong,.desk-loan-list small{display:block}.desk-loan-list small{font-size:.68rem;color:var(--muted);margin-top:3px}
.desk-content{min-width:0}.desk-client-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f4f6ff)}.desk-client-profile{display:flex;align-items:center;gap:15px}.desk-client-profile h1{font-size:1.45rem;font-weight:800;margin:3px 0}.desk-client-profile p{margin:0;color:var(--muted);font-size:.79rem}.desk-client-profile p i{margin-right:7px}.desk-status{display:flex;align-items:center;gap:9px}
.desk-financial-grid{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(150px,1fr));gap:14px;margin-bottom:20px}.desk-main-balance,.desk-stat{padding:20px}.desk-main-balance>span,.desk-stat>span{display:block;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.05em}.desk-main-balance>strong{display:block;font-size:2rem;margin:5px 0 14px}.desk-main-balance small{display:block;color:var(--muted);font-size:.72rem;margin-top:9px}.desk-stat{display:flex;flex-direction:column;justify-content:center}.desk-stat>i{width:37px;height:37px;border-radius:11px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;margin-bottom:15px}.desk-stat>strong{font-size:1rem;margin-top:7px}.desk-stat.danger>i{background:#fff0f0;color:#dc2626}
.enforcement-card{overflow:hidden}.claim-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px}.claim-breakdown>div{padding:14px;border:1px solid var(--border);border-radius:12px;background:#f8f9fc}.claim-breakdown span,.claim-breakdown strong{display:block}.claim-breakdown span{font-size:.72rem;color:var(--muted)}.claim-breakdown strong{font-size:1rem;margin-top:5px}.claim-total{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;margin-top:18px;border-radius:14px;background:#172033;color:#fff}.claim-total span{font-size:.72rem;font-weight:800;letter-spacing:.07em}.claim-total strong{font-size:1.45rem}
.desk-actions-card{overflow:hidden}.desk-actions-list{padding:9px}.desk-actions-list>a,.desk-actions-list>button{width:100%;display:grid;grid-template-columns:42px 1fr 14px;align-items:center;gap:11px;padding:13px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;text-decoration:none}.desk-actions-list>a:hover,.desk-actions-list>button:hover{background:#f6f8fc}.desk-actions-list>a>span,.desk-actions-list>button>span{width:40px;height:40px;border-radius:12px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.desk-actions-list strong,.desk-actions-list small{display:block}.desk-actions-list small{font-size:.69rem;color:var(--muted);margin-top:3px}.desk-empty{padding:70px 20px}.status-on-time{background:#dcfce7;color:#166534}
[data-theme="dark"] .clients-hero,[data-theme="dark"] .desk-client-hero{background:linear-gradient(135deg,#151d2c,#192338)}
[data-theme="dark"] .workspace-tabs,[data-theme="dark"] .claim-breakdown>div{background:var(--surface);border-color:var(--border)}
[data-theme="dark"] .desk-loan-list>a:hover,[data-theme="dark"] .desk-loan-list>a.active,[data-theme="dark"] .desk-actions-list>a:hover,[data-theme="dark"] .desk-actions-list>button:hover{background:var(--surface-2)}
[data-theme="dark"] .claim-total{background:#0a101a}

@media(max-width:1100px){.desk-layout{grid-template-columns:1fr}.desk-sidebar{position:static}.desk-loan-list{display:flex;gap:8px;overflow-x:auto}.desk-loan-list>a{min-width:220px}.desk-financial-grid{grid-template-columns:1fr 1fr}.desk-main-balance{grid-column:1/-1}}
@media(max-width:767px){
  .dashboard-client-desktop,.clients-desktop{display:none}.dashboard-client-mobile,.clients-mobile{display:block}
  .dashboard-client-mobile{padding:8px}.dashboard-client-mobile-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 10px;border-radius:12px;text-decoration:none;color:var(--text)}.dashboard-client-mobile-row+.dashboard-client-mobile-row{border-top:1px solid var(--border)}.dashboard-client-mobile-name{min-width:0}.dashboard-client-mobile-name strong,.dashboard-client-mobile-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-client-mobile-name small{font-size:.68rem;color:var(--muted);margin-top:2px}.dashboard-client-mobile-row .status{font-size:.66rem;padding:6px 8px;gap:5px}
  .clients-hero{align-items:flex-start;flex-direction:column;padding:20px}.clients-hero .btn{width:100%}.clients-toolbar{align-items:stretch;flex-direction:column}.clients-search{width:100%}.clients-search .btn{padding-left:13px;padding-right:13px}.clients-count{display:none}.clients-table-card{background:transparent;border:0;box-shadow:none}.client-mobile-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:17px;padding:15px;margin-bottom:12px;box-shadow:var(--shadow)}.client-mobile-main{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;color:var(--text);text-decoration:none}.client-mobile-identity{min-width:0}.client-mobile-identity strong,.client-mobile-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-mobile-identity small{font-size:.7rem;color:var(--muted);margin-top:3px}.client-mobile-main .status{font-size:.65rem;padding:5px 7px}.client-mobile-stats{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin:14px 0}.client-mobile-stats>div{padding:11px;border-radius:11px;background:#f6f8fc}.client-mobile-stats span,.client-mobile-stats strong{display:block}.client-mobile-stats span{font-size:.66rem;color:var(--muted)}.client-mobile-stats strong{font-size:.91rem;margin-top:4px}.client-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-mobile-actions .btn{width:100%}
  .workspace-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.workspace-tabs a{justify-content:center}.desk-client-hero{align-items:flex-start;flex-direction:column;padding:18px}.desk-status{width:100%;justify-content:space-between}.desk-client-profile{align-items:flex-start}.desk-financial-grid{grid-template-columns:1fr 1fr}.desk-main-balance{grid-column:1/-1}.desk-stat{padding:15px;min-height:120px}.claim-breakdown{grid-template-columns:1fr}.desk-actions-list>a,.desk-actions-list>button{padding:12px 8px}
}
@media(max-width:430px){.desk-financial-grid{grid-template-columns:1fr}.desk-main-balance{grid-column:auto}.desk-client-profile .profile-avatar{display:none}.dashboard-client-mobile-row{grid-template-columns:36px minmax(0,1fr) auto}.dashboard-client-mobile-row .client-avatar{width:36px;height:36px}}


/* v1.30 — Premium client directory */
.client-directory-hero{
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:27px 30px;border:1px solid var(--border);border-radius:22px;
  background:
    radial-gradient(circle at 88% 20%,rgba(49,87,213,.11),transparent 27%),
    linear-gradient(135deg,#fff 0%,#f7f9ff 100%);
  box-shadow:var(--shadow);overflow:hidden
}
.client-directory-copy{position:relative;z-index:1}
.client-directory-add{min-height:46px;padding-inline:20px;white-space:nowrap}
.client-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,1.45fr);gap:14px}
.client-summary-card{
  display:flex;align-items:center;gap:14px;min-height:94px;padding:18px 20px;
  border:1px solid var(--border);border-radius:17px;background:var(--surface,#fff);box-shadow:0 7px 24px rgba(32,45,78,.055)
}
.client-summary-card small,.client-summary-card strong{display:block}
.client-summary-card small{font-size:.64rem;color:var(--muted);font-weight:800;letter-spacing:.055em}
.client-summary-card strong{font-size:1.35rem;margin-top:5px;letter-spacing:-.03em}
.client-summary-icon{width:45px;height:45px;flex:0 0 45px;border-radius:14px;display:grid;place-items:center;font-size:1rem}
.client-summary-icon.blue{background:#eef2ff;color:#3157d5}.client-summary-icon.violet{background:#f4efff;color:#7248cc}.client-summary-icon.red{background:#fff0f0;color:#dc2626}.client-summary-icon.green{background:#eafaf5;color:#0f766e}
.client-directory-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff)
}
.client-directory-search{position:relative;display:flex;align-items:center;gap:9px;flex:1;max-width:780px}
.client-directory-search>i{position:absolute;left:15px;color:var(--muted);z-index:2}
.client-directory-search .form-control{padding-left:43px;padding-right:43px}
.client-search-clear{position:absolute;right:88px;color:var(--muted);width:30px;height:30px;display:grid;place-items:center;text-decoration:none;border-radius:8px}
.client-search-clear:hover{background:var(--surface-2,#f4f6fa);color:var(--text)}
.client-directory-result{font-size:.72rem;color:var(--muted);font-weight:700;white-space:nowrap}
.client-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.client-profile-card{
  position:relative;overflow:hidden;padding:22px;border:1px solid var(--border);border-radius:20px;
  background:var(--surface,#fff);box-shadow:0 8px 28px rgba(32,45,78,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.client-profile-card:hover{transform:translateY(-3px);box-shadow:0 17px 40px rgba(32,45,78,.105);border-color:#cad4fa}
.client-profile-accent{position:absolute;inset:0 0 auto 0;height:4px}
.client-profile-accent.tone-1,.client-photo.tone-1{background:linear-gradient(135deg,#3157d5,#6f8cff)}
.client-profile-accent.tone-2,.client-photo.tone-2{background:linear-gradient(135deg,#0f766e,#35a99c)}
.client-profile-accent.tone-3,.client-photo.tone-3{background:linear-gradient(135deg,#7c3aed,#a879ef)}
.client-profile-accent.tone-4,.client-photo.tone-4{background:linear-gradient(135deg,#c2410c,#fb8a4a)}
.client-profile-accent.tone-5,.client-photo.tone-5{background:linear-gradient(135deg,#be123c,#ef6687)}
.client-profile-accent.tone-6,.client-photo.tone-6{background:linear-gradient(135deg,#0369a1,#38a8da)}
.client-profile-card-head{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:start;gap:13px}
.client-photo-wrap{position:relative}
.client-photo{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;
  font-size:1rem;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 22px rgba(32,45,78,.17)
}
.client-presence{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border:3px solid var(--surface,#fff);border-radius:50%}
.client-presence.ok{background:#22c55e}.client-presence.late{background:#ef4444}
.client-code{display:block;color:var(--muted);font-size:.59rem;font-weight:800;letter-spacing:.075em;margin-bottom:3px}
.client-profile-identity h2{font-size:1.03rem;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-profile-identity .status{font-size:.64rem;padding:5px 8px;gap:5px}
.client-profile-menu{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;text-decoration:none;color:var(--muted);background:var(--surface-2,#f5f7fb);transition:.18s}
.client-profile-menu:hover{background:var(--primary);color:#fff}
.client-contact-list{display:grid;gap:9px;padding:18px 0;margin-top:17px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.client-contact-list>a,.client-contact-list>span{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;color:var(--text);text-decoration:none;font-size:.73rem;min-width:0}
.client-contact-list i{width:25px;color:var(--muted)}
.client-contact-list span span,.client-contact-list a span,.client-contact-list em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}
.client-contact-list em{color:var(--muted)}
.client-profile-finance{display:grid;grid-template-columns:1.55fr 1fr;gap:10px;padding:16px 0}
.client-profile-finance>div{padding:13px 14px;border-radius:13px;background:var(--surface-2,#f6f8fc)}
.client-profile-finance span,.client-profile-finance strong{display:block}
.client-profile-finance span{font-size:.64rem;color:var(--muted);font-weight:700}
.client-profile-finance strong{font-size:.96rem;margin-top:5px}
.client-profile-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}
.client-profile-actions .btn{width:100%}
.client-directory-empty{padding:65px 20px}.empty-state-icon{width:60px;height:60px;border-radius:18px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:1.25rem;margin:0 auto 15px}

/* Fake registration preview */
.auth-fake-signup-note,.auth-fake-result{
  display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:13px;margin-bottom:18px
}
.auth-fake-signup-note{background:#fff8e7;border:1px solid #f3dfaa;color:#7b5711}
.auth-fake-result{margin-top:15px;margin-bottom:0;background:#eef8ff;border:1px solid #c9e3f7;color:#15577d}
.auth-fake-signup-note>i,.auth-fake-result>i{margin-top:3px}
.auth-fake-signup-note strong,.auth-fake-signup-note span,.auth-fake-result strong,.auth-fake-result span{display:block}
.auth-fake-signup-note strong,.auth-fake-result strong{font-size:.78rem}
.auth-fake-signup-note span,.auth-fake-result span{font-size:.7rem;margin-top:3px;line-height:1.5}
[data-theme="dark"] .client-directory-hero{background:radial-gradient(circle at 88% 20%,rgba(92,124,235,.14),transparent 27%),linear-gradient(135deg,#151d2c,#192338)}
[data-theme="dark"] .client-profile-card:hover{border-color:#405284}
[data-theme="dark"] .auth-fake-signup-note{background:#332b17;border-color:#54451f;color:#f2d889}
[data-theme="dark"] .auth-fake-result{background:#152938;border-color:#23445a;color:#92c9eb}

@media(max-width:1180px){
  .client-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .client-directory-hero{flex-direction:column;align-items:stretch;padding:21px}
  .client-directory-add{width:100%}
  .client-summary-grid{grid-template-columns:1fr 1fr;gap:9px}
  .client-summary-card{min-height:82px;padding:14px}
  .client-summary-card.wide{grid-column:1/-1}
  .client-summary-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}
  .client-summary-card small{font-size:.56rem}.client-summary-card strong{font-size:1.08rem}
  .client-directory-toolbar{align-items:stretch;flex-direction:column}
  .client-directory-search{max-width:none;width:100%}.client-directory-result{display:none}
  .client-directory-grid{grid-template-columns:1fr;gap:12px}
  .client-profile-card{padding:18px;border-radius:18px}
  .client-profile-card-head{grid-template-columns:52px minmax(0,1fr) 32px}
  .client-photo{width:52px;height:52px;border-radius:16px}
}
@media(max-width:390px){
  .client-summary-grid{grid-template-columns:1fr}
  .client-summary-card.wide{grid-column:auto}
  .client-profile-actions{grid-template-columns:1fr}
}


/* v1.31 — Documents and per-client amortization calculator */
.documents-card{overflow:hidden}.documents-head{gap:18px}.document-upload-form{margin:0}
.document-list{padding:8px 16px 16px}.document-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 8px;border-bottom:1px solid var(--border)}.document-row:last-child{border-bottom:0}
.document-type{width:44px;height:44px;border-radius:13px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:1.05rem}
.document-info{min-width:0}.document-info strong,.document-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-info strong{font-size:.82rem}.document-info span{font-size:.67rem;color:var(--muted);margin-top:4px}
.document-actions{display:flex;align-items:center;gap:6px}.document-actions form{margin:0}.document-actions .icon-btn{border:0}.document-actions .danger{color:#dc2626;background:#fff0f0}
.document-empty{text-align:center;padding:44px 20px}.document-empty>span{width:56px;height:56px;border-radius:17px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;margin:0 auto 13px;font-size:1.15rem}.document-empty h3{font-size:1rem;font-weight:800}.document-empty p{font-size:.76rem;color:var(--muted);margin-bottom:0}
.amortization-modal .modal-header{padding:20px 23px}.amortization-calc-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.amortization-calc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.amortization-calc-summary>div{padding:16px;border-radius:14px;background:var(--surface-2,#f6f8fc);border:1px solid var(--border)}.amortization-calc-summary span,.amortization-calc-summary strong{display:block}.amortization-calc-summary span{font-size:.67rem;color:var(--muted);font-weight:700}.amortization-calc-summary strong{font-size:1.12rem;margin-top:6px}
.amortization-preview-table{max-height:440px;border:1px solid var(--border);border-radius:14px}.amortization-preview-table thead{position:sticky;top:0;z-index:2;background:var(--surface,#fff)}
[data-theme="dark"] .document-type,[data-theme="dark"] .document-empty>span{background:#202c46}
[data-theme="dark"] .document-actions .danger{background:#3a1d24;color:#ff8797}

@media(max-width:900px){.amortization-calc-inputs{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
  .documents-head{align-items:stretch;flex-direction:column}.document-upload-form .btn{width:100%}
  .document-row{grid-template-columns:42px minmax(0,1fr);padding:13px 2px}.document-actions{grid-column:1/-1;justify-content:flex-end;padding-top:4px}
  .amortization-calc-inputs{grid-template-columns:1fr}.amortization-calc-summary{grid-template-columns:1fr}
  .amortization-modal .modal-body{padding:15px}.amortization-preview-table{max-height:360px}
}


/* v1.32 — documents polish */
.documents-card{padding:0;overflow:hidden;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface,#fff),rgba(246,248,252,.82))}
.documents-head{padding:22px 24px;border-bottom:1px solid var(--border);align-items:center}
.documents-count-badge{padding:8px 12px;border-radius:999px;background:var(--surface-2,#f4f6fa);border:1px solid var(--border);font-size:.72rem;font-weight:800;color:var(--muted)}
.document-list{padding:10px 18px 18px}
.document-row{padding:15px 10px;border-bottom:1px solid rgba(154,166,194,.18)}
.document-row:hover{background:rgba(49,87,213,.03);border-radius:14px}
.document-type{background:linear-gradient(135deg,#eef2ff,#dfe7ff);box-shadow:inset 0 0 0 1px rgba(49,87,213,.08)}
.document-actions .icon-btn{width:38px;height:38px;border-radius:12px;background:var(--surface-2,#f4f6fa)}
.document-actions .icon-btn:hover{background:var(--primary);color:#fff}
.document-empty-pro{display:grid;grid-template-columns:170px 1fr 260px;gap:24px;align-items:center;padding:28px 26px 30px}
.document-empty-visual{position:relative;display:grid;place-items:center;min-height:170px}
.document-empty-icon{position:relative;z-index:2;width:110px;height:110px;border-radius:28px;background:linear-gradient(135deg,#3157d5,#7f97ff);display:grid;place-items:center;color:#fff;font-size:2rem;box-shadow:0 18px 40px rgba(49,87,213,.28)}
.document-empty-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(49,87,213,.18),transparent 68%)}
.document-empty-content h3{font-size:2rem;letter-spacing:-.04em;margin-bottom:10px}
.document-empty-content p{font-size:.94rem;color:var(--muted);max-width:640px;margin-bottom:14px}
.document-empty-eyebrow{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef2ff;color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.08em;margin-bottom:14px}
.document-empty-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.document-empty-meta span{padding:7px 10px;border-radius:999px;background:var(--surface-2,#f4f6fa);border:1px solid var(--border);font-size:.69rem;font-weight:700;color:var(--text)}
.document-empty-content small{display:block;color:var(--muted);font-size:.75rem}
.document-empty-actions{display:grid;gap:12px;align-self:stretch;align-content:center}
.document-empty-actions .btn{min-height:48px}
.document-support-card{padding:16px 18px;border-radius:18px;background:var(--surface-2,#f4f6fa);border:1px solid var(--border)}
.document-support-card span,.document-support-card strong{display:block}
.document-support-card span{font-size:.67rem;color:var(--muted);font-weight:800;letter-spacing:.06em;margin-bottom:6px}
.document-support-card strong{font-size:.86rem;line-height:1.45}
[data-theme="dark"] .documents-card{background:linear-gradient(180deg,#111827,#0f1728)}
[data-theme="dark"] .documents-count-badge,[data-theme="dark"] .document-empty-meta span,[data-theme="dark"] .document-support-card,[data-theme="dark"] .document-actions .icon-btn{background:#182233}
[data-theme="dark"] .document-row:hover{background:rgba(92,124,235,.07)}

@media(max-width:1100px){.document-empty-pro{grid-template-columns:130px 1fr}.document-empty-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:767px){.documents-head{padding:18px}.documents-count-badge{display:none}.document-empty-pro{grid-template-columns:1fr;gap:18px;padding:22px 18px}.document-empty-visual{min-height:auto}.document-empty-content h3{font-size:1.65rem}.document-empty-actions{grid-template-columns:1fr}.document-empty-actions .btn{width:100%}.document-support-card{text-align:left}}