/* Portal theme 5.53.13 — blue corporate */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root{
  --kedo-bg:#e6edf5;
  --kedo-surface:#ffffff;
  --kedo-surface-soft:#f2f6fb;
  --kedo-border:#cfdceb;
  --kedo-border-strong:#b4c7db;
  --kedo-text:#1a2a3a;
  --kedo-heading:#0d2137;
  --kedo-muted:#6a7f94;
  --kedo-primary:#1a5f96;
  --kedo-primary-hover:#154e7c;
  --kedo-accent:#2b7bb5;
  --kedo-success:#1f6b45;
  --kedo-danger:#a94442;
  --kedo-radius:8px;
  --kedo-shadow:0 1px 3px rgba(13,33,55,.06);
}

html,body{
  background:
    radial-gradient(ellipse 60% 40% at 0% 0%, rgba(43,123,181,.10), transparent 50%),
    linear-gradient(180deg,#eaf0f6,#dde6f0)!important;
  color:var(--kedo-text)!important;
  font-family:"Manrope","Segoe UI",sans-serif!important;
}

.top{
  background:#0d2137!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04)!important;
  border-bottom:1px solid #081628!important;
}
.top .secondary,
.user-menu-button,
.global-search-button,
.notification-button{
  border-radius:8px!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.07)!important;
}
.nav{
  background:rgba(255,255,255,.82)!important;
  border:1px solid var(--kedo-border)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.nav button{color:#3d556c!important}
.nav button:hover{background:#eef4fa!important;color:#0d2137!important}
.nav button.active{
  background:#1a5f96!important;
  color:#fff!important;
  box-shadow:none!important;
}
.page-title{
  color:var(--kedo-heading)!important;
  letter-spacing:-.03em!important;
  font-weight:800!important;
}
.card,.stat,.admin-stat,.inbox-card,.home-metric,.home-action-row{
  background:var(--kedo-surface)!important;
  border:1px solid var(--kedo-border)!important;
  border-radius:10px!important;
  box-shadow:var(--kedo-shadow)!important;
}
.primary{
  background:var(--kedo-primary)!important;
  border-color:var(--kedo-primary)!important;
  color:#fff!important;
  border-radius:8px!important;
}
.primary:hover{background:var(--kedo-primary-hover)!important}
.secondary{
  background:#fff!important;
  border:1px solid var(--kedo-border)!important;
  border-radius:8px!important;
  color:#24384c!important;
}
.login-page{
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(26,95,150,.14), transparent 55%),
    #dbe5f0!important;
}
.login-card{
  border:1px solid #c5d5e6!important;
  border-radius:12px!important;
  box-shadow:0 18px 44px rgba(13,33,55,.12)!important;
  background:#fff!important;
}
.login-brand h1{color:#0d2137!important;letter-spacing:-.03em!important}
.eyebrow{color:#6a7f94!important}
button:hover:not(:disabled){transform:none!important}

.footer{color:#6a7f94!important}
input:focus,select:focus,textarea:focus{
  border-color:#5b93c2!important;
  box-shadow:0 0 0 3px rgba(26,95,150,.12)!important;
}

/* Fast page transitions */
#main,main#main,main{
  transition:opacity .12s ease, transform .16s ease;
  will-change:opacity, transform;
}
#main.kedo-page-out,main.kedo-page-out{
  opacity:.35;
  transform:translateY(4px);
  pointer-events:none;
}
#main.kedo-page-in,main.kedo-page-in{
  animation:kedoPageIn .12s ease both;
}
@keyframes kedoPageIn{
  from{opacity:.55}
  to{opacity:1}
}
.kedo-page-loading{
  min-height:220px;
  display:grid;
  place-items:center;
  gap:10px;
  color:#6a7f94;
  font-size:13px;
  font-weight:600;
}
.kedo-page-spinner{
  width:22px;height:22px;
  border:2px solid #c5d5e6;
  border-top-color:#1a5f96;
  border-radius:50%;
  animation:kedoSpin .55s linear infinite;
}
@keyframes kedoSpin{to{transform:rotate(360deg)}}
.nav button{
  transition:background-color .12s ease,color .12s ease,box-shadow .12s ease!important;
}
.nav button:active{transform:scale(.98)!important}
html body button:hover:not(:disabled),
html body .nav button:hover,
html body .primary:hover,
html body .secondary:hover{
  transform:none!important;
}