.main{
  background: linear-gradient(180deg, #f1f6ff, #fbf4ee 60%) !important;     
}
.sidebar-active {
  background-color: #fff !important;
}
.sidebar-active:hover {
  background-color: #25384210 !important;
}

.sidebar-active span,
.sidebar-active svg {
  color: #8B5E50!important;
  fill: #8B5E50!important;
}

#sidebar a {
  text-decoration: none !important;
}

#sidebar a:hover {
  text-decoration: none !important;
}
#order-status-menu {
  position: absolute;
  margin-top: 68px;
  margin-left: 65px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  width: 220px;
  display: none;
  z-index: 999;
}
#aorder-status-menu {
  position: absolute;
  margin-top: 68px;
  margin-left: 65px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  width: 220px;
  display: none;
  z-index: 999;
}

.status-item {
  padding: 10px 12px;
  cursor: pointer;
  color: #111;
  background: white;
  transition: 0.2s;
  font-size: 14px;
}
.ao-status-item {
  padding: 10px 12px;
  cursor: pointer;
  color: #111;
  background: white;
  transition: 0.2s;
  font-size: 14px;
}

.status-item:hover {
  background: rgba(0,0,0,.08);
}
.ao-status-item:hover {
  background: rgba(0,0,0,.08);
}
.form-row{display:flex;flex-direction:column;gap:12px}
    label{font-size:13px;color:var(--muted)}
    input[type="email"],
    input[type="number"],
    input[type="text"],
    input[type="password"]{
      width:100%;
      padding:12px 14px;
      border-radius:10px;
      border:1px solid #e6e9ef;
      font-size:15px;
      outline:none;
      transition:box-shadow .15s, border-color .15s;
    }
input:focus{ box-shadow:0 4px 12px rgba(11,92,255,0.08); border-color: rgba(11,92,255,0.28) }

.btn.primary{
      background:#8B5E50;
      color:#fff;
    }
    .btn.primary:hover{
      background:#8B5E50;
      color:#fff;
      box-shadow: 0 6px 18px rgba(239, 86, 72,0.3);

    }

    input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    border: none;
}
.commission-chart{
    width: 100% !important;
    height: fit-content !important;
    padding-bottom: 30px;
}
html {
  zoom: 1;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 16px; /* rounded */
}