
body{font-weight:400}
b,strong{font-weight:700}

.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.vt-loader{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transition:opacity var(--t) var(--ease);
  z-index:10000;
  background:rgba(0,0,0,.10);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
}
html.js body.preload .vt-loader,body.leaving .vt-loader{opacity:1}

html[data-theme="light"] .vt-loader{
  background:rgba(255,255,255,.18);
}

.vt-loader .loader{
  --cell-size:16px;
  --cell-spacing:2px;
  --cells:3;
  --total-size:calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
  display:flex;
  flex-wrap:wrap;
  width:var(--total-size);
  height:var(--total-size);
  transform:translateZ(0);
}

.vt-loader .cell{
  flex:0 0 var(--cell-size);
  margin:var(--cell-spacing);
  background-color:transparent;
  box-sizing:border-box;
  border-radius:3px;
  animation-name:ripple;
  animation-duration:1.2s;
  animation-timing-function:ease;
  animation-iteration-count:infinite;
  will-change:background-color;
}

.vt-loader .cell.d-1{animation-delay:100ms}
.vt-loader .cell.d-2{animation-delay:200ms}
.vt-loader .cell.d-3{animation-delay:300ms}
.vt-loader .cell.d-4{animation-delay:400ms}

.vt-loader .cell:nth-child(1){--cell-color:#00FF87}
.vt-loader .cell:nth-child(2){--cell-color:#0CFD95}
.vt-loader .cell:nth-child(3){--cell-color:#17FBA2}
.vt-loader .cell:nth-child(4){--cell-color:#23F9B2}
.vt-loader .cell:nth-child(5){--cell-color:#30F7C3}
.vt-loader .cell:nth-child(6){--cell-color:#3DF5D4}
.vt-loader .cell:nth-child(7){--cell-color:#45F4DE}
.vt-loader .cell:nth-child(8){--cell-color:#53F1F0}
.vt-loader .cell:nth-child(9){--cell-color:#60EFFF}

@keyframes ripple{
  0%{background-color:transparent}
  30%{background-color:var(--cell-color)}
  60%{background-color:transparent}
  100%{background-color:transparent}
}


h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:700}

html[data-theme="light"]{
  --bg:#f8fafc;
  --text:#0f172a;
  --muted:#475569;
  --border:rgba(15,23,42,0.18);
  --ring:rgba(37,99,235,0.25);
}

html[data-theme="light"] body{
  background:#f8fafc !important;
  color:var(--text) !important;
}

html[data-theme="light"] .nav{
  background:#ffffff !important;
  border-bottom:1px solid rgba(15,23,42,0.14) !important;
}
html[data-theme="light"] .card{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.18) !important;
  box-shadow:0 18px 45px rgba(2,6,23,0.08) !important;
}
html[data-theme="light"] .pill,
html[data-theme="light"] .toolGroup,
html[data-theme="light"] .badge{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.18) !important;
  color:var(--text) !important;
}
html[data-theme="light"] .btn2{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.18) !important;
  color:var(--text) !important;
}
html[data-theme="light"] .btn2:hover{
  background:rgba(37,99,235,0.06) !important;
  border-color:rgba(37,99,235,0.28) !important;
  filter:none !important;
  box-shadow:0 14px 30px rgba(2,6,23,0.10) !important;
}

html[data-theme="light"] .input{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.20) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
html[data-theme="light"] .input::placeholder{color:rgba(15,23,42,0.55) !important}
html[data-theme="light"] .input:focus{
  border-color:rgba(37,99,235,0.40) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,0.14) !important;
}

html[data-theme="light"] .table th{
  background:#f1f5f9 !important;
  color:#334155 !important;
  border-color:rgba(15,23,42,0.14) !important;
}
html[data-theme="light"] .table td{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.12) !important;
}

html[data-theme="light"] .cardLite,
html[data-theme="light"] .chip,
html[data-theme="light"] .authKpi,
html[data-theme="light"] .pKpi,
html[data-theme="light"] .resStep,
html[data-theme="light"] .resKpi,
html[data-theme="light"] .noteBox,
html[data-theme="light"] .priceTag,
html[data-theme="light"] .hint,
html[data-theme="light"] .pwBtn,
html[data-theme="light"] .captchaBox{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.18) !important;
  color:var(--text) !important;
}

html[data-theme="light"] .calLoading{
  background:rgba(255,255,255,0.78) !important;
  backdrop-filter:blur(10px) !important;
}
html[data-theme="light"] .calLoading .box{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.18) !important;
}
html[data-theme="light"] .calLoading .bar{
  background:linear-gradient(90deg, rgba(15,23,42,.10), rgba(15,23,42,.04), rgba(15,23,42,.10)) !important;
}
html[data-theme="light"] .cal-dow{color:#475569 !important}
html[data-theme="light"] .cal-head .btn2{
  background:#f1f5f9 !important;
  border-color:rgba(15,23,42,0.18) !important;
  color:#0f172a !important;
}
html[data-theme="light"] .cal-cell{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.16) !important;
  color:#0f172a !important;
  box-shadow:none !important;
}
html[data-theme="light"] .cal-cell:hover{
  background:rgba(37,99,235,0.06) !important;
  border-color:rgba(37,99,235,0.30) !important;
  box-shadow:0 14px 28px rgba(2,6,23,0.08) !important;
}
html[data-theme="light"] .cal-cell.disabled{
  background:#f1f5f9 !important;
  border-color:rgba(15,23,42,0.10) !important;
  color:rgba(15,23,42,0.38) !important;
  opacity:1 !important;
}
html[data-theme="light"] .cal-cell.selected{
  background:rgba(34,197,94,0.10) !important;
  border-color:rgba(22,163,74,0.50) !important;
  box-shadow:0 0 0 4px rgba(34,197,94,0.12) !important;
}
html[data-theme="light"] .cal-cell.today{
  border-color:rgba(124,58,237,0.45) !important;
  box-shadow:0 0 0 4px rgba(124,58,237,0.12) !important;
}

html[data-theme="light"] .slotItemX{
  background:#ffffff !important;
  border-color:rgba(15,23,42,0.18) !important;
  box-shadow:none !important;
}
html[data-theme="light"] .slotItemX:hover{
  border-color:rgba(37,99,235,0.28) !important;
  box-shadow:0 14px 28px rgba(2,6,23,0.10) !important;
}
html[data-theme="light"] .slotItemX.sel{
  background:rgba(34,197,94,0.10) !important;
  border-color:rgba(22,163,74,0.55) !important;
  box-shadow:0 0 0 4px rgba(34,197,94,0.12) !important;
}

html[data-theme="light"] .alert{
  background:rgba(255,255,255,0.92) !important;
  border-color:rgba(15,23,42,0.18) !important;
  color:var(--text) !important;
  box-shadow:0 12px 28px rgba(2,6,23,0.08) !important;
}
html[data-theme="light"] .alert.ok{
  border-color:rgba(22,163,74,0.40) !important;
  background:rgba(34,197,94,0.08) !important;
}
html[data-theme="light"] .alert.bad{
  border-color:rgba(220,38,38,0.40) !important;
  background:rgba(239,68,68,0.08) !important;
}


html[data-theme="light"] .resActionBar{
  background:rgba(255,255,255,0.92) !important;
  border-top:1px solid rgba(15,23,42,0.14) !important;
  box-shadow:0 -18px 40px rgba(2,6,23,0.12) !important;
}

html[dir="ltr"] .slotItemX{text-align:left !important}
