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}

select.input{
  appearance:none !important;
  -webkit-appearance:none !important;
  padding-inline-end:42px !important;
  background-color:#111827 !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.30) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23e2e8f0' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:left 14px center !important;
  background-size:16px 16px !important;
}
html[dir="ltr"] select.input{
  background-position:right 14px center !important;
}
select.input option{
  background:#111827 !important;
  color:#f8fafc !important;
}

html[data-theme="light"] select.input{
  background-color:#ffffff !important;
  color:#0f172a !important;
  border-color:rgba(15,23,42,.20) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%230f172a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:left 14px center !important;
  background-size:16px 16px !important;
}
html[data-theme="light"][dir="ltr"] select.input{
  background-position:right 14px center !important;
}
html[data-theme="light"] select.input option{
  background:#ffffff !important;
  color:#0f172a !important;
}

@media (min-width:721px){
  .nav{overflow:visible !important}
  .nav .row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"brand tools" "links links" !important;
    align-items:center !important;
    row-gap:12px !important;
  }
  .brand{grid-area:brand !important;min-width:0 !important}
  .menu{grid-area:links !important;min-width:0 !important;width:100% !important;overflow:visible !important}
  .navTools{grid-area:tools !important;justify-self:end !important;min-width:max-content !important}
  .menuLinks{
    display:flex !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
    gap:10px !important;
    min-width:0 !important;
  }
  .menuLinks .pill{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .menuLinks .pillText{
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}

.voiceSelect,.voiceSelectWrap{
  visibility:visible !important;
}
.voiceSelect{
  display:block !important;
  opacity:1 !important;
}
.voiceSelect:disabled{
  opacity:.78 !important;
}
.voiceSelect option{
  background:#111827 !important;
  color:#f8fafc !important;
}
html[data-theme="light"] .voiceSelect option{
  background:#fff !important;
  color:rgba(17,24,39,.92) !important;
}
.dashJoin,.dashActions .dashJoin,.dashActions a.btn2.dashJoin{
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  border-color:rgba(34,197,94,.70) !important;
  color:#fff !important;
}
@media (max-width:560px){
  .dashActions a.btn2.dashJoin,.dashGrid .dashActions a.btn2.dashJoin{
    background:linear-gradient(135deg,#16a34a,#22c55e) !important;
    border-color:rgba(34,197,94,.70) !important;
    color:#fff !important;
  }
}