*,
*::before,
*::after{
  box-sizing:border-box;
}

:root{
  color-scheme:light;
}

html,
body{
  margin:0;
  min-height:100%;
}

body.wx4-body--admin{
  display:flex;
  min-height:100vh;
  background:var(--wx4-admin-bg,var(--wx4-bg-page,#f5f5f4));
  color:var(--wx4-admin-text,var(--wx4-text-primary,#09090b));
  font-family:var(--wx4-admin-font-body,var(--wx4-font-body,Sora,Inter,sans-serif));
  overflow:hidden;
  --wx4-admin-btn-hover-bg:var(--wx4-admin-accent,#d97706);
  --wx4-admin-btn-hover-text:#fff;
  --wx4-admin-btn-primary-hover:var(--wx4-admin-accent,#d97706);
}

a,
button,
input,
select,
textarea{
  font:inherit;
}

button{
  border:0;
}

.wx4-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:50;
  display:flex;
  flex-direction:column;
  width:196px;
  height:100vh;
  overflow-y:auto;
  background:var(--wx4-admin-sidebar-bg,#09090b);
  color:var(--wx4-admin-sidebar-text,rgba(255,255,255,.5));
  border-right:1px solid var(--wx4-admin-sidebar-divider,rgba(255,255,255,.07));
}

.wx4-sidebar__top,
.wx4-sidebar__bottom{
  padding:20px 16px;
}

.wx4-sidebar__nav{
  flex:1 1 auto;
  padding:0 10px 18px;
}

.wx4-sidebar__section + .wx4-sidebar__section{
  margin-top:18px;
}

.wx4-sidebar__section-label,
.wx4-admin-debug-note,
.wx4-sidebar__user-label{
  margin:0 6px 10px;
  color:var(--wx4-admin-sidebar-section-label,rgba(255,255,255,.25));
  font-size:9px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.wx4-sidebar__section-items,
.wx4-sidebar__bottom{
  display:grid;
  gap:4px;
}

.wx4-sidebar__group{
  margin-bottom:4px;
}

.wx4-sidebar__group-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:6px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--wx4-admin-sidebar-section-label,rgba(255,255,255,.25));
  font-size:9px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}

.wx4-sidebar__group-toggle:hover{
  color:var(--wx4-admin-sidebar-text,rgba(255,255,255,.5));
}

.wx4-sidebar__group-chevron{
  font-size:11px;
  transition:transform .2s ease;
}

.wx4-sidebar__group[data-open] .wx4-sidebar__group-chevron{
  transform:rotate(90deg);
}

.wx4-sidebar__group-panel{
  overflow:hidden;
  display:grid;
  gap:2px;
  padding:2px 0;
  max-height:480px;
  transition:max-height .2s ease;
}

.wx4-sidebar__group-panel[hidden]{
  display:none;
}

.wx4-sidebar__link{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-left:2px solid transparent;
  border-radius:8px;
  color:var(--wx4-admin-sidebar-text,rgba(255,255,255,.5));
  text-decoration:none;
  font-size:12px;
  font-weight:500;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.wx4-sidebar__link:hover,
.wx4-sidebar__link:focus-visible,
.wx4-sidebar__link--ghost:hover,
.wx4-sidebar__link--ghost:focus-visible{
  background:var(--wx4-admin-sidebar-hover-bg,rgba(255,255,255,.04));
  color:var(--wx4-admin-sidebar-active-text,#fff);
  outline:none;
}

.wx4-sidebar__link.is-active{
  background:var(--wx4-admin-sidebar-active-bg,rgba(217,119,6,.1));
  border-left-color:var(--wx4-admin-sidebar-active-border,#d97706);
  color:var(--wx4-admin-sidebar-active-text,#fff);
}

.wx4-sidebar__link--ghost{
  width:100%;
  justify-content:flex-start;
  background:transparent;
  cursor:pointer;
}

.wx4-sidebar__form{
  margin:0;
}

.wx4-sidebar__divider{
  height:1px;
  margin:6px 0 2px;
  background:var(--wx4-admin-sidebar-divider,rgba(255,255,255,.07));
}

.wx4-sidebar__user-value{
  margin:0 6px 2px;
  color:var(--wx4-admin-sidebar-active-text,#fff);
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.wx4-logo__w,
.wx4-logo__x-text,
.wx4-logo__4{
  display:block;
}

.wx4-sidebar__logo,
.wx4-topbar__logo{
  display:inline-flex;
  align-items:flex-end;
  gap:0;
  color:var(--wx4-admin-sidebar-active-text,#fff);
  text-decoration:none;
  font-family:var(--wx4-admin-font-heading,var(--wx4-font-heading,Sora,Inter,sans-serif));
  font-weight:500;
  letter-spacing:0;
}

.wx4-sidebar__logo{
  font-size:17px;
}

.wx4-topbar__logo{
  font-size:15px;
  color:var(--wx4-admin-text,#09090b);
}

.wx4-logo__x{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
}

.wx4-logo__x-line{
  display:block;
  width:100%;
  min-width:12px;
  height:2px;
  margin-top:2px;
  border-radius:999px;
  background:var(--wx4-admin-accent,#d97706);
}

.wx4-topbar{
  position:fixed;
  top:0;
  left:196px;
  right:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:48px;
  padding:0 20px;
  background:var(--wx4-admin-topbar-bg,#fff);
  border-bottom:1px solid var(--wx4-admin-topbar-border,#e7e5e4);
}

.wx4-topbar__left,
.wx4-topbar__right,
.wx4-topbar__mobile-logo{
  display:flex;
  align-items:center;
}

.wx4-topbar__mobile-logo{
  display:none;
}

.wx4-topbar__breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:12px;
}

.wx4-topbar__breadcrumb-current{
  color:var(--wx4-admin-text-secondary,#78716c);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wx4-topbar__toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-topbar-bg,#fff);
  color:var(--wx4-admin-text,#09090b);
  cursor:pointer;
}

.wx4-topbar__toggle span{
  display:block;
  width:16px;
  height:2px;
  margin:2px 0;
  border-radius:999px;
  background:currentColor;
}

.wx4-admin-main{
  flex:1 1 auto;
  margin-left:196px;
  padding-top:48px;
  min-width:0;
  min-height:100vh;
  overflow:hidden;
}

.wx4-shell{
  height:calc(100vh - 48px);
  overflow-y:auto;
  padding:20px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.wx4-page-head{
  display:grid;
  gap:6px;
  margin:0 0 20px;
  padding:0 0 18px;
  border-bottom:1px solid var(--wx4-admin-card-border,#e7e5e4);
}

.wx4-eyebrow{
  color:var(--wx4-admin-accent,#d97706);
  font-size:10px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.wx4-shell h1{
  margin:0;
  color:var(--wx4-admin-text,#09090b);
  font-family:var(--wx4-admin-font-heading,var(--wx4-font-heading,Sora,Inter,sans-serif));
  font-size:20px;
  font-weight:500;
  letter-spacing:0;
  line-height:1.2;
}

.wx4-shell h2,
.wx4-shell h3,
.wx4-shell h4{
  color:var(--wx4-admin-text,#09090b);
  font-family:var(--wx4-admin-font-heading,var(--wx4-font-heading,Sora,Inter,sans-serif));
  letter-spacing:0;
}

.wx4-shell p,
.wx4-shell li,
.wx4-shell dd,
.wx4-shell dt,
.wx4-shell label{
  color:var(--wx4-admin-text-secondary,#78716c);
}

body.wx4-body--admin .wx4-shell label{
  gap:5px;
  color:var(--wx4-admin-text-secondary,#57534e);
  font-size:12px;
  font-weight:500;
  line-height:1.35;
}

body.wx4-body--admin .wx4-shell label > span{
  color:var(--wx4-admin-text-secondary,#57534e);
  font-size:11px;
  font-weight:500;
}

.wx4-page-head p,
.wx4-admin-page-header p{
  margin:0;
  font-size:12px;
  line-height:1.55;
  color:var(--wx4-admin-text-secondary,#78716c);
}

.wx4-admin-page-header__heading{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.wx4-admin-page-header__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  color:var(--wx4-admin-accent,#d97706);
  flex:0 0 auto;
}

.wx4-meta{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--wx4-admin-card-border,#e7e5e4);
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:11px;
  line-height:1.5;
}

.wx4-card,
.wx4-panel,
.wx4-shell--admin .wx4-card{
  background:var(--wx4-admin-card-bg,#fff);
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  box-shadow:none;
}

.wx4-shell--admin .wx4-card{
  margin:0 0 16px;
  padding:18px;
  transition:border-color .18s ease;
}

.wx4-shell--admin .wx4-card:hover{
  border-color:var(--wx4-admin-accent,#d97706);
}

.wx4-shell--admin .wx4-card h3{
  margin:0 0 10px;
  color:var(--wx4-admin-text,#09090b);
  font-size:12px;
  font-weight:500;
}

.wx4-shell--admin .wx4-card p{
  margin:0 0 10px;
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:11px;
  line-height:1.55;
}

.wx4-button,
.wx4-packages-page .vv-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:10px 14px;
  border:1px solid var(--wx4-admin-btn-primary-bg,#09090b);
  border-radius:8px;
  background:var(--wx4-admin-btn-primary-bg,#09090b);
  color:var(--wx4-admin-btn-primary-text,#fff);
  text-decoration:none;
  font-size:12px;
  font-weight:500;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.wx4-button:hover,
.wx4-button:focus-visible,
.wx4-packages-page .vv-btn:hover,
.wx4-packages-page .vv-btn:focus-visible{
  background:var(--wx4-admin-btn-primary-hover,#d97706);
  border-color:var(--wx4-admin-btn-primary-hover,#d97706);
  color:var(--wx4-admin-btn-primary-text,#fff);
  outline:none;
}

.wx4-button--secondary{
  min-height:32px;
  padding:7px 10px;
  border-color:var(--wx4-admin-card-border,#e7e5e4);
  background:var(--wx4-admin-card-bg,#fff);
  color:var(--wx4-admin-text-secondary,#44403c);
  font-size:11px;
}

.wx4-button--secondary:hover,
.wx4-button--secondary:focus-visible{
  background:var(--wx4-admin-card-bg,#fff);
  border-color:var(--wx4-admin-accent,#d97706);
  color:var(--wx4-admin-accent,#d97706);
}

body.wx4-body--admin .wx4-module-card__icon{
  position:relative;
  font-size:0;
  font-weight:800;
}

body.wx4-body--admin .wx4-module-card__icon::before{
  content:"M";
  font-size:12px;
  line-height:1;
}

.wx4-alert{
  padding:14px 16px;
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.55;
}

.wx4-badge,
.wx4-backup-notice__type{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--wx4-admin-badge-amber-bg,#fef3c7);
  color:var(--wx4-admin-badge-amber-text,#92400e);
  font-size:11px;
  font-weight:600;
}

.wx4-badge--success{
  background:var(--wx4-admin-badge-success-bg,#dcfce7);
  color:var(--wx4-admin-badge-success-text,#166534);
}

input,
select,
textarea{
  width:100%;
  border:1px solid var(--wx4-admin-input-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
  color:var(--wx4-admin-text,#09090b);
  min-height:34px;
  padding:8px 10px;
  font-size:12px;
  transition:border-color .18s ease,box-shadow .18s ease;
}

input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:var(--wx4-admin-input-focus-border,#d97706);
  box-shadow:0 0 0 3px var(--wx4-admin-input-focus-ring,rgba(217,119,6,.12));
}

table{
  width:100%;
  border-collapse:collapse;
}

th,
td{
  padding:10px 12px;
  border-bottom:1px solid var(--wx4-admin-card-border,#e7e5e4);
  text-align:left;
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  vertical-align:top;
}

th{
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wx4-packages-page{
  display:grid;
  gap:0;
}

.wx4-packages-page textarea,
.wx4-packages-page pre{
  width:100%;
  max-width:100%;
  margin:0;
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
  color:var(--wx4-admin-text,#09090b);
  font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.wx4-packages-page textarea{
  display:block;
  min-height:180px;
  padding:12px;
  resize:vertical;
}

.wx4-packages-page pre{
  max-height:360px;
  padding:12px;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.wx4-packages-page .wx4-card-ok{
  border-color:var(--wx4-admin-badge-success-text,#166534);
}

.wx4-packages-page .wx4-card-error{
  border-color:var(--wx4-admin-badge-amber-text,#92400e);
}

.wx4-admin-summary-card{
  position:relative;
  min-width:0;
  min-height:156px;
  padding:22px 20px 20px;
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
  overflow:visible;
}

.wx4-admin-summary-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--wx4-admin-state,var(--wx4-admin-accent,#d97706));
}

.wx4-admin-summary-card__body{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.wx4-admin-summary-card__icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:8px;
  background:var(--wx4-admin-state-bg,var(--wx4-admin-badge-amber-bg,#fef3c7));
  color:var(--wx4-admin-state,var(--wx4-admin-accent,#d97706));
  font-size:16px;
  font-weight:700;
}

.wx4-admin-summary-card__content{
  display:grid;
  gap:6px;
  min-width:0;
}

.wx4-admin-summary-card__title,
.wx4-admin-status-badge__detail{
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wx4-admin-summary-card__value{
  color:var(--wx4-admin-text,#09090b);
  font-size:20px;
  font-weight:500;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.wx4-admin-summary-card__detail,
.wx4-admin-activity-timeline__description,
.wx4-admin-activity-timeline__state{
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.55;
}

.wx4-admin-summary-card__status{
  color:var(--wx4-admin-state,var(--wx4-admin-accent,#d97706));
  font-size:12px;
  font-weight:600;
}

.wx4-admin-status-badge{
  display:inline-flex;
  align-items:flex-start;
  gap:7px;
  max-width:100%;
  padding:6px 10px;
  border:1px solid var(--wx4-admin-state-border,var(--wx4-admin-card-border,#e7e5e4));
  border-radius:999px;
  background:var(--wx4-admin-state-bg,var(--wx4-admin-card-bg,#fff));
  color:var(--wx4-admin-state,var(--wx4-admin-text,#09090b));
  font-size:12px;
  font-weight:600;
  line-height:1.35;
}

.wx4-admin-status-badge__body{
  display:grid;
  gap:2px;
  min-width:0;
}

.wx4-admin-info-alert{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:18px 20px;
  border:1px solid var(--wx4-admin-state-border,var(--wx4-admin-card-border,#e7e5e4));
  border-radius:8px;
  background:var(--wx4-admin-state-bg,var(--wx4-admin-card-bg,#fff));
  color:var(--wx4-admin-text,#09090b);
}

.wx4-admin-info-alert__icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--wx4-admin-card-bg,#fff);
  color:var(--wx4-admin-state,var(--wx4-admin-accent,#d97706));
  font-weight:700;
}

.wx4-admin-info-alert__content{
  display:grid;
  gap:4px;
  min-width:0;
}

.wx4-admin-info-alert__title{
  color:var(--wx4-admin-text,#09090b);
  font-size:12px;
  font-weight:600;
  line-height:1.45;
}

.wx4-admin-info-alert__text,
.wx4-admin-info-alert__action a{
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.55;
}

.wx4-admin-activity-timeline{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.wx4-admin-activity-timeline__item{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:14px;
  padding:0 0 10px;
}

.wx4-admin-activity-timeline__item:not(:last-child){
  border-bottom:1px solid var(--wx4-admin-card-border,#e7e5e4);
}

.wx4-admin-activity-timeline__time{
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:10px;
  font-weight:600;
}

.wx4-admin-activity-timeline__title{
  color:var(--wx4-admin-text,#09090b);
  font-size:12px;
  font-weight:600;
  line-height:1.45;
}

.wx4-admin-variant-success{
  --wx4-admin-state:var(--wx4-admin-badge-success-text,#166534);
  --wx4-admin-state-bg:var(--wx4-admin-badge-success-bg,#dcfce7);
  --wx4-admin-state-border:var(--wx4-admin-badge-success-bg,#dcfce7);
}

.wx4-admin-variant-warning{
  --wx4-admin-state:var(--wx4-admin-badge-amber-text,#92400e);
  --wx4-admin-state-bg:var(--wx4-admin-badge-amber-bg,#fef3c7);
  --wx4-admin-state-border:var(--wx4-admin-badge-amber-bg,#fef3c7);
}

.wx4-admin-variant-danger{
  --wx4-admin-state:var(--wx4-admin-accent-hover,#b45309);
  --wx4-admin-state-bg:var(--wx4-admin-sidebar-active-bg,rgba(217,119,6,.1));
  --wx4-admin-state-border:var(--wx4-admin-sidebar-active-bg,rgba(217,119,6,.1));
}

.wx4-admin-variant-info,
.wx4-admin-variant-neutral{
  --wx4-admin-state:var(--wx4-admin-text-secondary,#78716c);
  --wx4-admin-state-bg:var(--wx4-admin-card-bg,#fff);
  --wx4-admin-state-border:var(--wx4-admin-card-border,#e7e5e4);
}

.wx4-backup-notice{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:24px;
}

.wx4-backup-notice[hidden],
.wx4-sidebar__overlay[hidden]{
  display:none;
}

.wx4-backup-notice__overlay,
.wx4-sidebar__overlay{
  position:fixed;
  inset:0;
  background:var(--wx4-admin-overlay-bg,rgba(9,9,11,.56));
}

.wx4-backup-notice__dialog{
  position:relative;
  z-index:1;
  width:min(640px,100%);
  padding:28px 28px 24px;
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
}

.wx4-backup-notice__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:var(--wx4-admin-accent,#d97706);
  font-size:10px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.wx4-backup-notice__header h2{
  margin:0 0 10px;
  color:var(--wx4-admin-text,#09090b);
  font-size:20px;
  font-weight:500;
  line-height:1.2;
}

.wx4-backup-notice__header p{
  margin:0;
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.55;
}

.wx4-backup-notice__form{
  margin-top:20px;
}

.wx4-backup-notice__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.wx4-backup-notice__created{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:var(--wx4-admin-card-bg,#fff);
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:11px;
}

.wx4-backup-notice__file-chip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:16px;
  padding:14px 16px;
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
  background:var(--wx4-admin-card-bg,#fff);
}

.wx4-backup-notice__file-label{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:var(--wx4-admin-btn-primary-bg,#09090b);
  color:var(--wx4-admin-btn-primary-text,#fff);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wx4-backup-notice__file{
  min-width:0;
  color:var(--wx4-admin-text,#09090b);
  font-size:12px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.wx4-backup-notice__error{
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid var(--wx4-admin-badge-amber-bg,#fef3c7);
  border-radius:8px;
  background:var(--wx4-admin-sidebar-active-bg,rgba(217,119,6,.1));
  color:var(--wx4-admin-accent-hover,#b45309);
  font-size:12px;
  line-height:1.5;
}

.wx4-backup-notice__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.wx4-backup-notice__actions.is-busy{
  opacity:.72;
  pointer-events:none;
}

body.wx4-sidebar-open{
  overflow:hidden;
}

@media (max-width:767px){
  .wx4-sidebar{
    transform:translateX(-100%);
    transition:transform .22s ease;
    box-shadow:none;
  }

  body.wx4-sidebar-open .wx4-sidebar{
    transform:translateX(0);
  }

  .wx4-topbar{
    left:0;
    padding:0 14px;
  }

  .wx4-topbar__mobile-logo,
  .wx4-topbar__toggle{
    display:flex;
  }

  .wx4-topbar__breadcrumb{
    display:none;
  }

  .wx4-admin-main{
    margin-left:0;
  }

  .wx4-shell{
    height:calc(100vh - 48px);
    padding:16px 14px 20px;
  }

  .wx4-admin-page-header__heading{
    align-items:center;
  }

  .wx4-backup-notice{
    padding:14px;
  }

  .wx4-backup-notice__dialog{
    width:100%;
    padding:22px 18px 18px;
  }

  .wx4-backup-notice__file-chip{
    flex-direction:column;
  }

  .wx4-backup-notice__actions{
    flex-direction:column;
  }

  .wx4-backup-notice__actions .wx4-button{
    width:100%;
  }

  .wx4-admin-activity-timeline__item{
    grid-template-columns:1fr;
  }
}

.wx4-dash-grid{
  display:grid;
  gap:16px;
  margin-bottom:16px;
}

.wx4-dash-grid--stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}

.wx4-dash-grid--actions{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.wx4-dash-stat-link{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  border-radius:8px;
  transition:transform .15s ease;
}

.wx4-dash-stat-link:hover .wx4-dash-stat{
  border-color:var(--wx4-admin-accent,#d97706);
}

.wx4-dash-stat-link:hover{
  transform:translateY(-1px);
}

.wx4-dash-stat,
.wx4-dash-action-card,
.wx4-dash-panel{
  background:var(--wx4-admin-card-bg,#fff);
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  border-radius:8px;
}

.wx4-dash-stat{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:18px;
}

.wx4-dash-grid--stats .wx4-dash-stat,
.wx4-dash-grid--stats .wx4-dash-stat-link{
  height:100%;
}

.wx4-dash-stat-link .wx4-dash-stat{
  flex:1;
}

.wx4-dash-stat--backup{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.wx4-dash-stat__label{
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wx4-dash-stat__value{
  color:var(--wx4-admin-text,#09090b);
  font-size:20px;
  font-weight:500;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.wx4-dash-stat__meta{
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.5;
}

.wx4-dash-stat__footer{
  margin-top:auto;
  padding-top:10px;
  color:var(--wx4-admin-accent,#d97706);
  font-size:11px;
  font-weight:500;
}

.wx4-dash-action-card{
  display:grid;
  gap:14px;
  min-width:0;
  padding:18px;
}

.wx4-dash-action-card__icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:8px;
  background:var(--wx4-admin-sidebar-active-bg,rgba(217,119,6,.1));
  color:var(--wx4-admin-accent,#d97706);
  font-size:18px;
}

.wx4-dash-action-card__body{
  display:grid;
  gap:6px;
}

.wx4-dash-action-card__body h3,
.wx4-dash-panel__header h2{
  margin:0;
  color:var(--wx4-admin-text,#09090b);
  font-size:12px;
  font-weight:500;
}

.wx4-dash-action-card__body p,
.wx4-dash-panel__header p,
.wx4-dash-site-row__slug{
  margin:0;
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:11px;
  line-height:1.55;
}

.wx4-dash-action-card__footer,
.wx4-dash-panel__header,
.wx4-dash-site-row,
.wx4-dash-site-row__main,
.wx4-dash-site-row__side,
.wx4-dash-site-row__actions{
  display:flex;
  align-items:center;
}

.wx4-dash-action-card__footer,
.wx4-dash-panel__header,
.wx4-dash-site-row{
  justify-content:space-between;
  gap:12px;
}

.wx4-dash-action-card__meta{
  color:var(--wx4-admin-text-muted,#a8a29e);
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.wx4-dash-action-card__link,
.wx4-dash-panel__link{
  color:var(--wx4-admin-accent,#d97706);
  font-size:12px;
  font-weight:500;
  text-decoration:none;
}

.wx4-dash-panel{
  display:grid;
  gap:16px;
  padding:18px;
}

.wx4-dash-sites{
  display:grid;
}

.wx4-dash-site-row{
  padding:14px 0;
  border-top:1px solid var(--wx4-admin-card-border,#e7e5e4);
}

.wx4-dash-site-row:first-child{
  border-top:0;
  padding-top:0;
}

.wx4-dash-site-row__main,
.wx4-dash-site-row__side,
.wx4-dash-site-row__actions{
  gap:10px;
}

.wx4-dash-site-row__content{
  display:grid;
  gap:2px;
}

.wx4-dash-site-row__name{
  color:var(--wx4-admin-text,#09090b);
  font-size:12px;
  font-weight:500;
}

.wx4-dash-site-row__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  flex:0 0 auto;
  background:var(--wx4-admin-text-muted,#a8a29e);
}

.wx4-dash-site-row__dot.is-active{
  background:var(--wx4-admin-badge-success-text,#166534);
}

.wx4-dash-site-row__dot.is-warning{
  background:var(--wx4-admin-accent,#d97706);
}

.wx4-dash-site-row__badge{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:var(--wx4-admin-card-bg,#fff);
  border:1px solid var(--wx4-admin-card-border,#e7e5e4);
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:11px;
}

.wx4-dash-site-row .wx4-button{
  background:var(--wx4-admin-btn-primary-bg,#09090b);
  border-color:var(--wx4-admin-btn-primary-bg,#09090b);
  color:var(--wx4-admin-btn-primary-text,#fff);
}

.wx4-dash-site-row .wx4-button:hover{
  background:var(--wx4-admin-btn-primary-hover,#d97706);
  border-color:var(--wx4-admin-btn-primary-hover,#d97706);
}

.wx4-dash-site-row .wx4-button--secondary{
  background:var(--wx4-admin-card-bg,#fff);
  border-color:var(--wx4-admin-card-border,#e7e5e4);
  color:var(--wx4-admin-text-secondary,#44403c);
}

.wx4-dash-site-row .wx4-button--secondary:hover{
  background:var(--wx4-admin-card-bg,#fff);
  border-color:var(--wx4-admin-accent,#d97706);
  color:var(--wx4-admin-accent,#d97706);
}

.wx4-dash-backup-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  flex-shrink:0;
}

.wx4-dash-backup-dot--ok{
  background:#22c55e;
}

.wx4-dash-backup-dot--warn{
  background:#f59e0b;
}

.wx4-dash-backup-dot--error{
  background:#ef4444;
}

.wx4-dash-backup-flag{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:2px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:500;
  white-space:nowrap;
}

.wx4-dash-backup-flag--ok{
  background:#dcfce7;
  color:#166534;
}

.wx4-dash-backup-flag--warn{
  background:#fef3c7;
  color:#92400e;
}

.wx4-dash-backup-flag--error{
  background:#fee2e2;
  color:#991b1b;
}

.wx4-dash-backup-item{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:6px 0;
  border-bottom:.5px solid var(--wx4-admin-card-border,#e7e5e4);
}

.wx4-dash-backup-item:last-child{
  border:none;
  padding-bottom:0;
}

.wx4-dash-backup-item__header{
  display:flex;
  align-items:center;
  gap:6px;
}

.wx4-dash-backup-item__type{
  flex:1;
  font-size:12px;
  font-weight:500;
  color:var(--wx4-admin-text,#09090b);
}

.wx4-dash-backup-item__date{
  padding-left:13px;
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:11px;
}

.wx4-dash-site-row--empty{
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.55;
}

.wx4-sites-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  gap:12px;
}

.wx4-sites-header h2{
  margin:0 0 4px;
  color:var(--wx4-admin-text,#09090b);
  font-size:14px;
  font-weight:500;
}

.wx4-sites-header p{
  margin:0;
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:12px;
  line-height:1.5;
}

.wx4-dash-action-link {
  color:var(--wx4-admin-accent,#d97706);
  font-size:12px;
  font-weight:500;
  text-decoration:none;
}

.wx4-dash-action-link:hover {
  text-decoration:underline;
}

.wx4-sites-actions {
  display:flex;
  flex-direction:column;
  gap:6px;
}

.wx4-sites-actions form {
  display:inline;
}

.wx4-sites-actions form {
  display:inline;
}

.wx4-sites-actions__primary {
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.wx4-sites-actions__secondary {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.wx4-sites-actions__secondary a {
  color:var(--wx4-admin-text-secondary,#78716c);
  font-size:11px;
  text-decoration:none;
}

.wx4-sites-actions__secondary a:hover {
  color:var(--wx4-admin-accent,#d97706);
}

.wx4-button--danger {
  border-color:#fecdd3;
  color:#9f1239;
}

.wx4-button--danger:hover {
  background:#fff1f2;
  border-color:#fda4af;
  color:#9f1239;
}

@media (max-width:1024px){
  .wx4-dash-grid--stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .wx4-dash-grid--actions{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  .wx4-dash-grid--stats{
    grid-template-columns:1fr;
  }

  .wx4-dash-panel__header,
  .wx4-dash-site-row,
  .wx4-dash-site-row__side{
    flex-direction:column;
    align-items:flex-start;
  }

  .wx4-dash-site-row__actions{
    flex-wrap:wrap;
  }
}

.wx4-sidebar .wx4-admin-debug-switch {
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  text-align:left;
}

.wx4-sidebar .wx4-admin-debug-switch:hover,
.wx4-sidebar .wx4-admin-debug-switch:focus-visible {
  background:rgba(255,255,255,.06);
  border-color:transparent;
  outline:none;
}

.wx4-sidebar .wx4-admin-debug-switch__track {
  position:relative;
  flex:0 0 auto;
  width:38px;
  height:22px;
  padding:2px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  transition:background .18s ease;
}

.wx4-sidebar .wx4-admin-debug-switch__thumb {
  display:block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  transform:translateX(0);
  transition:transform .18s ease;
}

.wx4-sidebar .wx4-admin-debug-switch.is-active
  .wx4-admin-debug-switch__track {
  background:#d97706;
}

.wx4-sidebar .wx4-admin-debug-switch.is-active
  .wx4-admin-debug-switch__thumb {
  transform:translateX(16px);
}

.wx4-sidebar .wx4-admin-debug-switch__text {
  display:grid;
  gap:1px;
  min-width:0;
}

.wx4-sidebar .wx4-admin-debug-switch__action {
  color:rgba(255,255,255,.3);
  font-size:11px;
  line-height:1.4;
}

.wx4-sidebar .wx4-admin-debug-switch__state {
  color: rgba(255,255,255,.6) !important;
  font-size: 12px;
  font-weight: 500;
}

.wx4-sidebar .wx4-admin-debug-switch.is-active .wx4-admin-debug-switch__state {
  color: #d97706 !important;
}


.wx4-button.wx4-button.wx4-button--primary {
  background: var(--wx4-admin-accent,#d97706);
  border-color: var(--wx4-admin-accent,#d97706);
  color: #fff;
}

.wx4-button.wx4-button--primary:hover,
.wx4-button.wx4-button--primary:focus-visible {
  background: #b45309;
  border-color: #b45309;
  color: #fff;
}

.wx4-button.wx4-button.wx4-button--sm {
  width:fit-content;
  max-width:max-content;
  width:fit-content;
  max-width:max-content;
  min-height: 28px;
  padding: 4px 10px;
  font-size: 11px;
}
.wx4-m24-hero .wx4-m24-pill{display:inline-flex !important;align-items:center;padding:2px 8px !important;border-radius:999px !important;background:#f1f3f5 !important;color:#495057 !important;font-size:11px !important;font-weight:500 !important;line-height:1.2;text-decoration:none !important;cursor:default !important;box-shadow:none !important}
.wx4-m24-hero .wx4-m24-pill:hover,.wx4-m24-hero .wx4-m24-pill:focus,.wx4-m24-hero .wx4-m24-pill:focus-visible{background:#f1f3f5 !important;color:#495057 !important;text-decoration:none !important;box-shadow:none !important;transform:none !important;outline:none !important}