/*
 * This file is subject to the terms and conditions defined in
 * file 'LICENSE.txt', which is part of this source code package.
 */

::-webkit-input-placeholder{
  color:var(--mb-color-text-tertiary);
}

:-moz-placeholder{
  color:var(--mb-color-text-tertiary);
}

:-ms-input-placeholder{
  color:var(--mb-color-text-tertiary);
}

.HyjCv{
  margin-bottom:1.5em;
  color:var(--mb-color-text-secondary);
}

.HyjCv.ttvnW{
  color:var(--mb-color-error);
}

.onBdv{
  display:block;
  font-weight:900;
  font-size:0.88em;
  color:inherit;
  margin-bottom:0.5em;
}

.Zt7H1{
  font-family:var(--mb-default-font-family);
  font-weight:700;
  font-size:16px;
  color:var(--mb-color-text-primary);
  background-color:var(--mb-color-background-primary);
  padding:0.75em;
  border:1px solid var(--mb-color-border);
  border-radius:8px;
  outline:none;
}

.HyjCv.ttvnW .Zt7H1{
  border-color:var(--mb-color-error);
}

.IL1zw:focus{
  outline:0;
}

.Zt7H1:focus:not(.IL1zw),
.HyjCv:hover .Zt7H1:not(.IL1zw){
  border-color:var(--mb-color-brand);
  transition:border 300ms ease-in-out;
}

.c1GhG .Icon,
.oQc3i .wulvJ .Icon{
  color:var(--mb-color-text-primary);
}

.c1GhG:hover .Icon{
  color:inherit;
}

.oQc3i .Icon{
  color:var(--mb-color-text-tertiary);
}

.c1GhG{
  color:var(--mb-color-text-primary);
  border:2px solid transparent;
}

.rzOoP{
  border-radius:8px;
  outline:2px solid var(--mb-color-focus);
  outline-offset:-4px;
}

.a3g6g .c1GhG:hover,
.a3g6g .c1GhG:hover .Icon,
.a3g6g .c1GhG:hover .hldqf,
.gLbWv .c1GhG,
.gLbWv .c1GhG ._6u7em .Icon{
  color:currentColor;
}

.gLbWv .c1GhG .hldqf{
  color:var(--mb-color-text-primary);
}

.hldqf{
  word-wrap:break-word;
}

.oQc3i{
  display:flex;
  border-radius:4px;
  margin-top:2px;
  margin-bottom:2px;
}

.xrQYx{
  outline:2px solid var(--mb-color-focus);
}

.xrQYx:not(.N0BUQ),
.oQc3i:not(.N0BUQ):hover,
.Z1A0q:not(.N0BUQ){
  background-color:currentColor;
  --select-list-item-text-color:var(--mb-color-text-primary-inverse);
}

.ITGZp{
  color:var(--mb-color-text-primary);
}

.N0BUQ .ITGZp{
  color:var(--mb-color-text-tertiary);
}

.xrQYx:not(.N0BUQ) .ITGZp,
.oQc3i:not(.N0BUQ):hover .ITGZp,
.Z1A0q:not(.N0BUQ) .ITGZp{
  color:var(--mb-color-text-primary-inverse);
}

.V8ICI{
  margin-top:0.25em;
  margin-bottom:0;
  color:var(--mb-color-text-secondary);
}

.N0BUQ .V8ICI{
  color:var(--mb-color-text-primary);
}

.xrQYx:not(.N0BUQ) .V8ICI,
.oQc3i:not(.N0BUQ):hover .V8ICI,
.Z1A0q:not(.N0BUQ) .V8ICI{
  color:rgba(255, 255, 255, 0.5);
}

.xrQYx:not(.N0BUQ) .Icon,
.oQc3i:not(.N0BUQ):hover .Icon,
.Z1A0q:not(.N0BUQ) .Icon{
  color:var(--mb-color-text-primary-inverse) !important;
}

.oQc3i:not(.N0BUQ):hover .BUpuR,
.Z1A0q .BUpuR{
  visibility:visible;
}

.ZGL7C{
  position:absolute;
  z-index:var(--mb-overlay-z-index);
}

.P0gJc{
  margin:auto;
  width:640px;
  box-shadow:0 0 6px var(--mb-color-shadow);
  max-height:90%;
  overflow-y:auto;
  border:1px solid var(--mb-color-border);
}

.xpujN > .P0gJc{
  margin:0;
}

.P0gJc.kmQmw{
  width:480px;
}

.P0gJc.yY2bd{
  width:65%;
}

.P0gJc.VWt3n{
  width:85%;
}

.P0gJc._OC6F{
  width:auto;
  max-height:100%;
}

.P0gJc.XPSee{
  min-height:85%;
}

.frw_g{
  background-color:var(--mb-color-background-primary);
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.xpujN{
  background-color:var(--mb-color-overlay);
}

.xpujN.fCxBM,
.xpujN.GCAjl{
  background-color:color-mix(
    in srgb,
    var(--mb-color-background-primary-inverse) 1%,
    transparent
  );
}

.xpujN.Q8JcS,
.xpujN.FsNPY{
  transition:background-color 200ms ease-in-out;
  background-color:var(--mb-color-overlay);
}

.xpujN._7hRa{
  background-color:var(--mb-color-overlay);
}

.xpujN.t7EQP{
  transition:background-color 200ms ease-in-out 100ms;
  background-color:color-mix(
    in srgb,
    var(--mb-color-background-primary-inverse) 1%,
    transparent
  );
}

.xpujN.fCxBM .P0gJc,
.xpujN.GCAjl .P0gJc{
  opacity:0.01;
  transform:translate(0, 40px);
}

.xpujN.Q8JcS .P0gJc,
.xpujN.FsNPY .P0gJc{
  transition:opacity 200ms linear 100ms, transform 200ms ease-in-out 100ms;
  opacity:1;
  transform:translate(0, 0);
}

.xpujN._7hRa .P0gJc{
  opacity:1;
  transform:translate(0, 0);
}

.xpujN.t7EQP .P0gJc{
  transition:opacity 200ms linear, transform 200ms ease-in-out;
  opacity:0.01;
  transform:translate(0, -40px);
}

@media (prefers-reduced-motion){
  .xpujN.fCxBM,
  .xpujN.GCAjl,
  .xpujN._7hRa,
  .xpujN.fCxBM .P0gJc,
  .xpujN.GCAjl .P0gJc,
  .xpujN._7hRa .P0gJc{
    transition:none;
  }
}

.tippy-content{
  white-space:pre-wrap;
}

.tippy-box{
  color:inherit;
}

.Fy_Lj{
  cursor:grabbing;
}

.Fy_Lj *{
  cursor:grabbing;
}

:root{
  --page-header-padding:2.375rem;
}

.YCDJy{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
}

.YCDJy thead{
  border-bottom:1px solid var(--mb-color-border);
}

.fVUFi{
  padding-top:2.375rem;
  padding-top:var(--page-header-padding);
  padding-bottom:2.375rem;
  padding-bottom:var(--page-header-padding);
}

.MoVq7{
  text-align:right;
}

.YCDJy .MoVq7{
  opacity:0;
}

.YCDJy td,
.YCDJy th{
  padding:1em;
}

.YCDJy th{
  color:var(--mb-color-text-primary);
  padding:1em;
}

.YCDJy tbody tr:hover{
  background-color:var(--mb-color-background-hover);
}

.YCDJy tr:hover .MoVq7{
  opacity:1;
  transition:opacity 0.2s linear;
}

.P6BXN{
  background-color:var(--mb-color-background-secondary);
  border:var(--border-size) var(--border-style) var(--mb-color-border);
  border-radius:var(--default-border-radius);
  width:266px;
  min-height:300px;
  box-shadow:inset -1px -1px 3px var(--mb-color-shadow);
  padding-bottom:0.75em;
}

.NvGIA{
  position:relative;
}

.NvGIA .kJ8fM{
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  margin-left:1em;
  color:var(--mb-color-text-tertiary);
}

.NvGIA .hIrQr{
  padding:0.5em;
  padding-left:2em;
  font-size:18px;
  width:100%;
  border-top-left-radius:var(--default-border-radius);
  border-top-right-radius:var(--default-border-radius);
  border-bottom-color:var(--mb-color-border);
}

.JWe57{
  padding:0.75em 1em 0.75em 1em;
  border:var(--border-size) var(--border-style) transparent;
  border-radius:var(--default-border-radius);
  margin-bottom:0.25em;
}

.JWe57.MCJmm{
  color:var(--mb-color-brand);
}

.JWe57.MCJmm,
.JWe57:hover{
  background-color:var(--mb-color-background-primary);
  border-color:var(--mb-color-border);
  margin-left:-0.5em;
  margin-right:-0.5em;
  padding-left:1.5em;
  padding-right:1.5em;
  box-shadow:0 1px 2px var(--mb-color-shadow);
}

.y7zpn{
  margin-top:1em;
  padding:0.5em 1em 0.5em 1em;
  text-transform:uppercase;
  color:var(--mb-color-text-tertiary);
  font-weight:700;
  font-size:smaller;
  padding-right:15px;
}

.hIrQr{
  color:var(--mb-color-text-primary);
  padding:var(--padding-1);
  background-color:var(--mb-color-background-secondary);
  border:1px solid transparent;
}

.hIrQr:focus{
  border-color:var(--mb-color-brand);
  box-shadow:none;
  outline:0;
}

.ni2Xl{
  min-width:800px;
}

.imwnZ{
  font-size:14px;
}

.JBWKA{
  width:400px;
}

.Ww3Rr{
  width:200px;
}

.atDOq{
  min-width:180px;
}

.O61St{
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
}

.O61St th{
  text-transform:uppercase;
  color:var(--mb-color-text-secondary);
  padding:var(--padding-1);
  font-weight:normal;
}

.O61St thead{
  border-bottom:var(--border-size) var(--border-style) var(--mb-color-border);
}

.O61St tbody tr:first-child td{
  padding-top:var(--margin-1);
}

@keyframes Sn7zz{
  0%{
    background-position:0% 50%;
  }

  50%{
    background-position:100% 50%;
  }

  100%{
    background-position:0% 50%;
  }
}

.gm7tT.ICYKj{
  min-height:100vh;
  height:auto;
}

.gm7tT.ICYKj .KlSEb{
  color:var(--mb-color-text-primary);
  transition:var(--transition-theme-change);
}

.gm7tT.ICYKj,
.gm7tT.ICYKj ._9aEe,
.gm7tT.ICYKj .f_IRm ._mLrC{
  transition:var(--transition-theme-change);
}

.eEpci{
  margin-top:1.5em;
}

.eEpci .f_IRm ._mLrC{
  transition:border 0.3s, background-color 0.3s;
}

.eEpci .Mcexu:first-of-type{
  margin-top:0.5rem;
}

.eEpci .Mcexu{
  pointer-events:none;
}

.eEpci .blrvB{
  pointer-events:all;
}

.QV3Td{
  pointer-events:none;
  color:var(--mb-color-text-tertiary);
}

.eEpci .f_IRm.react-draggable-dragging ._mLrC{
  box-shadow:3px 3px 8px var(--mb-color-shadow);
}

.G0x8i .react-resizable-handle::after{
  border-color:var(--mb-color-brand) !important;
}

.eEpci .f_IRm.react-draggable-dragging,
.eEpci .f_IRm.react-resizable-resizing{
  z-index:3;
}

.eEpci .f_IRm.react-draggable-dragging ._mLrC,
.eEpci .f_IRm.react-resizable-resizing ._mLrC{
  background-color:var(--mb-color-background-tertiary) !important;
  border:1px solid var(--mb-color-brand);
}

.eEpci .f_IRm .x4Qbf{
  position:absolute;
  right:-2px;
  top:-2px;
}

.eEpci .f_IRm:hover .x4Qbf{
  opacity:0;
  transition:opacity 0.15s linear;
}

.eEpci:not(.ks3ow) .f_IRm{
  cursor:move;
}

.eEpci .f_IRm .react-resizable-handle{
  position:absolute;
  width:40px;
  height:40px;
  bottom:0;
  right:0;
  z-index:1;
  cursor:nwse-resize !important;
  background:none;
}

.eEpci .f_IRm .react-resizable-handle::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  bottom:6px;
  right:6px;
  border-bottom:2px solid var(--mb-color-border);
  border-right:2px solid var(--mb-color-border);
  border-bottom-right-radius:2px;
  transition:opacity 0.2s;
  opacity:0.01;
}

.eEpci .f_IRm .react-resizable-handle:hover::after{
  border-color:var(--mb-color-border);
}

.eEpci .f_IRm:hover .react-resizable-handle::after{
  opacity:1;
}

.eEpci
  .f_IRm.react-draggable-dragging .react-resizable-handle::after,
.eEpci
  .f_IRm.react-resizable-resizing .react-resizable-handle::after{
  opacity:0.01;
}

.eEpci .react-grid-placeholder{
  z-index:0;
  background-color:var(--mb-color-background-secondary) !important;
  transition:all 0.15s linear;
}

.SMkYf{
}

@media print{
  header,
  nav{
    display:none;
  }
  .dc-chart .axis .tick text,
  .dc-chart .x-axis-label,
  .dc-chart .y-axis-label{
    fill:var(--mb-color-text-primary);
  }
}

@page{
  margin:1cm;
}

.gm7tT text.value-label,
.gm7tT text.value-label-white{
  font-size:12px;
}

._ihnt{
  font-weight:700;
  white-space:pre;
}

.gm7tT .gSki8{
  color:var(--mb-color-text-primary);
  font-size:0.8125rem;
  font-weight:400;
}

.dc-chart g.axis g.tick text{
  pointer-events:all;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.OvWLa{
  transition:margin-right 0.35s;
}

.wdXLo{
  display:flex;
  align-items:center;
}

.ZtNAi{
  text-transform:uppercase;
  font-size:10px;
  font-weight:700;
  color:var(--mb-color-text-secondary);
}

.Bm0eE{
  max-width:400px;
}

.GUDCt{
  display:flex;
  overflow-y:hidden;
  white-space:nowrap;
}

.FTV9j{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.cdn74 .GUDCt{
  flex-direction:column;
}

.cdn74 .wdXLo{
  margin-left:-0.5rem;
}

.h73MB{
  padding-top:5px;
  overflow-y:auto;
  max-height:340px;
}

.pawER{
  max-width:320px;
}

.pawER.gNQvC{
  opacity:1;
  transition:opacity 0.3s linear;
  pointer-events:all;
}

.pawER.kqkzR{
  max-height:inherit;
}

.VWrWr{
  display:flex;
  align-items:center;
  cursor:pointer;
  padding:0.75rem 1.5rem 0.75rem 0.75rem;
  background-color:var(--mb-color-background-primary);
}

.VWrWr:hover{
  background-color:currentColor;
}

.VWrWr .Icon{
  margin-left:0.5rem;
  margin-right:0.75rem;
  color:currentcolor;
}

.VWrWr .Icon-check{
  opacity:0;
}

.VWrWr .Icon-chevrondown{
  opacity:1;
}

.VWrWr:hover .Icon{
  color:var(--mb-color-text-primary-inverse) !important;
}

.VWrWr:hover .KupWC{
  color:var(--mb-color-text-primary-inverse);
}

.VWrWr:hover .w0Knj{
  color:var(--mb-color-text-primary-inverse);
}

.VWrWr._25YdI .Icon-check{
  opacity:1;
}

.KupWC{
  color:currentColor;
  margin-bottom:0.25em;
}

.w0Knj{
  color:var(--mb-color-text-secondary);
  font-size:0.8rem;
}

.Hw0dt{
  transition:background 0.3s linear;
}

.Hw0dt.f628X{
  transition:background 0.3s linear;
}

.sycGJ{
  flex-direction:column;
  justify-content:center;
  max-width:500px;
  margin-left:auto;
  margin-right:auto;
}

.aZOqC{
  background-repeat:no-repeat;
  margin-bottom:1rem;
}

.Df4CB{
  width:120px;
  height:120px;
  background-image:url(./1942cf42dac79865.svg);
}

.fqLTs{
  width:120px;
  height:148px;
  background-image:url(./a7942c5ef541db3c.svg);
}

.ds3kM{
  width:120px;
  height:120px;
  background-image:url(./8fcb1fccd3eae75b.svg);
}

.DljeP{
  line-height:1.4;
}

.ZCtwT{
  position:relative;
  display:inline-block;
  border-radius:var(--default-border-radius);
  border:1px solid var(--mb-color-border);
  margin-top:var(--margin-2);
  padding:var(--padding-1) var(--padding-4) var(--padding-1) var(--padding-4);
}

.QweFF::before{
  content:"Admin Email";
  font-size:10px;
  text-align:center;
  text-transform:uppercase;
  background-color:var(--mb-color-background-primary);
  padding-left:var(--padding-1);
  padding-right:var(--padding-1);
  position:absolute;
  top:-0.75em;
  left:50%;
  margin-left:-41px;
}

.CGXsu{
  padding-top:4rem;
  margin-left:auto;
  margin-right:auto;
}

.r7NkD{
  max-width:500px;
}

.EGA31{
  position:relative;
  display:flex;
  flex-direction:column;
  font-size:0.9em;
  z-index:2;
  background-color:var(--mb-color-background-primary);
  border:1px solid var(--mb-color-border);
}

@media screen and (min-width: 60em){
  .EGA31{
    font-size:1em;
  }
}

.W94F6{
  border-bottom:1px solid var(--mb-color-border);
}

.W94F6:last-child{
  border-bottom-color:transparent;
}

.xV5g2{
  line-height:1rem;
  z-index:1;
}

.JVlDM{
  border-right:1px solid transparent;
}

.T9gvs{
  border-right:1px solid var(--mb-color-border);
}

.EGA31.J3MrI{
  flex-direction:row;
}

.EGA31.J3MrI .W94F6:last-child{
  border-right-color:transparent;
  border-bottom-color:var(--mb-color-border);
}

.EGA31.J3MrI .JVlDM{
  border-right-color:var(--mb-color-border);
}

.h2P1R{
  position:relative;
  min-height:3rem;
  min-width:100px;
}

.NmHQ2{
  background-color:var(--mb-color-background-primary);
  position:absolute;
  top:-7px;
  left:10px;
  padding-left:10px;
  padding-right:10px;
}

.huTzH{
  opacity:1;
  transition:transform 0.25s, opacity 0.25s;
}

.huTzH.b2xj3{
  padding:0.25rem 1.5rem;
  border:none;
}

.huTzH.b2xj3 .uqJ68{
    transform:translateX(2px);
  }

.huTzH.kNFKN{
  transform:translateY(-20px);
  opacity:0;
}

@media (prefers-reduced-motion){
  .huTzH,
  .huTzH.b2xj3,
  .huTzH.kNFKN{
    transition-duration:10ms;
  }
}

.WL6jO{
  max-height:200px;
  overflow:scroll;
  padding:1em;
  background-color:var(--mb-color-background-secondary);
  border:1px solid var(--mb-color-border);
  border-radius:2px;
  white-space:pre-wrap;
}

.Y_QNG{
  color:var(--mb-color-text-tertiary);
  border:2px solid currentColor;
  border-radius:99px;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0.7;
  cursor:pointer;
}

.Y_QNG::after{
  content:"?";
  font-size:13px;
  font-weight:bold;
}

.OvWLa ._ihnt{
  font-size:5em;
}

.i2tYo{
  background-color:color-mix(
    in srgb,
    var(--mb-color-background-primary) 75%,
    transparent
  );
  transition:opacity 0.5s, background-color 0.5s;
}

.i2tYo.KcraU{
    cursor:pointer;
  }

.i2tYo.KcraU:hover{
      background-color:color-mix(
        in srgb,
        var(--mb-color-brand) 3%,
        color-mix(in srgb, var(--mb-color-background-primary) 75%, transparent)
      );
    }

.i2tYo.ioRFj{
    background-color:transparent;
    pointer-events:none;
  }

@keyframes WvJLf{
  from{
    transform:translate3d(0, 0, 0, 0);
  }

  to{
    transform:translate3d(1000px, 0, 0);
  }
}

.sQ7Yn{
  transform-style:preserve-3d;
  transform-origin:center;
  transition:transform 1s;
}

.dLFte{
  transform:rotateY(180deg);
}

@keyframes wAefP{
  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes AirDY{
  0%{
    opacity:0;
  }

  100%{
    opacity:1;
  }
}

@keyframes VJ1o7{
  0%{
    opacity:0;
    transform:translateX(50%);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes hQdB_{
  from{
    opacity:0;
    transform:translate(-50%, 100px);
  }

  to{
    opacity:1;
    transform:translate(-50%, 0);
  }
}

.ReQDX{
  animation:0.15s ease-out 0s 1 wAefP;
  transform-origin:center center;
}

.T7OAM{
  animation:0.15s ease-out 0s 1 VJ1o7;
}

.XjXK6{
  animation:0.15s ease-out 0s 1 hQdB_;
}

.rZfgh{
  animation:0.15s ease-out 0s 1 AirDY;
  transform-origin:center center;
}

@media (prefers-reduced-motion: reduce){
  .ReQDX,
  .T7OAM,
  .XjXK6,
  .rZfgh{
    animation:none;
  }
}

:where(.mb-wrapper) ul,:where(.mb-wrapper) ol{
    padding:0;
    margin:0;
    list-style-type:none;
  }

:where(.mb-wrapper) th{
    text-align:left;
  }

:where(.mb-wrapper) button{
    font-size:100%;
    -webkit-appearance:none;
    border:0;
    padding:0;
    margin:0;
    outline:none;
    background-color:transparent;
  }

:where(.mb-wrapper) a{
    color:inherit;
    cursor:pointer;
    -webkit-text-decoration:none;
    text-decoration:none;
  }

:where(.mb-wrapper) button:not(.jf2Hx):focus-visible{
      outline:2px solid var(--mb-color-focus);
    }

:where(.mb-wrapper) a:not(.jf2Hx):focus-visible{
      outline:2px solid var(--mb-color-focus);
    }

:where(.mb-wrapper) [role="button"]:focus-visible{
      outline:2px solid var(--mb-color-focus);
    }

:where(.mb-wrapper) button,:where(.mb-wrapper) input,:where(.mb-wrapper) textarea{
    font-family:var(--mb-default-font-family), "Helvetica Neue", Helvetica, sans-serif;
  }

:where(.mb-wrapper) textarea{
    min-height:110px;
  }


/*# sourceMappingURL=styles.27a039d59caca043.css.map*/
/* MPG theme overrides */
:root {
  --mpg-ink: #111827;
  --mpg-muted: #64748b;
  --mpg-soft: #94a3b8;
  --mpg-line: #dbe7f7;
  --mpg-card: #f3f7fc;
  --mpg-panel: #ffffff;
  --mpg-canvas: #f5f8fc;
  --mpg-blue: #3b82f6;
  --mpg-blue-soft: #dbeafe;
  --mpg-green: #16a34a;
  --mpg-red: #dc2626;
  --mpg-purple: #a78bfa;

  --mb-color-brand: #2563eb;
  --mb-color-brand-hover: #1d4ed8;
  --mb-color-brand-hover-light: #dbeafe;
  --mb-color-brand-light: #eff6ff;
  --mb-color-text-brand: #1e3a8a;
  --mb-color-text-primary: var(--mpg-ink);
  --mb-color-text-secondary: var(--mpg-muted);
  --mb-color-text-tertiary: var(--mpg-soft);
  --mb-color-background: var(--mpg-canvas);
  --mb-color-background-primary: #ffffff;
  --mb-color-background-secondary: var(--mpg-canvas);
  --mb-color-background-tertiary: #eef4fb;
  --mb-color-bg-light: var(--mpg-canvas);
  --mb-color-bg-medium: #dbe7f7;
  --mb-color-bg-dark: #172033;
  --mb-color-border: var(--mpg-line);
  --mb-color-border-hover: #bfdbfe;
  --mb-color-focus: var(--mpg-blue);
  --mb-color-filter: var(--mpg-blue);
  --mb-color-accent0: var(--mpg-blue);
  --mb-color-accent1: #60a5fa;
  --mb-color-accent2: var(--mpg-purple);
  --mb-color-accent3: var(--mpg-green);
  --mb-color-accent4: #f59e0b;
  --mb-color-accent5: var(--mpg-red);
  --mb-color-accent6: #14b8a6;
  --mb-color-accent7: #f97316;
}

body {
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.94) 0%, rgba(245, 248, 252, 0.94) 45%, rgba(238, 244, 251, 0.96) 100%),
    url("/app/assets/img/mpg-background.png") center bottom / cover no-repeat fixed,
    var(--mpg-canvas);
  color: var(--mpg-ink);
  letter-spacing: 0;
}

[data-element-id="navbar-root"],
.AdminNavbar,
.NavBar {
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08);
}

.Button.Button--primary,
button[data-testid="button"][color="brand"] {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16);
}

.Button.Button--primary:hover,
button[data-testid="button"][color="brand"]:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
}

.Dashboard,
[data-testid="dashboard-root"],
[data-testid="dashboard-grid"],
.DashboardGrid {
  background: transparent !important;
}

.Card,
.DashboardCard,
.GuiBuilder,
.QueryBuilder {
  border-color: var(--mpg-line) !important;
}

.DashboardCard,
[data-testid="dashboard-card"],
.DashCard {
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--mpg-line) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden;
}

.DashboardCard:hover,
[data-testid="dashboard-card"]:hover,
.DashCard:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.09), 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

.DashboardCard .CardTitle,
[data-testid="dashboard-card"] h2,
[data-testid="dashboard-card"] h3 {
  color: var(--mpg-ink) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.ScalarValue,
[data-testid="scalar-value"] {
  color: var(--mpg-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

[data-testid="dashboard-parameters-widget-container"],
.ParameterWidget,
.ParameterValueWidget {
  border-radius: 8px !important;
  border-color: var(--mpg-line) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
}

[role="tablist"] button,
[data-testid="dashboard-tab"] {
  border-radius: 8px !important;
}

[role="tablist"] [aria-selected="true"],
[data-testid="dashboard-tab"][aria-selected="true"] {
  color: var(--mpg-blue) !important;
  box-shadow: inset 0 -2px 0 var(--mpg-blue);
}

table thead th,
.TableInteractive-headerCellData {
  color: var(--mpg-ink) !important;
  font-weight: 700 !important;
}

table tbody tr:hover {
  background-color: rgba(219, 234, 254, 0.38) !important;
}

.Visualization,
.Visualization-root,
[data-testid="visualization-root"] {
  color: var(--mpg-ink) !important;
}

.Visualization svg text,
[data-testid="visualization-root"] svg text {
  fill: #52627a !important;
  font-weight: 500 !important;
}

.Visualization svg line,
.Visualization svg path.domain,
[data-testid="visualization-root"] svg line,
[data-testid="visualization-root"] svg path.domain {
  stroke: rgba(148, 163, 184, 0.24) !important;
}

.LegendItem,
.LegendItem span,
[class*="Legend"] {
  color: #334155 !important;
  font-weight: 600 !important;
}

@supports selector(:has(*)) {
  .DashboardCard:has(.ScalarValue),
  .DashboardCard:has([data-testid="scalar-value"]),
  [data-testid="dashboard-card"]:has(.ScalarValue),
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) {
    position: relative;
    min-height: 96px;
    background: linear-gradient(180deg, #f8fbff 0%, var(--mpg-card) 100%) !important;
    border-color: var(--mpg-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 22px rgba(30, 64, 175, 0.07) !important;
  }

  .DashboardCard:has(.ScalarValue)::before,
  .DashboardCard:has([data-testid="scalar-value"])::before,
  [data-testid="dashboard-card"]:has(.ScalarValue)::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"])::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mpg-blue), #93c5fd);
  }

  .DashboardCard:has(.ScalarValue) .CardTitle,
  .DashboardCard:has([data-testid="scalar-value"]) .CardTitle,
  [data-testid="dashboard-card"]:has(.ScalarValue) h2,
  [data-testid="dashboard-card"]:has(.ScalarValue) h3,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) h2,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) h3 {
    color: #8797ad !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  .DashboardCard:has(.ScalarValue) .ScalarValue,
  .DashboardCard:has([data-testid="scalar-value"]) [data-testid="scalar-value"],
  [data-testid="dashboard-card"]:has(.ScalarValue) .ScalarValue,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) [data-testid="scalar-value"] {
    color: #0f172a !important;
    font-size: clamp(26px, 2.1vw, 34px) !important;
    line-height: 1.02 !important;
  }

  .DashboardCard:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])),
  [data-testid="dashboard-card"]:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) {
    background: var(--mpg-panel) !important;
  }

  .DashboardCard:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) .CardTitle,
  [data-testid="dashboard-card"]:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) h2,
  [data-testid="dashboard-card"]:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) h3 {
    font-size: 15px !important;
    font-weight: 750 !important;
  }
}

[class*="positive"],
[class*="Positive"],
[class*="success"],
[class*="Success"] {
  color: var(--mpg-green) !important;
}

[class*="negative"],
[class*="Negative"],
[class*="danger"],
[class*="Danger"],
[class*="error"],
[class*="Error"] {
  color: var(--mpg-red) !important;
}

[data-testid="embed-frame"] {
  background: var(--mpg-canvas) !important;
}

[data-testid="embed-frame-header"] {
  background: rgba(255, 255, 255, 0.82) !important;
  border-bottom: 1px solid var(--mpg-line) !important;
  backdrop-filter: blur(10px);
}

[data-testid="fixed-width-dashboard-header"] h1,
[data-testid="fixed-width-dashboard-header"] [class*="Text"] {
  color: var(--mpg-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

[data-testid="fixed-width-dashboard-tabs"] button,
[data-testid="tab-button-input-wrapper"] {
  color: #334155 !important;
  font-weight: 700 !important;
}

[data-testid="fixed-width-dashboard-tabs"] button[aria-selected="true"],
[data-testid="fixed-width-dashboard-tabs"] [aria-selected="true"] [data-testid="tab-button-input-wrapper"] {
  color: var(--mpg-blue) !important;
}

[data-testid="parameter-value-widget-target"] {
  min-height: 34px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid var(--mpg-line) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
}

[data-testid="parameter-value-widget-target"]:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.08) !important;
}

[data-testid="parameter-value-widget-target"] * {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-testid="parameter-value-widget-target"] [class*="Blue"],
[data-testid="parameter-value-widget-target"] [style*="color"] {
  color: var(--mpg-blue) !important;
}

[data-testid="dashboard-grid"] {
  gap: 6px !important;
}

[data-testid="dashcard-container"] {
  border-radius: 8px !important;
}

[data-testid="dashcard"] {
  position: relative;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid var(--mpg-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}

[data-testid="dashcard"]:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.09), 0 2px 5px rgba(15, 23, 42, 0.05) !important;
}

[data-testid="dashcard"] [data-testid="legend-caption-title"],
[data-testid="dashcard"] [data-testid="legend-label"],
[data-testid="dashcard"] [data-testid="legend-caption"] {
  color: var(--mpg-ink) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

@supports selector(:has(*)) {
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) {
    background: linear-gradient(180deg, #f8fbff 0%, var(--mpg-card) 100%) !important;
    border-color: var(--mpg-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 8px 22px rgba(30, 64, 175, 0.07) !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"])::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #60a5fa, #bfdbfe);
    z-index: 2;
  }

  [data-testid="dashcard-container"]:nth-child(1) [data-testid="dashcard"]:has([data-testid="scalar-root"])::before,
  [data-testid="dashcard-container"]:nth-child(3) [data-testid="dashcard"]:has([data-testid="scalar-root"])::before,
  [data-testid="dashcard-container"]:nth-child(6) [data-testid="dashcard"]:has([data-testid="scalar-root"])::before {
    background: linear-gradient(90deg, var(--mpg-green), #bbf7d0);
  }

  [data-testid="dashcard-container"]:nth-child(2) [data-testid="dashcard"]:has([data-testid="scalar-root"])::before,
  [data-testid="dashcard-container"]:nth-child(5) [data-testid="dashcard"]:has([data-testid="scalar-root"])::before {
    background: linear-gradient(90deg, var(--mpg-red), #fecaca);
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="legend-caption-title"],
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="legend-label"],
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="legend-caption"] {
    color: #8797ad !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-container"] {
    align-items: flex-start !important;
    justify-content: center !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-value"] {
    color: #0f172a !important;
    font-size: clamp(32px, 3.2vw, 46px) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }
}

[data-testid="table-root"] {
  border-radius: 6px !important;
  overflow: hidden !important;
}

[data-testid="table-header"],
[data-testid="header-cell"] {
  background: #f8fbff !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

[data-testid="cell-data"] {
  color: #243042 !important;
  font-weight: 600 !important;
}