body .client-area-shell.client-front-page-dashboard .front-container.client-front-container,
body .client-area-shell.client-front-page-dashboard .client-front-container{max-width:1300px!important;width:100%!important;margin-inline:auto!important;}
body .client-area-shell.client-front-page-dashboard .client-dashboard-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important;}
body .client-area-shell.client-front-page-dashboard .client-dashboard-content{min-width:0!important;}
body .client-area-shell.client-front-page-dashboard .client-panel,
body .client-area-shell.client-front-page-dashboard .client-item-card{box-shadow:none!important;}

.client-dashboard-v2{--dash-primary:#2563eb;--dash-primary-dark:#1d4ed8;--dash-border:#e2e8f0;--dash-soft:#f8fafc;--dash-text:#0f172a;--dash-muted:#64748b;display:flex;flex-direction:column;gap:18px;}
.dash-hero{border:1px solid var(--dash-border);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:none!important;}
.dash-hero-main{display:flex;align-items:flex-start;gap:14px;min-width:0;}
.dash-avatar{width:62px;height:62px;border-radius:20px;background:#eef4ff;color:var(--dash-primary);display:grid;place-items:center;font-size:20px;font-weight:900;border:1px solid #dbe7ff;flex:0 0 auto;}
.dash-hero h2{margin:0;color:var(--dash-text);font-size:28px;font-weight:900;line-height:1.25;}
.dash-hero p{margin:7px 0 0;color:var(--dash-muted);font-size:14px;line-height:1.9;max-width:650px;}
.dash-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.dash-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:14px;border:1px solid #d7e2f0;background:#fff;color:var(--dash-primary);font-size:14px;font-weight:800;text-decoration:none;box-shadow:none!important;transition:.18s ease;white-space:nowrap;}
.dash-btn:hover{transform:translateY(-1px);box-shadow:none!important;background:#f8fbff;}
.dash-btn.primary{background:linear-gradient(135deg,#2f6bff,#1d4ed8);border-color:#2563eb;color:#fff;}
.dash-btn.primary:hover{background:linear-gradient(135deg,#245df1,#1e40af);color:#fff;}
.dash-btn.success{background:#ecfdf3;border-color:#bbf7d0;color:#15803d;}
.dash-btn.warning{background:#fff7ed;border-color:#fdba74;color:#c2410c;}
.dash-btn.violet{background:#f3e8ff;border-color:#d8b4fe;color:#7c3aed;}
.dash-btn svg{width:17px;height:17px;}

.dash-due-banner{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-weight:800;box-shadow:none!important;}
.dash-due-banner span{display:block;line-height:1.7;}
.dash-due-banner small{display:block;color:#b45309;font-weight:700;margin-top:3px;}

.dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.dash-stat{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--dash-border);background:#fff;border-radius:20px;padding:18px;min-width:0;box-shadow:none!important;text-decoration:none;}
.dash-stat:hover{border-color:#bfdbfe;background:#fbfdff;}
.dash-stat-icon{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;}
.dash-stat-icon svg{width:26px;height:26px;}
.dash-stat-icon.blue{background:#eaf3ff;color:#2563eb;}.dash-stat-icon.green{background:#ecfdf3;color:#16a34a;}.dash-stat-icon.orange{background:#fff7ed;color:#d97706;}.dash-stat-icon.purple{background:#f3e8ff;color:#7c3aed;}.dash-stat-icon.cyan{background:#ecfeff;color:#0891b2;}.dash-stat-icon.red{background:#fff1f2;color:#dc2626;}
.dash-stat span{display:block;color:#475569;font-size:14px;font-weight:800;margin-bottom:8px;}
.dash-stat strong{display:block;color:#0f172a;font-size:31px;line-height:1;font-weight:900;}
.dash-stat small{display:block;color:#64748b;font-size:12px;margin-top:8px;font-weight:700;}

.dash-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;}
.dash-card{border:1px solid var(--dash-border);border-radius:22px;background:#fff;padding:18px;box-shadow:none!important;min-width:0;}
.dash-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.dash-card-head h3{margin:0;color:var(--dash-text);font-size:20px;font-weight:900;}
.dash-card-head p{margin:5px 0 0;color:var(--dash-muted);font-size:13px;line-height:1.7;}
.dash-card-head a{font-size:13px;font-weight:800;color:#2563eb;text-decoration:none;border:1px solid #dbe7ff;background:#f8fbff;border-radius:12px;padding:8px 11px;box-shadow:none!important;}

.dash-service-list{display:grid;gap:12px;}
.dash-service{border:1px solid #edf2f7;background:#fff;border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:12px;box-shadow:none!important;}
.dash-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.dash-service h4{margin:0;color:#0f172a;font-size:18px;font-weight:900;line-height:1.5;}
.dash-service small{display:block;color:#64748b;font-size:12px;margin-top:4px;line-height:1.7;}
.dash-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;white-space:nowrap;}
.dash-pill.success{background:#ecfdf3;color:#15803d;}.dash-pill.info{background:#eaf3ff;color:#2563eb;}.dash-pill.warning{background:#fff7ed;color:#b45309;}.dash-pill.danger{background:#fff1f2;color:#dc2626;}.dash-pill.neutral{background:#f1f5f9;color:#475569;}
.dash-service-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.dash-meta{background:#fbfdff;border:1px solid #edf2f7;border-radius:14px;padding:11px 12px;min-width:0;}
.dash-meta span{display:block;color:#64748b;font-size:11.5px;font-weight:800;margin-bottom:5px;}
.dash-meta strong{display:block;color:#0f172a;font-size:13px;font-weight:900;line-height:1.7;word-break:break-word;}

.dash-side-stack{display:grid;grid-template-columns:1fr;gap:16px;}
.dash-list{display:grid;gap:10px;}
.dash-line{border:1px solid #edf2f7;border-radius:16px;padding:12px 13px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;box-shadow:none!important;}
.dash-line:hover{background:#fbfdff;border-color:#dbeafe;}
.dash-line strong{display:block;color:#0f172a;font-size:14px;font-weight:900;line-height:1.45;}
.dash-line small{display:block;color:#64748b;font-size:12px;margin-top:4px;line-height:1.55;}
.dash-empty{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:16px;padding:22px;text-align:center;color:#64748b;font-weight:700;line-height:1.8;}
.dash-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.dash-shortcut{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:14px;text-decoration:none;color:#0f172a;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:none!important;}
.dash-shortcut:hover{background:#f8fbff;border-color:#bfdbfe;}
.dash-shortcut small{display:block;color:#64748b;font-size:12px;font-weight:700;margin-top:4px;}


/* Client dashboard dark-mode compatibility */
body.front-dark .client-dashboard-v2{
  --dash-primary:#60A5FA;
  --dash-primary-dark:#3B82F6;
  --dash-border:#263247;
  --dash-soft:#111827;
  --dash-text:#F8FAFC;
  --dash-muted:#A6B1C2;
}
body.front-dark .client-dashboard-v2 .dash-hero,
body.front-dark .client-dashboard-v2 .dash-card,
body.front-dark .client-dashboard-v2 .dash-stat,
body.front-dark .client-dashboard-v2 .dash-service,
body.front-dark .client-dashboard-v2 .dash-line,
body.front-dark .client-dashboard-v2 .dash-shortcut{
  background:#0F172A!important;
  border-color:#243044!important;
  color:#E5E7EB!important;
}
body.front-dark .client-dashboard-v2 .dash-hero{
  background:linear-gradient(135deg,#111827 0%,#0B1220 100%)!important;
}
body.front-dark .client-dashboard-v2 .dash-avatar{
  background:#172554!important;
  border-color:#1D4ED8!important;
  color:#DBEAFE!important;
}
body.front-dark .client-dashboard-v2 h2,
body.front-dark .client-dashboard-v2 h3,
body.front-dark .client-dashboard-v2 h4,
body.front-dark .client-dashboard-v2 .dash-stat strong,
body.front-dark .client-dashboard-v2 .dash-line strong,
body.front-dark .client-dashboard-v2 .dash-shortcut,
body.front-dark .client-dashboard-v2 .dash-shortcut span,
body.front-dark .client-dashboard-v2 .dash-meta strong{
  color:#F8FAFC!important;
}
body.front-dark .client-dashboard-v2 p,
body.front-dark .client-dashboard-v2 small,
body.front-dark .client-dashboard-v2 .dash-card-head p,
body.front-dark .client-dashboard-v2 .dash-service small,
body.front-dark .client-dashboard-v2 .dash-line small,
body.front-dark .client-dashboard-v2 .dash-shortcut small,
body.front-dark .client-dashboard-v2 .dash-meta span,
body.front-dark .client-dashboard-v2 .dash-stat span,
body.front-dark .client-dashboard-v2 .dash-stat small{
  color:#A6B1C2!important;
}
body.front-dark .client-dashboard-v2 .dash-stat:hover,
body.front-dark .client-dashboard-v2 .dash-line:hover,
body.front-dark .client-dashboard-v2 .dash-shortcut:hover{
  background:#111C33!important;
  border-color:#34507A!important;
}
body.front-dark .client-dashboard-v2 .dash-card-head a{
  background:#111C33!important;
  border-color:#2E4A73!important;
  color:#BFDBFE!important;
}
body.front-dark .client-dashboard-v2 .dash-meta,
body.front-dark .client-dashboard-v2 .dash-empty{
  background:#0B1220!important;
  border-color:#243044!important;
  color:#A6B1C2!important;
}
body.front-dark .client-dashboard-v2 .dash-due-banner{
  background:rgba(251,146,60,.12)!important;
  border-color:rgba(251,146,60,.38)!important;
  color:#FDBA74!important;
}
body.front-dark .client-dashboard-v2 .dash-due-banner small{
  color:#FED7AA!important;
}
body.front-dark .client-dashboard-v2 .dash-btn:not(.primary):not(.success):not(.warning):not(.violet){
  background:#111C33!important;
  border-color:#2E4A73!important;
  color:#BFDBFE!important;
}
body.front-dark .client-dashboard-v2 .dash-btn.success{
  background:rgba(18,183,106,.14)!important;
  border-color:rgba(18,183,106,.36)!important;
  color:#86EFAC!important;
}
body.front-dark .client-dashboard-v2 .dash-btn.warning{
  background:rgba(247,144,9,.14)!important;
  border-color:rgba(247,144,9,.38)!important;
  color:#FDBA74!important;
}
body.front-dark .client-dashboard-v2 .dash-btn.violet{
  background:rgba(124,58,237,.16)!important;
  border-color:rgba(167,139,250,.36)!important;
  color:#DDD6FE!important;
}
body.front-dark .client-dashboard-v2 .dash-pill.success{background:rgba(18,183,106,.16)!important;color:#86EFAC!important;}
body.front-dark .client-dashboard-v2 .dash-pill.info{background:rgba(59,130,246,.16)!important;color:#BFDBFE!important;}
body.front-dark .client-dashboard-v2 .dash-pill.warning{background:rgba(247,144,9,.16)!important;color:#FDBA74!important;}
body.front-dark .client-dashboard-v2 .dash-pill.danger{background:rgba(240,68,56,.16)!important;color:#FCA5A5!important;}
body.front-dark .client-dashboard-v2 .dash-pill.neutral{background:#1E293B!important;color:#CBD5E1!important;}
body.front-dark .client-dashboard-v2 .dash-stat-icon.blue{background:rgba(59,130,246,.16)!important;color:#93C5FD!important;}
body.front-dark .client-dashboard-v2 .dash-stat-icon.green{background:rgba(18,183,106,.16)!important;color:#86EFAC!important;}
body.front-dark .client-dashboard-v2 .dash-stat-icon.orange{background:rgba(247,144,9,.16)!important;color:#FDBA74!important;}
body.front-dark .client-dashboard-v2 .dash-stat-icon.purple{background:rgba(124,58,237,.16)!important;color:#DDD6FE!important;}
body.front-dark .client-dashboard-v2 .dash-stat-icon.cyan{background:rgba(6,182,212,.16)!important;color:#67E8F9!important;}
body.front-dark .client-dashboard-v2 .dash-stat-icon.red{background:rgba(240,68,56,.16)!important;color:#FCA5A5!important;}
body.front-dark .client-area-shell.client-front-page-dashboard .client-panel,
body.front-dark .client-area-shell.client-front-page-dashboard .client-dashboard-content{
  color:#E5E7EB!important;
}

@media(max-width:1200px){body .client-area-shell.client-front-page-dashboard .client-dashboard-layout{grid-template-columns:1fr!important}.dash-grid{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.dash-hero{display:block}.dash-actions{margin-top:14px}.dash-stats,.dash-service-meta,.dash-shortcuts{grid-template-columns:1fr}.dash-btn{width:100%}.dash-card{padding:15px}.dash-hero h2{font-size:24px}}