:root{
  --xo-ui-radius:20px;
  --xo-ui-radius-sm:14px;
  --xo-ui-glass:rgba(255,255,255,.84);
  --xo-ui-shadow:0 20px 65px rgba(17,35,78,.12);
  --xo-ui-shadow-soft:0 8px 28px rgba(17,35,78,.08);
}
html[data-theme="dark"]{
  --xo-ui-glass:rgba(16,24,36,.84);
  --xo-ui-shadow:0 20px 65px rgba(0,0,0,.30);
  --xo-ui-shadow-soft:0 8px 28px rgba(0,0,0,.18);
}
html,body{min-height:100%}
body{
  position:relative;
  min-height:100vh;
  background:var(--bg);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-color:#f0f3f8;
  background-image:var(--xo-runtime-bg-day,url('/assets/images/theme/xo-pattern-day.svg'));
  background-size:840px 600px;background-repeat:repeat;background-position:center top;
  opacity:calc(var(--xo-runtime-bg-opacity,.09) * var(--xo-runtime-bg-enabled,1));
}
html[data-theme="dark"] body::before{
  background-color:#171b22;
  background-image:var(--xo-runtime-bg-night,url('/assets/images/theme/xo-pattern-night.svg'));
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:rgba(240,243,248,.91)}
html[data-theme="dark"] body::after{background:rgba(23,27,34,.91)}
.panel-app,.frontend-shell,.panel-auth-page,.xo-social-app{
  background:transparent!important;
}
.panel-sidebar,.panel-topbar,.xo-header,.xo-mobile-topbar,.xo-mobile-bottom-nav,.xo-social-sidebar{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.panel-sidebar{
  background:color-mix(in srgb,var(--card) 88%,transparent)!important;
  box-shadow:10px 0 45px rgba(8,22,55,.05);
}
.panel-topbar{
  background:color-mix(in srgb,var(--card) 82%,transparent)!important;
  border-bottom:1px solid var(--border);
}
.panel-main{
  flex:1;
}
.panel-content{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.panel-card,.xo-card,.auth-card,.settings-card{
  border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  box-shadow:var(--xo-ui-shadow-soft);
}
.panel-card{
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.panel-page__heading{
  padding:4px 2px 6px;
}
.panel-page__heading h1{
  letter-spacing:-.035em;
}
.xo-btn{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.xo-btn:hover{transform:translateY(-1px)}
.xo-btn--primary{
  background:linear-gradient(135deg,var(--xo-runtime-primary,#0A33C7),var(--xo-runtime-secondary,#7046E8))!important;
  border-color:transparent!important;
  box-shadow:0 10px 25px color-mix(in srgb,var(--xo-runtime-primary,#0A33C7) 24%,transparent);
}
.xo-brand__mark,.xo-social-brand__mark,.xo-mobile-logo__mark{
  background:linear-gradient(145deg,var(--xo-runtime-primary,#0A33C7),#07134F)!important;
  border-color:var(--xo-runtime-accent,#18C7EA)!important;
}
.xo-global-copyright{
  margin-top:auto;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  color:var(--muted);
  font-size:.72rem;
  background:color-mix(in srgb,var(--card) 82%,transparent);
  border-top:1px solid var(--border);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  position:relative;
  z-index:5;
}
.xo-global-copyright>div{
  width:min(1320px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.xo-global-copyright a{color:var(--xo-runtime-primary,#0A33C7);font-weight:900}
.xo-copyright-version{
  display:inline-flex;
  padding:2px 6px;
  margin-left:5px;
  border-radius:999px;
  background:var(--surface-2);
}
.panel-footer{display:none!important}
.frontend-shell{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.xo-main{flex:1}
.xo-footer{display:none!important}
.xo-social-layout{min-height:calc(100vh - 44px)}
.xo-social-main{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.xo-social-main>.xo-global-copyright{margin-top:auto}
.auth-wrap{
  min-height:calc(100vh - 160px);
}
.settings-shell{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:20px;
}
.settings-tabs{
  position:sticky;top:86px;align-self:start;
  display:grid;gap:6px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:20px;
  background:color-mix(in srgb,var(--card) 86%,transparent);
  backdrop-filter:blur(16px);
}
.settings-tabs a{
  min-height:45px;
  display:flex;align-items:center;
  padding:0 13px;
  border-radius:13px;
  color:var(--muted);
  font-weight:800;font-size:.82rem;
}
.settings-tabs a.is-active,.settings-tabs a:hover{
  color:var(--text);
  background:var(--surface-2);
}
.settings-content{min-width:0}
.settings-card{padding:22px}
.settings-card__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin-bottom:18px;
}
.settings-card__head h2{margin:4px 0 0}
.settings-status{
  padding:5px 9px;border-radius:999px;
  background:rgba(43,201,126,.12);color:#21a765;
  font-size:.72rem;font-weight:900;
}
.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-switch{
  display:flex!important;flex-direction:row!important;
  align-items:center;gap:10px;padding:11px 12px;
  background:var(--surface-2);border-radius:13px;
}
.settings-switch input{width:18px!important;height:18px!important}
.background-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.background-preview{
  height:175px;border-radius:16px;
  background-size:cover;background-position:center;
  border:1px solid var(--border);
  display:flex;align-items:flex-end;padding:12px;
  overflow:hidden;
}
.background-preview b{
  background:rgba(0,0,0,.48);color:#fff;
  padding:5px 9px;border-radius:8px;font-size:.75rem;
}
.asset-upload-row{
  display:flex;align-items:end;gap:10px;
  padding:12px 0;border-top:1px solid var(--border);
}
.asset-upload-row label{flex:1}
.asset-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.asset-card{
  min-height:140px;
  padding:14px;border:1px solid var(--border);
  border-radius:16px;background:var(--surface-2);
  display:flex;flex-direction:column;gap:10px;
}
.asset-card input{font-size:.72rem}
.app-icon-generator{
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  margin-top:18px;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--xo-runtime-primary,#0A33C7) 12%,var(--card)),
    color-mix(in srgb,var(--xo-runtime-secondary,#7046E8) 8%,var(--card))
  );
}
.app-icon-generator p{color:var(--muted);max-width:720px}
.app-icon-generator form{display:grid;gap:10px;min-width:280px}
.login-visual-preview{
  height:320px;border-radius:18px;
  background-size:cover;background-position:center;
  border:1px solid var(--border);
}
.language-list{display:grid;gap:7px;margin-bottom:18px}
.language-list a{
  padding:11px 12px;border:1px solid var(--border);
  border-radius:12px;display:grid;
}
.language-list a.is-active{border-color:var(--xo-runtime-primary,#0A33C7);background:var(--surface-2)}
.language-list small{color:var(--muted)}
.translation-list{
  display:grid;gap:6px;
  max-height:420px;overflow:auto;
  margin-top:16px;
}
.translation-list>div{
  display:grid;padding:9px 10px;
  border:1px solid var(--border);border-radius:11px;
}
.translation-list small{color:var(--muted)}
hr{border:0;border-top:1px solid var(--border);margin:15px 0}
@media(max-width:1050px){
  .settings-shell{grid-template-columns:1fr}
  .settings-tabs{
    position:static;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .settings-two-col{grid-template-columns:1fr}
  .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .settings-tabs{
    display:flex;overflow-x:auto;
    scrollbar-width:none;
  }
  .settings-tabs a{flex:0 0 auto}
  .asset-grid{grid-template-columns:1fr}
  .background-preview-grid{grid-template-columns:1fr}
  .app-icon-generator{flex-direction:column;align-items:stretch}
  .app-icon-generator form{min-width:0}
  .xo-global-copyright{
    padding-bottom:calc(8px + env(safe-area-inset-bottom));
  }
  .xo-global-copyright>div{
    flex-direction:column;gap:3px;text-align:center;
  }
  .xo-social-main>.xo-global-copyright{
    margin-bottom:var(--xo-mobile-bottom,58px);
  }
}

.xo-runtime-logo{
  max-width:165px;
  max-height:48px;
  width:auto;height:auto;
  object-fit:contain;
  display:block;
}
.panel-sidebar__brand .xo-runtime-logo{max-height:42px}
.xo-header .xo-runtime-logo{max-height:45px}

.superadmin-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.dashboard-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}
.dashboard-module-card{padding:20px}
.admin-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-quick-grid>a{display:grid;gap:5px;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);transition:.16s}
.admin-quick-grid>a:hover{transform:translateY(-2px);border-color:var(--xo-runtime-primary,#0A33C7)}
.admin-quick-grid>a span{font-size:1.35rem}.admin-quick-grid>a small{color:var(--muted)}
.compact-account-list,.compact-content-list{display:grid;gap:7px}
.compact-account-list>div,.compact-content-list>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.compact-account-list>div>span:nth-child(2),.compact-content-list>div>span:nth-child(2){display:grid;min-width:0;flex:1}
.compact-account-list small,.compact-content-list small{color:var(--muted)}
.compact-account-list i,.compact-content-list i{font-style:normal;font-size:.68rem;padding:4px 7px;border-radius:999px;background:var(--card)}
.compact-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--xo-runtime-primary,#0A33C7),var(--xo-runtime-secondary,#7046E8));color:#fff;font-weight:1000}
.data-card,.content-table-card{padding:18px}.table-scroll{overflow:auto}.xo-table{width:100%;border-collapse:collapse}.xo-table th,.xo-table td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--border);vertical-align:middle}.xo-table td small{display:block;color:var(--muted)}.inline-status-form{display:flex;gap:6px}.inline-status-form select{height:38px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text)}
.content-kpi{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.content-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.moderation-list{display:grid;gap:8px}.moderation-case{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.moderation-case>div{display:grid}.moderation-case small{color:var(--muted)}
@media(max-width:1200px){.superadmin-kpi-grid{grid-template-columns:repeat(3,1fr)}.content-admin-grid{grid-template-columns:1fr}.content-kpi{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.dashboard-split{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.superadmin-kpi-grid,.content-kpi{grid-template-columns:repeat(2,1fr)}.admin-quick-grid{grid-template-columns:1fr}.inline-status-form{flex-direction:column}}

.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.community-card{overflow:hidden;padding:0}.community-card__cover{height:100px;background:linear-gradient(135deg,var(--xo-runtime-primary,#0A33C7),var(--xo-runtime-secondary,#7046E8));position:relative}.community-card__cover::after{content:"";position:absolute;inset:0;background-image:var(--xo-runtime-bg-night);background-size:cover;background-position:center;opacity:.15}.community-cover--group{background:linear-gradient(135deg,#0c6ecf,var(--xo-runtime-accent,#18C7EA))}.community-card__body{padding:16px;position:relative}.community-icon{width:54px;height:54px;margin-top:-44px;margin-bottom:8px;border-radius:17px;display:grid;place-items:center;background:var(--card);border:4px solid var(--card);box-shadow:var(--xo-ui-shadow-soft);font-size:1.5rem}.community-card__title{display:flex;justify-content:space-between;gap:8px;align-items:start}.community-card__title h2{font-size:1rem;margin:0}.community-card__title span{font-size:.65rem;color:var(--muted);background:var(--surface-2);padding:4px 6px;border-radius:999px}.community-card p{color:var(--muted);font-size:.82rem;min-height:60px}.community-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;margin:12px 0}.xo-community-modal[hidden]{display:none}.xo-community-modal{position:fixed;inset:0;z-index:240;display:grid;place-items:center}.community-modal-card{position:relative;z-index:2;width:min(520px,calc(100% - 28px));padding:20px}.community-modal-card header{display:flex;justify-content:space-between;align-items:center}.community-modal-card header button{border:0;background:transparent;color:var(--text);font-size:1.7rem}.blog-shell{padding:60px 0 80px}.blog-hero{max-width:760px;margin-bottom:30px}.blog-hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;letter-spacing:-.05em;margin:8px 0}.blog-hero p{color:var(--muted);font-size:1.05rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{overflow:hidden;padding:0}.blog-card__visual{height:190px;display:flex;align-items:flex-end;padding:14px;background:linear-gradient(145deg,var(--xo-runtime-primary,#0A33C7),var(--xo-runtime-secondary,#7046E8));position:relative}.blog-card__visual::before{content:"";position:absolute;inset:0;background-image:var(--xo-runtime-bg-night);background-size:cover;opacity:.15}.blog-card__visual span{position:relative;background:rgba(0,0,0,.35);color:#fff;border-radius:999px;padding:5px 8px;font-size:.7rem}.blog-card__body{padding:17px}.blog-card__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}.blog-card h2{font-size:1.12rem;line-height:1.25}.blog-card p{color:var(--muted);font-size:.83rem}.blog-read-more{font-weight:900;color:var(--xo-runtime-primary,#0A33C7);font-size:.8rem}.blog-detail{padding:45px 0 90px;max-width:950px}.blog-back{color:var(--muted);font-size:.78rem}.blog-detail__head{max-width:780px;margin:35px 0 26px}.blog-detail__head h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:8px 0 13px}.blog-detail__head p{color:var(--muted);font-size:1.05rem}.blog-detail__head>div{display:flex;gap:18px;color:var(--muted);font-size:.75rem}.blog-detail__cover{height:390px;border-radius:24px;background:linear-gradient(145deg,var(--xo-runtime-primary,#0A33C7),var(--xo-runtime-secondary,#7046E8));background-image:linear-gradient(145deg,rgba(10,51,199,.78),rgba(112,70,232,.84)),var(--xo-runtime-bg-night);background-size:cover;background-position:center}.blog-detail__content{max-width:760px;margin:35px auto;font-size:1rem;line-height:1.8}.blog-detail__content h2,.blog-detail__content h3{margin-top:1.7em}.empty-state{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
@media(max-width:1000px){.community-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.community-grid,.blog-grid{grid-template-columns:1fr}.blog-shell{padding:30px 12px 80px}.blog-detail{padding:25px 14px 80px}.blog-detail__cover{height:250px;border-radius:18px}}

/* v1.5 Sngine-inspired system shell */
body{font-feature-settings:"kern" 1,"liga" 1}.panel-card,.xo-card,.auth-card,.settings-card{border-radius:12px!important;box-shadow:0 3px 12px rgba(22,34,52,.045)!important}.panel-sidebar{border-right:1px solid var(--border);box-shadow:none!important}.panel-topbar{box-shadow:none!important}.xo-btn{border-radius:9px!important}.xo-global-copyright{background:color-mix(in srgb,var(--card) 96%,transparent)}

/* v1.6 calmer global palette */
body::before{background-image:var(--xo-runtime-bg-day,url('/assets/images/theme/xo-surface-day.svg'));background-size:720px 720px;opacity:calc(var(--xo-runtime-bg-opacity,.06)*var(--xo-runtime-bg-enabled,1))}html[data-theme="dark"] body::before{background-image:var(--xo-runtime-bg-night,url('/assets/images/theme/xo-surface-night.svg'))}body::after{background:rgba(245,246,248,.80)}html[data-theme="dark"] body::after{background:rgba(24,26,32,.86)}.xo-btn--primary{background:linear-gradient(135deg,#5b63a8,#7868c8)!important;box-shadow:0 9px 22px rgba(91,99,168,.15)}.panel-nav__item.is-active{background:color-mix(in srgb,#5b63a8 9%,var(--surface-2));color:#5b63a8}.kpi-card>span{color:#667085}

/* =========================================================
   XOXOXO v1.7 Brand + Compact Professional UI
   ========================================================= */
body::before{background-image:url('/assets/images/theme/xo-v17-day.svg')!important;background-size:960px 640px!important;opacity:.72!important}html[data-theme="dark"] body::before{background-image:url('/assets/images/theme/xo-v17-night.svg')!important;opacity:.78!important}body::after{background:linear-gradient(180deg,rgba(245,248,255,.72),rgba(245,248,255,.86))!important}html[data-theme="dark"] body::after{background:linear-gradient(180deg,rgba(7,17,38,.62),rgba(7,17,38,.84))!important}
.xo-runtime-logo{max-width:152px!important;max-height:44px!important;object-fit:contain}.panel-sidebar__brand .xo-runtime-logo{max-width:150px!important;max-height:46px!important}.xo-brand:has(.xo-runtime-logo) .xo-brand__copy{display:none!important}
.panel-layout{--sidebar-w:238px}.panel-sidebar{width:238px!important}.panel-sidebar__brand{min-height:66px!important;padding:11px 14px!important}.panel-nav{padding:8px!important;gap:2px!important}.panel-nav__item{min-height:40px!important;padding:0 10px!important;border-radius:10px!important;gap:10px!important;font-size:.76rem!important}.panel-nav__icon{width:22px!important;font-size:.9rem!important}.panel-sidebar__footer{padding:10px!important}.mini-user__avatar{width:34px!important;height:34px!important;border-radius:11px!important}.mini-user b{font-size:.72rem!important}.mini-user small{font-size:.62rem!important}.panel-content{margin-left:238px!important}.panel-topbar{height:58px!important;padding:0 16px!important}.panel-topbar__title span{font-size:.82rem!important}.panel-topbar__title small{font-size:.6rem!important}.panel-topbar__actions{gap:5px!important}.icon-btn{width:34px!important;height:34px!important;border-radius:9px!important}.panel-main{padding:18px!important}.panel-page__heading{margin-bottom:14px!important}.panel-page__heading h1{font-size:1.55rem!important;line-height:1.12!important;margin:3px 0!important}.panel-page__heading p{font-size:.76rem!important;max-width:760px!important}.eyebrow{font-size:.58rem!important;letter-spacing:.12em!important}.panel-card,.settings-card{border-radius:14px!important}.settings-card{padding:15px!important}.settings-card__head{margin-bottom:12px!important}.settings-card__head h2{font-size:.95rem!important}.settings-card__head p{font-size:.68rem!important}.kpi-grid{gap:10px!important}.kpi-card{border-radius:14px!important;padding:14px!important;gap:3px!important}.kpi-card>span{font-size:1rem!important}.kpi-card b{font-size:1.45rem!important}.kpi-card small{font-size:.66rem!important}.xo-table th,.xo-table td{padding:8px 7px!important;font-size:.72rem!important}.xo-table th{font-size:.64rem!important}.xo-form{gap:10px!important}.xo-form label{font-size:.68rem!important}.xo-form input,.xo-form select{min-height:40px!important;height:40px!important;padding:0 10px!important;font-size:.78rem!important;border-radius:10px!important}.xo-form textarea{padding:10px!important;font-size:.78rem!important;border-radius:10px!important}.xo-btn{min-height:38px!important;padding:0 12px!important;border-radius:10px!important;font-size:.72rem!important}.form-row{gap:10px!important}.settings-tabs{border-radius:14px!important;padding:7px!important}.settings-tabs a{min-height:38px!important;font-size:.72rem!important;border-radius:9px!important}.settings-shell{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important}.superadmin-kpi-grid{gap:10px!important}.admin-quick-grid{gap:8px!important}.admin-quick-grid>a{padding:11px!important;border-radius:12px!important}.admin-quick-grid>a b{font-size:.76rem!important}.admin-quick-grid>a small{font-size:.62rem!important}
.xo-btn--primary{background:linear-gradient(135deg,#0A33C7,#168CF5)!important;box-shadow:0 9px 22px rgba(22,140,245,.22)!important}.settings-tabs a.is-active,.panel-nav__item.is-active{background:linear-gradient(90deg,rgba(22,140,245,.11),rgba(24,199,234,.07))!important;color:var(--xo-electric)!important}.status-pill,.type-pill{font-size:.6rem!important}
@media(max-width:900px){.panel-content{margin-left:0!important}.settings-shell{grid-template-columns:1fr!important}.panel-main{padding:12px!important}.panel-page__heading h1{font-size:1.35rem!important}}

/* XOXOXO v1.8.0 Superadmin Control Center */
.superadmin-v18.panel-app{--xo-admin-sidebar:226px;--xo-admin-topbar:56px}
.superadmin-v18 .panel-layout{--sidebar-w:var(--xo-admin-sidebar)!important;grid-template-columns:var(--xo-admin-sidebar) minmax(0,1fr)!important;min-height:100vh}
.superadmin-v18 .panel-sidebar{width:auto!important;min-width:0!important;position:sticky;left:auto!important;background:linear-gradient(180deg,rgba(10,51,199,.06),transparent 22%),color-mix(in srgb,var(--surface) 96%,transparent)!important}
.superadmin-v18 .panel-content{margin-left:0!important;width:auto!important;min-width:0!important}
.superadmin-v18 .panel-topbar{height:var(--xo-admin-topbar)!important;padding:0 14px!important}
.superadmin-v18 .panel-main{width:100%!important;max-width:1540px!important;margin:0 auto!important;padding:15px 16px 28px!important}
.superadmin-v18 .panel-sidebar__brand{min-height:58px!important;padding:8px 12px!important;display:flex;align-items:center}
.superadmin-v18 .panel-sidebar__brand .xo-runtime-logo{max-width:142px!important;max-height:38px!important}
.superadmin-v18 .panel-nav{padding:7px 8px 10px!important;gap:2px!important;overflow-y:auto;scrollbar-width:thin}
.superadmin-v18 .panel-nav__section{display:block;padding:10px 9px 4px;color:var(--muted);font-size:.52rem;font-weight:1000;letter-spacing:.14em}
.superadmin-v18 .panel-nav__item{min-height:35px!important;padding:0 9px!important;border-radius:9px!important;font-size:.70rem!important;gap:8px!important;font-weight:800!important}
.superadmin-v18 .panel-nav__icon{width:19px!important;font-size:.82rem!important}
.superadmin-v18 .panel-nav__item.is-active{background:linear-gradient(90deg,rgba(22,140,245,.16),rgba(24,199,234,.08))!important;box-shadow:inset 3px 0 var(--xo-electric)!important;color:#31b9ff!important}
.superadmin-v18 .panel-nav__item:hover{background:color-mix(in srgb,var(--xo-electric) 7%,var(--surface-2))!important}
.superadmin-v18 .nav-badge{margin-left:auto;min-width:19px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:rgba(244,76,145,.15);color:var(--xo-pink);font-size:.52rem;font-style:normal}
.superadmin-v18 .panel-sidebar__footer{padding:7px!important}.superadmin-v18 .mini-user{padding:6px!important}.superadmin-v18 .mini-user__avatar{width:30px!important;height:30px!important;border-radius:9px!important;border-width:2px!important}.superadmin-v18 .mini-user b{font-size:.67rem!important}.superadmin-v18 .mini-user small{font-size:.56rem!important}
.panel-topbar__left{display:flex;align-items:center;gap:8px}.panel-topbar__center{position:absolute;left:50%;transform:translateX(-50%)}
.xo-top-system-status{display:flex;align-items:center;gap:6px;height:31px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--card) 92%,transparent);font-size:.61rem;color:var(--muted)}
.xo-top-system-status i{width:7px;height:7px;border-radius:50%;background:var(--xo-green);box-shadow:0 0 0 4px rgba(32,201,151,.10)}.xo-top-system-status b{color:var(--xo-green)}
.icon-btn--color.green{color:var(--xo-green);background:rgba(32,201,151,.08);border-color:rgba(32,201,151,.24)}.icon-btn--color.purple{color:var(--xo-purple);background:rgba(112,70,232,.08);border-color:rgba(112,70,232,.24)}.icon-btn--color.cyan{color:var(--xo-cyan);background:rgba(24,199,234,.08);border-color:rgba(24,199,234,.24)}.icon-btn--color.red{color:#ff6b7d;background:rgba(255,87,107,.08);border-color:rgba(255,87,107,.22)}
.xo-admin-hero{align-items:center!important;padding:12px 14px!important;margin-bottom:12px!important;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle at 10% 10%,rgba(24,199,234,.09),transparent 32%),radial-gradient(circle at 86% 30%,rgba(244,76,145,.08),transparent 30%),color-mix(in srgb,var(--card) 94%,transparent)}
.xo-admin-hero h1{font-size:1.38rem!important}.xo-admin-hero p{font-size:.69rem!important}
.xo-admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.xo-admin-kpi,.xo-eco-kpi{min-height:68px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card) 96%,transparent);position:relative;overflow:hidden}
.xo-admin-kpi::before,.xo-eco-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor}.xo-admin-kpi>span,.xo-eco-kpi>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit}.xo-admin-kpi>div,.xo-eco-kpi>div{display:grid}.xo-admin-kpi b,.xo-eco-kpi b{font-size:1.12rem;line-height:1}.xo-admin-kpi small,.xo-eco-kpi small{font-size:.58rem;color:var(--muted);margin-top:3px}
.c-blue{color:#168CF5!important}.c-pink{color:#F44C91!important}.c-purple{color:#7046E8!important}.c-cyan{color:#18C7EA!important}.c-teal{color:#16b8a0!important}.c-yellow{color:#FFBE2E!important}.c-green{color:#20C997!important}.c-orange{color:#ff8b3d!important}.c-violet{color:#8c67ff!important}.c-fuchsia{color:#d85dca!important}.c-lime{color:#7dcf3b!important}.c-red{color:#ff6677!important}
.xo-dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:10px;margin-top:10px}.xo-dashboard-panel,.xo-quick-control,.xo-module-control-card,.xo-catalog-card{padding:13px!important}.xo-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.xo-section-head h2{font-size:.88rem;margin:2px 0}.xo-section-head p{font-size:.62rem;color:var(--muted);margin:2px 0}.xo-section-head>a{font-size:.62rem;color:var(--xo-electric);font-weight:900}
.xo-dashboard-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.xo-dashboard-module{min-height:51px;padding:8px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.xo-dashboard-module>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(22,140,245,.08);color:var(--xo-electric)}.xo-dashboard-module>div{display:grid;min-width:0;flex:1}.xo-dashboard-module b{font-size:.67rem}.xo-dashboard-module small{font-size:.54rem;color:var(--muted)}.xo-dashboard-module i{width:7px;height:7px;border-radius:50%}.xo-dashboard-module i.active{background:var(--xo-green)}.xo-dashboard-module i.maintenance{background:var(--xo-yellow)}.xo-dashboard-module i.off{background:#71809a}
.xo-quick-control{margin-top:10px}.xo-quick-control-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.xo-quick-control-grid>a{min-height:68px;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);display:grid;align-content:start;gap:3px}.xo-quick-control-grid>a>span{font-size:1rem}.xo-quick-control-grid>a b{font-size:.66rem;color:var(--text)}.xo-quick-control-grid>a small{font-size:.52rem;color:var(--muted)}
.xo-control-heading{align-items:center!important}.xo-control-health{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(32,201,151,.25);background:rgba(32,201,151,.06);border-radius:11px}.xo-control-health>div{display:grid}.xo-control-health b{font-size:.68rem}.xo-control-health small{font-size:.54rem;color:var(--muted)}.xo-health-dot{width:9px;height:9px;border-radius:50%;background:var(--xo-green);box-shadow:0 0 0 5px rgba(32,201,151,.10)}
.xo-ecosystem-kpis{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-bottom:10px}.xo-eco-kpi{min-height:58px;padding:8px}.xo-eco-kpi>span{width:27px;height:27px}
.xo-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.xo-module-tile{padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:grid;gap:8px}.xo-module-tile__head{display:flex;align-items:center;gap:8px}.xo-module-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--xo-electric);background:rgba(22,140,245,.08)}.xo-module-tile__head>div{display:grid;min-width:0;flex:1}.xo-module-tile__head b{font-size:.69rem}.xo-module-tile__head small{font-size:.52rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xo-module-state{font-size:.50rem;padding:3px 6px;border-radius:999px;background:var(--card)}.xo-module-state.on{color:var(--xo-green)}.xo-module-state.off{color:#8b97ab}.xo-module-switches{display:flex;gap:8px;flex-wrap:wrap}.xo-module-switches label{display:flex;align-items:center;gap:4px;font-size:.54rem;color:var(--muted)}.xo-module-switches input{width:14px;height:14px}.xo-module-age{display:grid;grid-template-columns:58px 58px 1fr;gap:6px;align-items:end}.xo-module-age label{display:grid;gap:2px;font-size:.50rem;color:var(--muted)}.xo-module-age input{width:100%;height:30px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:0 6px}.xo-module-age .xo-btn{justify-self:end;min-height:30px!important;height:30px!important}
.xo-control-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.xo-control-list{display:grid;gap:6px}.xo-control-list>div{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.xo-list-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent)}.xo-control-list>div>span:nth-child(2){display:grid;min-width:0;flex:1}.xo-control-list b{font-size:.62rem}.xo-control-list small{font-size:.50rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xo-control-list form{display:flex;gap:4px}.xo-control-list select{width:82px;height:27px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);font-size:.50rem}.xo-control-list button{width:27px;height:27px;border:0;border-radius:7px;background:rgba(32,201,151,.12);color:var(--xo-green);font-weight:1000}
.xo-admin-return-form{margin:0!important;padding:0!important}.xo-admin-return{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(135deg,#20C997,#0aa876)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 7px 18px rgba(32,201,151,.22)!important;cursor:pointer}
.sngine-more-menu{position:relative}.sngine-more-menu summary{list-style:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--text)}.sngine-more-menu summary::-webkit-details-marker{display:none}.sngine-more-menu[open] summary{background:var(--surface-2);color:var(--xo-electric)}.sngine-more-dropdown{position:absolute;right:0;top:43px;width:210px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 18px 45px rgba(0,0,0,.20);z-index:150}.sngine-more-dropdown a{min-height:36px;padding:0 9px;display:flex;align-items:center;gap:9px;border-radius:8px;font-size:.70rem;color:var(--text)}.sngine-more-dropdown a:hover{background:var(--surface-2)}.sngine-more-dropdown a .xo-icon{width:15px;height:15px;color:var(--muted)}.sngine-more-dropdown .admin-menu-row{color:var(--xo-green);border-top:1px solid var(--border);margin-top:4px;padding-top:7px}.sngine-brand-fallback{width:33px;height:33px;border-radius:10px;background:linear-gradient(135deg,var(--xo-blue),var(--xo-electric));color:#fff;display:grid;place-items:center;font-weight:1000}
@media(max-width:1280px){.xo-admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.xo-quick-control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.xo-ecosystem-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.xo-dashboard-main-grid,.xo-control-catalog-grid{grid-template-columns:1fr}.xo-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.superadmin-v18 .panel-layout{grid-template-columns:1fr!important}.superadmin-v18 .panel-sidebar{position:fixed!important;left:-250px!important;width:var(--xo-admin-sidebar)!important}.superadmin-v18 .panel-sidebar.is-open{left:0!important}.superadmin-v18 .panel-content{margin-left:0!important}.panel-topbar__center{display:none}.xo-admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.xo-admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xo-quick-control-grid,.xo-module-grid,.xo-ecosystem-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.xo-control-health{display:none}}

/* v2.0.0 Superadmin module tree */
.panel-nav-group{margin:2px 0}
.panel-nav-group>summary{min-height:35px;padding:0 9px;border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.70rem;font-weight:800;color:var(--muted);list-style:none}
.panel-nav-group>summary::-webkit-details-marker{display:none}.panel-nav-group>summary:hover{background:var(--surface-2);color:var(--text)}.panel-nav-group>summary>i{margin-left:auto;font-style:normal;transition:.16s}.panel-nav-group[open]>summary>i{transform:rotate(180deg)}
.panel-nav-group>div{display:grid;padding:2px 0 3px 28px}.panel-nav-group>div>a{min-height:29px;padding:0 8px;display:flex;align-items:center;border-radius:7px;font-size:.61rem;color:var(--muted)}.panel-nav-group>div>a:hover,.panel-nav-group>div>a.is-active{color:var(--xo-electric);background:rgba(22,140,245,.07)}
.xo-module-tabs{display:flex;gap:5px;overflow:auto;padding:4px;margin:0 0 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);scrollbar-width:none}.xo-module-tabs a{flex:0 0 auto;min-height:31px;padding:0 10px;display:flex;align-items:center;border-radius:8px;font-size:.61rem;font-weight:800;color:var(--muted)}.xo-module-tabs a.is-active{background:var(--card);color:var(--xo-electric);box-shadow:0 1px 5px rgba(0,0,0,.08)}
.xo-module-admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:10px}.xo-settings-compact{max-width:760px}.xo-ads-portal .panel-card h2{font-size:.9rem}
@media(max-width:850px){.xo-module-admin-grid{grid-template-columns:1fr}}