/* CDSL_HOME_PREMIUM_1494 */
:root {
  --cdsl-ink:#172c49;
  --cdsl-sub:#718199;
  --cdsl-blue:#2458a7;
  --cdsl-border:#e4eaf2;
}
body:has(.cdsl-login-shell),
body:has(.cdsl-dashboard){
  margin:0;
  background:#f6f8fc;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--cdsl-ink);
}
.cdsl-eyebrow{
  display:block;font-size:11px;font-weight:800;
  letter-spacing:1.7px;color:var(--cdsl-blue);
}
.cdsl-login-shell{min-height:100vh;display:grid;grid-template-columns:52% 48%}
.cdsl-login-formside{display:flex;align-items:center;justify-content:center;
  padding:55px 45px;background:#fff}
.cdsl-login-inner{width:100%;max-width:440px}
.cdsl-identity{display:flex;align-items:center;gap:14px}
.cdsl-logo{width:60px;height:60px;object-fit:contain}
.cdsl-identity strong{display:block;font-size:14px;line-height:1.3}
.cdsl-identity span{display:block;font-size:12px;color:var(--cdsl-sub);margin-top:3px}
.cdsl-login-welcome{margin:73px 0 32px}
.cdsl-login-welcome h1{font-size:clamp(30px,3vw,43px);letter-spacing:-1.5px;
  font-weight:790;margin:16px 0 12px}
.cdsl-login-welcome p{font-size:14px;line-height:1.8;color:var(--cdsl-sub);max-width:385px}
.cdsl-login-form .form-label{font-size:13px;font-weight:700;color:#293a52;margin-bottom:9px}
.cdsl-login-form .form-control{height:54px;border-radius:11px;
  border:1px solid #dfe5ef;background:#fbfcfe;padding:12px 16px;font-size:14px}
.cdsl-login-form .form-control:focus{border-color:#3972bf;
  box-shadow:0 0 0 3px rgba(36,88,167,.10)}
.cdsl-enter{width:100%;display:flex;justify-content:center;align-items:center;
  gap:15px;height:54px;background:var(--cdsl-blue);border:0;border-radius:11px;
  color:white;font-weight:750;font-size:14px}
.cdsl-enter:hover{background:#164581;color:white}
.cdsl-login-footer{margin-top:37px;font-size:12px;color:#94a0af;text-align:center}
.cdsl-login-photo{position:relative;min-height:100vh;
  background-image:linear-gradient(180deg,rgba(11,31,62,.08) 5%,
  rgba(9,30,59,.18) 38%,rgba(8,26,51,.88) 100%),
  url('/assets/login/predio-login.jpg');
  background-size:cover;background-position:center;display:flex;
  align-items:end;padding:clamp(40px,6vw,92px)}
.cdsl-photo-content{position:relative;color:white;max-width:540px}
.cdsl-photo-line{display:block;background:#fff;width:53px;height:3px;margin-bottom:22px}
.cdsl-photo-content h2{color:#fff;font-weight:780;
  font-size:clamp(29px,3vw,46px);line-height:1.17;letter-spacing:-1px}
.cdsl-photo-content p{font-size:15px;line-height:1.7;opacity:.85;margin-top:20px}
.cdsl-app-header{background:#fff;border-bottom:1px solid var(--cdsl-border)}
.cdsl-header-inner{max-width:1320px;margin:auto;min-height:86px;
  padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.cdsl-app-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cdsl-ink)}
.cdsl-app-brand img{height:46px;width:46px;object-fit:contain}
.cdsl-app-brand strong{display:block;font-size:16px}
.cdsl-app-brand small{display:block;color:var(--cdsl-sub);font-size:11px;margin-top:3px}
.cdsl-header-right{display:flex;align-items:center;gap:15px}
.cdsl-role{border:1px solid #e5eaf3;background:#f6f8fc;border-radius:50px;
  padding:9px 14px;font-size:12px;font-weight:700;color:#596e89}
.cdsl-logout{border:1px solid #dce4f0;border-radius:9px;background:white;
  font-size:12px;font-weight:700;color:#465a76;padding:9px 17px}
.cdsl-logout:hover{background:#f1f5fa}
.cdsl-dashboard{max-width:1320px;margin:auto;padding:48px 30px 30px}
.cdsl-dashboard-heading{display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:34px}
.cdsl-dashboard-heading h1{font-size:clamp(26px,3vw,35px);font-weight:790;
  letter-spacing:-1px;margin:10px 0 8px}
.cdsl-dashboard-heading p{color:var(--cdsl-sub);font-size:14px;margin:0}
.cdsl-main-action{background:var(--cdsl-blue);color:white;display:inline-flex;
  align-items:center;gap:10px;text-decoration:none;border-radius:11px;
  padding:13px 21px;font-size:13px;font-weight:750}
.cdsl-main-action:hover{background:#194782;color:white}
.cdsl-main-action span{font-size:20px;line-height:14px;font-weight:400}
.cdsl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;margin-bottom:51px}
.cdsl-metric{background:white;border:1px solid var(--cdsl-border);
  border-radius:17px;padding:23px 23px 19px;min-width:0}
.cdsl-metric-top{display:flex;justify-content:space-between;gap:7px;
  align-items:flex-start;color:#7a879a;font-size:12px;font-weight:600}
.cdsl-metric-number{color:#bcc6d6;font-size:11px}
.cdsl-metric strong{display:block;font-size:35px;font-weight:790;
  letter-spacing:-1px;margin-top:13px}
.cdsl-section-heading{display:flex;align-items:end;justify-content:space-between;
  gap:12px;flex-wrap:wrap;margin-bottom:20px}
.cdsl-section-heading h2{font-size:22px;font-weight:750;
  letter-spacing:-.5px;margin:6px 0 0}
.cdsl-section-hint{font-size:12px;color:#8a96a6}
.cdsl-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.cdsl-module{background:#fff;border:1px solid var(--cdsl-border);
  border-radius:17px;min-height:139px;padding:24px;display:flex;
  align-items:flex-start;gap:17px;text-decoration:none;color:var(--cdsl-ink);
  transition:transform .18s,border-color .18s,box-shadow .18s}
.cdsl-module:hover{transform:translateY(-2px);color:var(--cdsl-ink);
  border-color:#cbd8ec;box-shadow:0 11px 23px rgba(28,62,103,.07)}
.cdsl-module-icon{width:49px;height:49px;flex:0 0 49px;
  background:#eef4fd;border-radius:13px;display:grid;place-items:center;
  color:#2458a7;font-size:24px}
.cdsl-module-text{flex:1;min-width:0}
.cdsl-module-text h3{font-size:15px;font-weight:760;margin:3px 0 8px}
.cdsl-module-text p{font-size:12.5px;line-height:1.6;color:#8390a2;margin:0}
.cdsl-module-arrow{font-size:18px;color:#9cacc1}
.cdsl-page-footer{text-align:center;color:#96a1b0;font-size:11px;margin:43px 0 5px}
@media(max-width:1000px){
  .cdsl-login-shell{grid-template-columns:1fr 1fr}
  .cdsl-login-formside{padding:40px 30px}
  .cdsl-login-photo{padding:38px}
  .cdsl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .cdsl-login-shell{grid-template-columns:1fr}
  .cdsl-login-formside{min-height:100vh;padding:35px 24px}
  .cdsl-login-inner{max-width:420px}
  .cdsl-login-welcome{margin:55px 0 27px}
  .cdsl-login-photo{display:none}
  .cdsl-header-inner{padding:13px 18px;min-height:76px}
  .cdsl-app-brand img{width:40px;height:40px}
  .cdsl-app-brand strong{font-size:13px}
  .cdsl-app-brand small{font-size:10px}
  .cdsl-role{display:none}
  .cdsl-dashboard{padding:30px 17px}
  .cdsl-dashboard-heading{align-items:flex-start}
  .cdsl-main-action{width:100%;justify-content:center}
  .cdsl-metrics{gap:10px;margin-bottom:35px}
  .cdsl-metric{padding:16px}
  .cdsl-metric strong{font-size:28px}
  .cdsl-metric-top{font-size:11px}
  .cdsl-modules{grid-template-columns:1fr;gap:12px}
  .cdsl-module{padding:20px;min-height:116px}
}