.cp-management-dashboard{
  max-width:1440px;
  margin:28px auto 60px;
  padding:0 18px 28px;
  color:#17171b;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.cp-management-dashboard *{box-sizing:border-box}
.cp-mgmt-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:24px;
  align-items:stretch;
  padding:34px;
  border:1px solid #e7e7ec;
  border-top:6px solid #d71934;
  border-radius:24px;
  background:linear-gradient(145deg,#fff 0%,#fff 72%,#fff5f7 100%);
  box-shadow:0 20px 50px rgba(31,31,41,.08);
}
.cp-mgmt-kicker{
  display:block;
  margin-bottom:12px;
  color:#d71934;
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
}
.cp-mgmt-hero h1{
  margin:0 0 12px;
  color:#17171b;
  font-size:clamp(38px,4vw,62px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:950;
}
.cp-mgmt-hero p{
  max-width:700px;
  margin:0;
  color:#686872;
  font-size:17px;
  line-height:1.55;
}
.cp-mgmt-user-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:180px;
  padding:24px;
  border:1px solid #edd1d6;
  border-radius:20px;
  background:#fff7f8;
}
.cp-mgmt-user-card>span{
  color:#9b9ba4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.cp-mgmt-user-card>strong{
  margin-top:6px;
  color:#17171b;
  font-size:22px;
  line-height:1.15;
}
.cp-mgmt-user-card>em{
  display:inline-flex;
  margin-top:10px;
  padding:7px 10px;
  border-radius:999px;
  background:#d71934;
  color:#fff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
}
.cp-mgmt-user-card>a{
  margin-top:16px;
  color:#a31229;
  font-weight:800;
  text-decoration:none;
}
.cp-mgmt-section{
  margin-top:24px;
  padding:28px;
  border:1px solid #e7e7ec;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 36px rgba(31,31,41,.055);
}
.cp-mgmt-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.cp-mgmt-section-head>div{
  display:flex;
  align-items:center;
  gap:14px;
}
.cp-mgmt-section-head>div>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff1f3;
  color:#d71934;
  font-size:11px;
  font-weight:950;
}
.cp-mgmt-section-head h2{
  margin:0;
  color:#17171b;
  font-size:25px;
  letter-spacing:-.025em;
}
.cp-mgmt-section-head p{
  margin:3px 0 0;
  color:#85858e;
}
.cp-mgmt-live-note{
  padding:8px 12px;
  border-radius:999px;
  background:#edf8f1;
  color:#17743e;
  font-size:11px;
  font-weight:900;
}
.cp-mgmt-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.cp-mgmt-action{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:132px;
  padding:18px;
  border:1px solid #e6e6eb;
  border-radius:18px;
  background:#fff;
  color:#17171b!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(31,31,41,.05);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.cp-mgmt-action:hover,.cp-mgmt-action:focus{
  transform:translateY(-2px);
  border-color:#efbcc5;
  background:#fff9fa;
  box-shadow:0 16px 30px rgba(31,31,41,.09);
  outline:none;
}
.cp-mgmt-action-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  background:#fff1f3;
  color:#c31330;
  font-size:20px;
  font-weight:950;
}
.cp-mgmt-action-copy strong{
  display:block;
  color:#17171b;
  font-size:17px;
  line-height:1.15;
}
.cp-mgmt-action-copy small{
  display:block;
  margin-top:7px;
  color:#767680;
  font-size:12px;
  line-height:1.4;
}
.cp-mgmt-action-arrow{
  color:#c7c7cd;
  font-size:22px;
  font-weight:900;
}
.cp-mgmt-action-badge{
  position:absolute;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  min-width:26px;
  height:26px;
  padding:0 7px;
  border-radius:999px;
  background:#d71934;
  color:#fff;
  font-size:11px;
  font-weight:950;
  box-shadow:0 8px 16px rgba(215,25,52,.2);
}
.cp-mgmt-action.is-primary{
  border-color:#d71934;
  background:linear-gradient(135deg,#e1193a,#bd102e);
  color:#fff!important;
  box-shadow:0 16px 34px rgba(204,18,49,.22);
}
.cp-mgmt-action.is-primary .cp-mgmt-action-icon{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.cp-mgmt-action.is-primary .cp-mgmt-action-copy strong,
.cp-mgmt-action.is-primary .cp-mgmt-action-copy small,
.cp-mgmt-action.is-primary .cp-mgmt-action-arrow{color:#fff!important}
.cp-mgmt-action.is-primary .cp-mgmt-action-copy small{opacity:.86}
.cp-mgmt-action.is-primary:hover,.cp-mgmt-action.is-primary:focus{
  background:linear-gradient(135deg,#c91431,#a50d28);
  border-color:#a50d28;
}
.cp-mgmt-access-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px;
  padding:18px 22px;
  border:1px solid #e7e7ec;
  border-radius:16px;
  background:#f8f8fa;
}
.cp-mgmt-access-note strong{color:#17171b}
.cp-mgmt-access-note span{color:#767680}
@media(max-width:1180px){.cp-mgmt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cp-mgmt-hero{grid-template-columns:1fr}.cp-mgmt-user-card{min-height:0}.cp-mgmt-access-note{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){
  .cp-management-dashboard{padding:0 8px 24px;margin-top:16px}
  .cp-mgmt-hero,.cp-mgmt-section{padding:20px;border-radius:19px}
  .cp-mgmt-hero h1{font-size:38px}
  .cp-mgmt-section-head{align-items:flex-start;flex-direction:column}
  .cp-mgmt-grid{grid-template-columns:1fr}
  .cp-mgmt-action{min-height:106px;padding:15px}
  .cp-mgmt-live-note{margin-left:56px}
}

/* v2.8.0 mobile management control centre */
.cp-management-app-shell.cp-management-dashboard{
  width:min(100%,1480px);
  margin:0 auto;
  padding:24px 18px 48px;
}
.cp-mgmt-mobile-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.cp-mgmt-mobile-summary>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border:1px solid #e7e7ec;
  border-radius:16px;
  background:#fff;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(31,31,41,.045);
}
.cp-mgmt-mobile-summary strong{font-size:28px;line-height:1;color:#d71934}
.cp-mgmt-mobile-summary span{color:#62626c;font-size:12px;font-weight:850;text-align:right}
.cp-mgmt-login-required{max-width:620px;margin:60px auto;padding:34px;border:1px solid #ead7da;border-top:5px solid #d71934;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.08);font-family:Inter,"Segoe UI",Arial,sans-serif}
.cp-mgmt-login-required>span{color:#d71934;font-size:11px;font-weight:900;letter-spacing:.18em}.cp-mgmt-login-required h1{font-size:38px;line-height:1;margin:12px 0}.cp-mgmt-login-required p{color:#666}.cp-mgmt-login-required a{display:inline-flex;margin-top:14px;padding:14px 18px;border-radius:12px;background:#d71934;color:#fff!important;text-decoration:none!important;font-weight:900}
@media(max-width:900px){.cp-mgmt-mobile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .cp-management-app-shell.cp-management-dashboard{padding:10px 10px 36px;margin:0}
  .cp-management-app-shell .cp-mgmt-hero{padding:20px 18px;border-radius:20px}
  .cp-management-app-shell .cp-mgmt-hero h1{font-size:42px}
  .cp-management-app-shell .cp-mgmt-hero p{font-size:14px}
  .cp-mgmt-mobile-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  .cp-mgmt-mobile-summary>a{min-height:78px;padding:12px;border-radius:14px;flex-direction:column;align-items:flex-start;justify-content:center}
  .cp-mgmt-mobile-summary strong{font-size:25px}.cp-mgmt-mobile-summary span{text-align:left;font-size:10px}
  .cp-management-app-shell .cp-mgmt-section{margin-top:12px;padding:16px;border-radius:18px}
  .cp-management-app-shell .cp-mgmt-section-head{margin-bottom:12px}
  .cp-management-app-shell .cp-mgmt-action{min-height:92px;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;padding:13px}
  .cp-management-app-shell .cp-mgmt-action-icon{width:42px;height:42px;border-radius:12px}
  .cp-management-app-shell .cp-mgmt-action-copy strong{font-size:16px}
  .cp-management-app-shell .cp-mgmt-action-copy small{font-size:11px;margin-top:4px}
  .cp-management-app-shell .cp-mgmt-access-note{margin-top:12px;padding:14px 16px;border-radius:14px;font-size:12px}
}
.cp-mgmt-app-bottom-nav{display:none}
@media(max-width:700px){
  .cp-management-app-shell.cp-management-dashboard{padding-bottom:96px}
  .cp-mgmt-app-bottom-nav{display:grid;position:fixed;left:8px;right:8px;bottom:8px;z-index:99999;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:3px;padding:6px;border:1px solid #e2e2e8;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(25,25,30,.18);backdrop-filter:blur(12px)}
  .cp-mgmt-app-bottom-nav>a{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:#4b4b52!important;text-decoration:none!important;text-align:center}
  .cp-mgmt-app-bottom-nav>a:active,.cp-mgmt-app-bottom-nav>a:focus{background:#fff0f3;color:#b70f2b!important;outline:none}
  .cp-mgmt-app-bottom-nav span{font-size:17px;line-height:1;font-weight:950}.cp-mgmt-app-bottom-nav b{max-width:100%;font-size:9px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* Strip the normal public-site chrome from the private management control centre. */
.cp-management-control-centre-page .site-header,
.cp-management-control-centre-page .site-footer,
.cp-management-control-centre-page #masthead,
.cp-management-control-centre-page #colophon{display:none!important}
.cp-management-control-centre-page .site-content,
.cp-management-control-centre-page #content,
.cp-management-control-centre-page .ast-container,
.cp-management-control-centre-page .content-area,
.cp-management-control-centre-page #primary{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.cp-management-control-centre-page{background:#f5f5f7!important}
