.manager-redesign-screen > .header {
  display: none;
}

.manager-home-shell.manager-redesign-v1 {
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 24px;
  background: #eef3f8;
  color: #101828;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
}

.manager-redesign-v1 .manager-home-hero {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.manager-rd-top {
  padding: 18px 17px 22px;
  background:
    radial-gradient(circle at 85% 15%, rgba(70, 105, 170, .34), transparent 34%),
    linear-gradient(145deg, #172942 0%, #111d31 52%, #0d1726 100%);
  color: #fff;
}

.manager-rd-brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.manager-rd-brand-copy strong,
.manager-rd-brand-copy span,
.manager-rd-profile strong,
.manager-rd-profile span,
.manager-rd-greeting span,
.manager-rd-greeting strong,
.manager-rd-greeting small {
  display: block;
}

.manager-rd-brand-copy strong {
  color: #ffd59c;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: 1.8px;
}

.manager-rd-brand-copy span {
  margin-top: 1px;
  direction: ltr;
  color: rgba(255, 255, 255, .78);
  font-size: var(--font-size-xs);
  text-align: right;
}

.manager-rd-profile {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  min-width: 0;
}

.manager-rd-profile > div:last-child {
  min-width: 0;
  text-align: left;
}

.manager-rd-profile strong {
  max-width: 125px;
  overflow: hidden;
  color: #fff;
  font-size: var(--font-size-sm);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manager-rd-profile span {
  margin-top: 2px;
  color: rgba(255, 255, 255, .58);
  font-size: var(--font-size-3xs);
}

.manager-rd-avatar {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, .7);
  border-radius: 50%;
  background: linear-gradient(145deg, #7a8798, #344054);
  color: #fff;
  font-size: var(--font-size-xl);
  font-weight: 900;
}

.manager-rd-greeting {
  display: flex;
  align-items: center;
  gap: var(--space-4xl);
  margin-top: 24px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background:
    linear-gradient(105deg, rgba(255, 214, 166, .16), rgba(255, 255, 255, .06));
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
}

.manager-rd-crown {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(255, 202, 128, .14);
  color: #ffc56f;
  font-size: var(--font-size-2xl);
}

.manager-rd-greeting span {
  font-size: var(--font-size-4xl);
  font-weight: 900;
}

.manager-rd-greeting strong {
  margin-top: 3px;
  color: rgba(255, 255, 255, .82);
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.manager-rd-greeting small {
  margin-top: 7px;
  direction: ltr;
  color: rgba(255, 255, 255, .52);
  font-size: var(--font-size-3xs);
  text-align: right;
}

.manager-rd-overview {
  position: relative;
  z-index: 2;
  margin-top: -7px;
  padding: 17px 14px 14px;
  border-radius: 22px 22px 0 0;
  background: #f7f9fc;
}

.manager-rd-section-head,
.manager-rd-alerts-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3xl);
}

.manager-rd-section-head > div > span,
.manager-rd-section-head > div > small {
  display: block;
}

.manager-rd-section-head > div > span {
  color: #101828;
  font-size: var(--font-size-2xl);
  font-weight: 900;
}

.manager-rd-section-head > div > small {
  margin-top: 2px;
  color: #7a8495;
  font-size: var(--font-size-2xs);
}

.manager-rd-section-head > button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dce3ec;
  border-radius: 11px;
  background: #fff;
  color: #344054;
  font-size: var(--font-size-3xl);
  cursor: pointer;
}

.manager-rd-section-head > button.loading {
  animation: managerRdSpin .8s linear infinite;
}

@keyframes managerRdSpin {
  to { transform: rotate(-360deg); }
}

.manager-rd-attention-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-xl);
  margin-top: 12px;
}

.manager-rd-metric {
  min-width: 0;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
  border: 1px solid transparent;
  border-radius: 16px;
  color: #182230;
  text-align: center;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}

.manager-rd-metric:active {
  transform: scale(.97);
}

.manager-rd-metric.metric-red {
  border-color: #f7d8dc;
  background: linear-gradient(180deg, #fff1f2, #ffe9eb);
}

.manager-rd-metric.metric-orange {
  border-color: #f5dec5;
  background: linear-gradient(180deg, #fff5e9, #ffedd9);
}

.manager-rd-metric.metric-rose {
  border-color: #f4d8dc;
  background: linear-gradient(180deg, #fff2f3, #ffe8eb);
}

.manager-rd-metric.metric-green {
  border-color: #caead8;
  background: linear-gradient(180deg, #ebfaf1, #dff6e8);
}

.manager-rd-metric-icon {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  margin-bottom: 5px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .72);
  font-size: var(--font-size-md);
  font-weight: 900;
}

.manager-rd-metric > strong {
  font-size: 21px;
  line-height: 1.15;
}

.manager-rd-metric > span:last-child {
  margin-top: 5px;
  color: #596579;
  font-size: var(--font-size-3xs);
  font-weight: 700;
  line-height: 1.5;
}

.manager-rd-alerts {
  margin-top: 16px;
}

.manager-rd-alerts-head strong {
  color: #101828;
  font-size: var(--font-size-md);
}

.manager-rd-alerts-head span {
  color: #667085;
  font-size: var(--font-size-3xs);
}

.manager-rd-alert-list {
  display: grid;
  gap: var(--space-lg);
  margin-top: 8px;
}

.manager-rd-alert-row {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: var(--space-xl);
  padding: 9px 11px;
  border: 1px solid #e4e9f0;
  border-radius: 13px;
  background: #fff;
  color: #344054;
  text-align: right;
  cursor: pointer;
}

.manager-rd-alert-row > span:nth-child(2) {
  font-size: var(--font-size-2xs);
  font-weight: 700;
  line-height: 1.45;
}

.manager-rd-alert-row strong {
  font-size: var(--font-size-base);
}

.manager-rd-alert-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.alert-red .manager-rd-alert-dot { background: #e5484d; }
.alert-orange .manager-rd-alert-dot { background: #ef8d32; }
.alert-rose .manager-rd-alert-dot { background: #cf5462; }
.manager-rd-alert-arrow { color: #98a2b3; font-size: var(--font-size-2xl); }

.manager-rd-alert-ok,
.manager-rd-alert-empty {
  min-height: 45px;
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  padding: 10px 12px;
  border: 1px solid #dbe8df;
  border-radius: 13px;
  background: #f0faf4;
  color: #2f6e48;
  font-size: var(--font-size-2xs);
}

.manager-rd-alert-empty {
  border-color: #e4e9f0;
  background: #fff;
  color: #7a8495;
}

.manager-rd-debt-summary {
  margin-top: 16px;
  border: 1px solid #e4e9f0;
  border-radius: 13px;
  background: #fff;
  padding: 10px 12px;
}

.manager-rd-debt-summary-head strong {
  color: #101828;
  font-size: var(--font-size-md);
}

.manager-rd-debt-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 4px 8px;
  padding: 7px 0;
  border-top: 1px solid #eef1f6;
  color: #344054;
}

.manager-rd-debt-summary-head + .manager-rd-debt-row {
  border-top: none;
}

.manager-rd-debt-row > span {
  font-size: var(--font-size-xs);
  font-weight: 700;
}

.manager-rd-debt-row strong {
  font-size: var(--font-size-base);
  justify-self: start;
  grid-column: 2;
}

.manager-rd-debt-row small {
  grid-column: 1 / -1;
  color: #cf5462;
  font-size: var(--font-size-3xs);
}

.manager-rd-debt-row-total {
  border-top: 1px dashed #d0d5dd;
  margin-top: 2px;
  padding-top: 9px;
}

.manager-rd-debt-row-total > span,
.manager-rd-debt-row-total strong {
  font-weight: 900;
}

.manager-redesign-v1 .manager-home-sections {
  gap: var(--space-2xl);
  padding: 0 14px 14px;
  background: #f7f9fc;
}

.manager-redesign-v1 .manager-home-section {
  overflow: hidden;
  border: 1px solid #e1e7ef;
  border-radius: 16px;
  background: #fff;
  color: #172033;
  box-shadow: 0 5px 16px rgba(27, 39, 57, .045);
}

.manager-redesign-v1 .manager-home-section > summary {
  min-height: 62px;
  padding: 10px 12px;
}

.manager-redesign-v1 .manager-home-section-copy strong {
  color: #172033;
}

.manager-redesign-v1 .manager-home-section-copy small,
.manager-redesign-v1 .manager-home-section-chevron {
  color: #7c8798;
}

.manager-redesign-v1 .manager-home-section-body {
  border-top-color: #edf1f5;
}

.manager-redesign-v1 .manager-home-section-badge {
  background: #eef4ff;
}

.manager-redesign-v1 .management-home-embedded,
.manager-redesign-v1 .manager-home-access-card,
.manager-redesign-v1 .manager-rd-embedded-card {
  color: #172033;
}

.manager-redesign-v1 .manager-home-access-card,
.manager-redesign-v1 .manager-rd-embedded-card,
.manager-redesign-v1 .manager-home-nested-details,
.manager-redesign-v1 .cycle-row,
.manager-redesign-v1 .pending-payment,
.manager-redesign-v1 .management-create-form,
.manager-redesign-v1 .management-empty,
.manager-redesign-v1 .notice {
  border-color: #e0e6ee !important;
  background: #f8fafc !important;
  color: #344054 !important;
}

.manager-redesign-v1 .manager-rd-embedded-card {
  margin: 8px 0 10px;
  padding: 10px;
  border: 1px solid #e0e6ee;
  border-radius: 14px;
}

.manager-redesign-v1 .manager-rd-embedded-card > summary,
.manager-redesign-v1 .manager-home-nested-details > summary {
  color: #172033;
}

.manager-redesign-v1 .management-module-head h1,
.manager-redesign-v1 .management-create-title,
.manager-redesign-v1 .cycle-row strong,
.manager-redesign-v1 .pending-payment strong {
  color: #172033;
}

.manager-redesign-v1 .management-module-head p,
.manager-redesign-v1 .management-create-status,
.manager-redesign-v1 .cycle-row p,
.manager-redesign-v1 .pending-payment p,
.manager-redesign-v1 .manager-home-section-hint {
  color: #687386;
}

.manager-redesign-v1 input,
.manager-redesign-v1 select,
.manager-redesign-v1 textarea {
  border-color: #d7dee8 !important;
  background: #fff !important;
  color: #172033 !important;
}

.manager-redesign-v1 .manager-home-local-actions button,
.manager-redesign-v1 .manager-home-action-button,
.manager-redesign-v1 .management-create-button {
  border-color: #d8e0ea !important;
  background: #fff !important;
  color: #253247 !important;
  box-shadow: 0 2px 7px rgba(16, 24, 40, .04);
}

.manager-redesign-v1 .manager-home-local-actions button.active {
  border-color: #9bc5ff !important;
  background: #edf5ff !important;
  color: #195fb8 !important;
}

.manager-redesign-v1 #managerSessionsBody .manager-home-action-button {
  border-color: #bce8df !important;
  background: #edfaf7 !important;
  color: #197868 !important;
}

.manager-redesign-v1 #managerFinanceBody .manager-home-action-button {
  border-color: #f1ddb7 !important;
  background: #fff8e8 !important;
  color: #8c6217 !important;
}

.manager-rd-bottom-nav {
  position: sticky;
  bottom: 0;
  z-index: 40;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3xs);
  padding: 7px 8px calc(7px + max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px)));
  border-top: 1px solid #e1e7ef;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(14px);
}

.manager-rd-bottom-nav button {
  min-height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3xs);
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #7a8495;
  cursor: pointer;
}

.manager-rd-bottom-nav button > span {
  font-size: var(--font-size-xl);
  font-weight: 900;
}

.manager-rd-bottom-nav button > small {
  font-size: 7px;
  font-weight: 700;
}

.manager-rd-bottom-nav button.active {
  background: #edf5ff;
  color: #1b69c9;
}

@media (max-width: 430px) {
  .manager-rd-attention-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .manager-rd-metric {
    min-height: 104px;
  }

  .manager-rd-profile strong {
    max-width: 95px;
  }
}