body.tenant-console {
  --dashboard-border: rgba(69, 82, 208, .5);
  min-width: 1180px;
  color: #f4f6ff;
  background: #020817 !important;
}

.tenant-console .layout {
  grid-template-columns: 248px minmax(0, 1fr) !important;
  min-height: 100vh;
  background:
    radial-gradient(circle at 61% 7%, rgba(31, 30, 153, .14), transparent 25%),
    #020817;
}

.tenant-console .tenant-rail { display: none !important; }
.tenant-console .side {
  position: sticky;
  top: 0;
  width: 248px;
  height: 100vh;
  padding: 19px 16px 18px;
  overflow-y: auto;
  border: 1px solid rgba(57, 74, 168, .55);
  border-radius: 0 14px 14px 0;
  background: linear-gradient(180deg, #06122d 0%, #041026 55%, #031020 100%) !important;
  box-shadow: 12px 0 48px rgba(0, 0, 0, .25);
}

.tenant-console .side .brand {
  min-height: 47px;
  padding: 0 2px 18px;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  border-bottom: 1px solid rgba(65, 81, 153, .24);
}

.tenant-console .side .userbox {
  margin: 10px 0 14px;
  padding: 13px;
  border: 1px solid rgba(104, 69, 255, .48);
  border-radius: 11px;
  color: #d8def3;
  background: linear-gradient(135deg, rgba(36, 34, 104, .5), rgba(3, 16, 42, .7));
}

.tenant-console .side .nav { gap: 3px; }
.tenant-console .side .nav a,
.tenant-console .plugin-nav-toggle {
  min-height: 35px;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #c6cee5 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px;
}

.tenant-console .side .nav a i,
.tenant-console .plugin-nav-toggle i { color: #8068ff; }
.tenant-console .side .nav a.on,
.tenant-console .side .nav a:hover,
.tenant-console .plugin-nav-toggle:hover {
  color: #fff !important;
  background: linear-gradient(90deg, #7942ff, #4d2eff) !important;
  box-shadow: 0 0 18px rgba(100, 57, 255, .32) !important;
}
.tenant-console .side .nav a.on i,
.tenant-console .side .nav a:hover i { color: #fff; }

.tenant-console .main {
  min-width: 0;
  padding: 26px 28px 38px !important;
  background: transparent !important;
}

.tenant-console .main > .top {
  min-height: 58px;
  margin: 0 0 20px;
  padding: 0 4px;
  border: 0;
  background: transparent;
}

.tenant-console .main > .top h1 {
  color: #fff;
  font-size: 24px;
  letter-spacing: -.5px;
}

.tenant-console .tenant-search { display: none !important; }
.tenant-console .topmeta { color: #b7c0d8; }

.tenant-console.page-dashboard .dashboard-announcement {
  position: relative;
  min-height: 310px;
  margin: 0 0 30px;
  padding: 34px 52% 30px 32px !important;
  overflow: hidden;
  border: 1px solid rgba(85, 69, 232, .72) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(90deg, rgba(4, 12, 40, .98) 0%, rgba(3, 12, 38, .9) 47%, rgba(3, 10, 31, .2) 73%),
    url("admin-telegram-hologram-v1.webp") right center / 58% 100% no-repeat,
    #06102c !important;
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 20px 60px rgba(0,0,0,.18) !important;
}

.tenant-console.page-dashboard .dashboard-announcement::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 70% 25%, rgba(95, 46, 255, .16), transparent 20%);
}

.tenant-console.page-dashboard .dashboard-announcement .announcement-inner { position: relative; z-index: 2; }
.tenant-console.page-dashboard .dashboard-announcement .announcement-head {
  margin-bottom: 16px;
  color: #fff;
}
.tenant-console.page-dashboard .dashboard-announcement h2 { font-size: 25px; }
.tenant-console.page-dashboard .dashboard-announcement p { color: #d2d7ea; font-size: 15px; line-height: 2; }

.tenant-console.page-dashboard .main > .stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 0 0 30px !important;
}

.tenant-console.page-dashboard .main > .stats > .card {
  position: relative;
  min-height: 118px;
  padding: 26px 110px 22px 98px !important;
  overflow: hidden;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 13px !important;
  color: #fff;
  background: linear-gradient(135deg, rgba(11, 24, 62, .95), rgba(4, 14, 39, .96)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.035) !important;
}

.tenant-console.page-dashboard .dashboard-stat-icon {
  position: absolute;
  left: 24px;
  top: 25px;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid #7d42ff;
  border-radius: 50%;
  color: #7864ff;
  font-size: 27px;
  background: rgba(17, 24, 67, .86);
  box-shadow: inset 0 0 20px rgba(84, 44, 255, .2), 0 0 22px rgba(63, 41, 255, .13);
}

.tenant-console.page-dashboard .main > .stats .muted { white-space: nowrap; color: #c4cbe0; font-size: 14px; }
.tenant-console.page-dashboard .main > .stats .num { margin-top: 7px; color: #fff; font-size: 30px; line-height: 1; }
.tenant-console.page-dashboard .dashboard-stat-wave {
  position: absolute;
  right: 22px;
  top: 57px;
  width: 73px;
  height: 32px;
  opacity: .95;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73 32'%3E%3Cpath d='M1 25C8 27 11 15 17 17s8 8 14 4 8-15 15-13 8 12 14 8 8-13 12-15' fill='none' stroke='%237d43ff' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tenant-console.page-dashboard .dashboard-status {
  min-height: 275px;
  padding: 40px 43% 36px 32px !important;
  border: 1px solid rgba(58, 72, 188, .66) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(90deg, rgba(4, 14, 43, .99), rgba(4, 14, 43, .91) 54%, rgba(4, 14, 43, .22) 80%),
    url("admin-shield-hologram-v1.webp") right center / 45% 100% no-repeat,
    #06102c !important;
  box-shadow: none !important;
}

.tenant-console.page-dashboard .dashboard-status h2 { margin-bottom: 22px; color: #fff; font-size: 22px; }
.tenant-console.page-dashboard .dashboard-status h2::before { content: "✦"; margin-right: 12px; color: #804cff; }
.tenant-console.page-dashboard .dashboard-status p { color: #b6bfd8; font-size: 15px; line-height: 2; }
.tenant-console.page-dashboard .dashboard-status a { color: #16d6ff; }

@media (max-width: 1450px) {
  .tenant-console.page-dashboard .main > .stats { gap: 14px !important; }
  .tenant-console.page-dashboard .main > .stats > .card { padding-right: 82px !important; padding-left: 82px !important; }
  .tenant-console.page-dashboard .dashboard-stat-icon { left: 16px; width: 52px; height: 52px; }
  .tenant-console.page-dashboard .dashboard-stat-wave { right: 12px; width: 58px; }
}