/*
 * Directe Premium UI v2.15.88
 * Full-width RTL dashboard + isolated scrollable sidebar + glass auth experience.
 * Loaded after every legacy stylesheet intentionally so it can normalize the
 * older app without changing business logic or route behavior.
 */
:root{
  --cn-premium-green:#6f9565;
  --cn-premium-green-2:#9fba96;
  --cn-premium-green-ink:#486b43;
  --cn-premium-bg:#f4f6f4;
  --cn-premium-panel:#ffffff;
  --cn-premium-text:#18211f;
  --cn-premium-muted:#78817b;
  --cn-premium-line:#e4e9e4;
  --cn-premium-soft:#f7f9f7;
  --cn-premium-sidebar:268px;
  --cn-premium-radius:20px;
  --cn-premium-shadow:0 14px 40px rgba(41,55,46,.05);
  --primary:var(--cn-premium-green)!important;
  --primary2:var(--cn-premium-green-2)!important;
  --cn-brand-primary:var(--cn-premium-green)!important;
  --cn-brand-secondary:var(--cn-premium-green-2)!important;
  --ui-primary:var(--cn-premium-green)!important;
  --ui-primary-2:var(--cn-premium-green-2)!important;
  --ui-primary-soft:#edf3eb!important;
  --ui-bg:var(--cn-premium-bg)!important;
  --ui-bg-muted:#eef1ee!important;
  --ui-bg-elevated:#ffffff!important;
  --ui-bg-accented:#e9eeea!important;
  --ui-text:#46534d!important;
  --ui-text-muted:#738078!important;
  --ui-text-dimmed:#96a09a!important;
  --ui-text-highlighted:#202a27!important;
  --ui-border:var(--cn-premium-line)!important;
  --ui-border-strong:#cfd7d1!important;
  --ui-success:#628b72!important;
  --ui-warning:#a98562!important;
  --ui-error:#b65d66!important;
  --ui-info:#637d98!important;
  --bg:var(--cn-premium-bg)!important;
  --panel:var(--cn-premium-panel)!important;
  --ink:var(--cn-premium-text)!important;
  --muted:var(--cn-premium-muted)!important;
  --line:var(--cn-premium-line)!important;
  --soft:var(--cn-premium-soft)!important;
  --green:#628b72!important;
  --red:#b65d66!important;
  --orange:#a98562!important;
  --blue:#637d98!important;
  --cn-page-bg:var(--cn-premium-bg)!important;
  --side:var(--cn-premium-sidebar)!important;
  --ui-sidebar:var(--cn-premium-sidebar)!important;
}

html:has(body.cn-app-body),body.cn-app-body{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  margin:0!important;
  background:var(--cn-premium-bg)!important;
  color:var(--cn-premium-text)!important;
  overflow-x:hidden!important;
}
body.cn-app-body{direction:rtl!important}
body.cn-app-body button,
body.cn-app-body input,
body.cn-app-body textarea,
body.cn-app-body select{font:inherit}
body.cn-app-body button{outline:none}
body.cn-app-body button:focus-visible,
body.cn-app-body a:focus-visible,
body.cn-app-body input:focus-visible,
body.cn-app-body textarea:focus-visible,
body.cn-app-body select:focus-visible{
  outline:3px solid rgba(111,149,101,.16)!important;
  outline-offset:2px!important;
}

/* --------------------------------------------------------------------------
   Desktop app shell: truly fills viewport, no mysterious blank right gutter.
   -------------------------------------------------------------------------- */
@media (min-width:1025px){
  html:has(body.cn-app-body){height:100%;overflow:hidden!important}
  body.cn-app-body{height:100vh!important;overflow:hidden!important}
  body.cn-app-body #cn-app,
  body.cn-app-body #cn-vue-app,
  body.cn-app-body #cn-vue-app>div{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.cn-app-body .cn-vue-shell,
  body.cn-app-body .cn-shell{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    min-height:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--cn-premium-sidebar)!important;
    grid-template-areas:"main side"!important;
    direction:ltr!important;
    overflow:hidden!important;
    background:var(--cn-premium-bg)!important;
  }
  body.cn-app-body .cn-side{
    grid-area:side!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    height:100vh!important;
    min-height:0!important;
    max-height:100vh!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    direction:rtl!important;
    background:#fff!important;
    border:0!important;
    border-left:1px solid var(--cn-premium-line)!important;
    box-shadow:-12px 0 40px rgba(31,42,58,.025)!important;
    backdrop-filter:none!important;
    z-index:100!important;
  }
  body.cn-app-body .cn-main{
    grid-area:main!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    direction:rtl!important;
    background:var(--cn-premium-bg)!important;
    scrollbar-gutter:stable;
  }
  body.cn-app-body .cn-main>.cn-content,
  body.cn-app-body .cn-vue-shell>.cn-main>.cn-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:calc(100vh - 86px)!important;
    margin:0!important;
    padding:22px 28px 42px!important;
  }
}

/* --------------------------------------------------------------------------
   Sidebar
   -------------------------------------------------------------------------- */
body.cn-app-body .cn-brand{
  flex:0 0 auto!important;
  min-height:84px!important;
  margin:0!important;
  padding:17px 20px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border-bottom:1px solid #f0f3f6!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.cn-app-body .cn-brand>img{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  object-fit:contain!important;
  border-radius:13px!important;
}
body.cn-app-body .cn-brandmark{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--cn-premium-green-2),var(--cn-premium-green))!important;
  box-shadow:0 9px 22px rgba(98,199,0,.24)!important;
}
body.cn-app-body .cn-brandmark .cn-icon{width:23px!important;height:23px!important}
body.cn-app-body .cn-vue-brand-copy{display:grid!important;gap:2px!important;min-width:0!important}
body.cn-app-body .cn-vue-brand-copy b{
  font-size:19px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:-.25px!important;
  color:#101828!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.cn-app-body .cn-vue-brand-copy small{
  font-size:9.5px!important;
  color:#98a2b3!important;
  white-space:nowrap!important;
}
body.cn-app-body .cn-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 12px 26px!important;
  display:block!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#d9dee6 transparent!important;
  background:#fff!important;
}
body.cn-app-body .cn-nav::-webkit-scrollbar{width:6px}
body.cn-app-body .cn-nav::-webkit-scrollbar-thumb{background:#d9dee6;border-radius:99px}
body.cn-app-body .cn-nav::-webkit-scrollbar-track{background:transparent}
body.cn-app-body .cn-nav button,
body.cn-app-body .cn-demo2-nav-home button,
body.cn-app-body .cn-demo2-nav-rest button,
body.cn-app-body .cn-demo2-nav-group button{
  position:relative!important;
  width:100%!important;
  min-height:44px!important;
  margin:2px 0!important;
  padding:7px 10px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  color:#596274!important;
  font-size:12.5px!important;
  font-weight:650!important;
  text-align:right!important;
  line-height:1.45!important;
  cursor:pointer!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.cn-app-body .cn-nav button:hover,
body.cn-app-body .cn-demo2-nav-rest button:hover,
body.cn-app-body .cn-demo2-nav-group button:hover{
  background:#f7f9f5!important;
  color:#273143!important;
  transform:translateX(-1px)!important;
}
body.cn-app-body .cn-nav button.active,
body.cn-app-body .cn-demo2-nav-rest button.active,
body.cn-app-body .cn-demo2-nav-group button.active{
  color:#277d00!important;
  font-weight:800!important;
  border-color:#dff1c9!important;
  background:linear-gradient(90deg,#f4fbe9,#e9f8d6)!important;
  box-shadow:0 5px 15px rgba(98,199,0,.06)!important;
}
body.cn-app-body .cn-nav button.active:before,
body.cn-app-body .cn-demo2-nav-rest button.active:before,
body.cn-app-body .cn-demo2-nav-group button.active:before{
  content:""!important;
  position:absolute!important;
  right:-12px!important;
  top:8px!important;
  bottom:8px!important;
  width:3px!important;
  border-radius:4px 0 0 4px!important;
  background:var(--cn-premium-green)!important;
}
body.cn-app-body .cn-nav button>span:not(.cn-demo2-side-icon),
body.cn-app-body .cn-demo2-nav-rest button>span:not(.cn-demo2-side-icon),
body.cn-app-body .cn-demo2-nav-group button>span:not(.cn-demo2-side-icon){
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.cn-app-body .cn-demo2-side-icon,
body.cn-app-body .cn-nav button>.cn-icon{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#f6f8fa!important;
  color:#5e687a!important;
  transition:background .16s ease,color .16s ease!important;
}
body.cn-app-body .cn-demo2-side-icon .cn-icon,
body.cn-app-body .cn-nav button>.cn-icon{width:18px!important;height:18px!important}
body.cn-app-body .cn-nav button.active .cn-demo2-side-icon,
body.cn-app-body .cn-nav button.active>.cn-icon,
body.cn-app-body .cn-demo2-nav-group button.active .cn-demo2-side-icon{
  background:#dbf3bc!important;
  color:#3c9900!important;
}
body.cn-app-body .cn-nav button em{
  flex:0 0 auto!important;
  margin-right:auto!important;
  margin-left:0!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:99px!important;
  background:#f04472!important;
  color:#fff!important;
  font-size:9px!important;
  font-style:normal!important;
}
body.cn-app-body .cn-demo2-nav-home{margin:0 0 5px!important;padding:0!important}
body.cn-app-body .cn-demo2-nav-rest{margin:0!important;padding:0!important}
body.cn-app-body .cn-social-section-title{
  margin:18px 3px 9px!important;
  padding:11px 7px 6px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
}
body.cn-app-body .cn-social-section-title i{
  height:1px!important;
  flex:1 1 auto!important;
  background:#edf0f3!important;
}
body.cn-app-body .cn-demo2-nav-group{
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.cn-app-body .cn-demo2-nav-title{
  min-height:35px!important;
  margin:0 0 1px!important;
  padding:5px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#344054!important;
  background:transparent!important;
  border:0!important;
}
body.cn-app-body .cn-demo2-nav-title>span{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#f7f8fa!important;
  overflow:hidden!important;
}
body.cn-app-body .cn-demo2-nav-title img{width:18px!important;height:18px!important;object-fit:contain!important}
body.cn-app-body .cn-demo2-nav-title>span>b{font-size:8px!important}
body.cn-app-body .cn-demo2-nav-title>b{font-size:11.5px!important;font-weight:850!important}
body.cn-app-body .cn-demo2-nav-group button{padding-right:16px!important;color:#687285!important;font-size:11.5px!important}
body.cn-app-body .cn-demo2-nav-group button .cn-demo2-side-icon{width:28px!important;height:28px!important;flex-basis:28px!important;background:transparent!important}
body.cn-app-body .cn-demo2-nav-group button .cn-demo2-side-icon .cn-icon{width:17px!important;height:17px!important}

/* Bottom account panel is a true flex sibling, not an overlay. Nothing bleeds behind it. */
body.cn-app-body .cn-side-bottom{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:11px 12px 13px!important;
  display:grid!important;
  gap:8px!important;
  overflow:hidden!important;
  background:#fff!important;
  border-top:1px solid var(--cn-premium-line)!important;
  box-shadow:0 -12px 30px rgba(21,33,50,.045)!important;
  z-index:20!important;
}
body.cn-app-body .cn-sidebar-plan-status{
  margin:0!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #dfeecb!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f8fceF,#eff9df)!important;
  box-shadow:none!important;
}
body.cn-app-body .cn-sidebar-plan-status>div{display:grid!important;gap:1px!important;min-width:0!important}
body.cn-app-body .cn-sidebar-plan-status small{font-size:8px!important;color:#758166!important}
body.cn-app-body .cn-sidebar-plan-status b{font-size:10.5px!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-sidebar-plan-status span{font-size:8px!important;color:#5c6b51!important}
body.cn-app-body .cn-sidebar-upgrade{
  min-height:31px!important;
  padding:6px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,var(--cn-premium-green),#79d30e)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 6px 14px rgba(98,199,0,.18)!important;
}
body.cn-app-body .cn-usage-mini{
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #eef1f4!important;
  border-radius:12px!important;
  background:#fafbfc!important;
}
body.cn-app-body .cn-usage-mini>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
body.cn-app-body .cn-usage-mini b{font-size:9.5px!important;color:#344054!important}
body.cn-app-body .cn-usage-mini span{font-size:8px!important;color:#98a2b3!important}
body.cn-app-body .cn-progress{height:4px!important;margin-top:6px!important;background:#e8ecef!important;border-radius:99px!important;overflow:hidden!important}
body.cn-app-body .cn-progress i{display:block!important;height:100%!important;background:linear-gradient(90deg,#8cdd28,var(--cn-premium-green))!important;border-radius:inherit!important}
body.cn-app-body .cn-profile{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:5px 7px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#344054!important;
  text-align:right!important;
  cursor:pointer!important;
}
body.cn-app-body .cn-profile:hover{border-color:#e8edf2!important;background:#f9fafb!important}
body.cn-app-body .cn-profile img{width:32px!important;height:32px!important;border-radius:9px!important;object-fit:cover!important;background:#edf1f4!important}
body.cn-app-body .cn-profile>span:nth-of-type(1){display:grid!important;gap:0!important;min-width:0!important;flex:1!important}
body.cn-app-body .cn-profile b{font-size:10.5px!important;font-weight:850!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-profile small{font-size:8px!important;color:#98a2b3!important}
body.cn-app-body .cn-profile>.cn-icon,
body.cn-app-body .cn-profile>span:last-child{color:#98a2b3!important}
body.cn-app-body .cn-side-logout{
  width:100%!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid #ffd2d7!important;
  border-radius:11px!important;
  background:#fff8f8!important;
  color:#d92d40!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.cn-app-body .cn-side-logout:hover{background:#fff1f2!important;border-color:#fda4af!important}
body.cn-app-body .cn-side-logout .cn-icon{width:16px!important;height:16px!important}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
body.cn-app-body .cn-top{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:12px 28px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(280px,460px) minmax(180px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  direction:ltr!important;
  border-bottom:1px solid rgba(229,234,240,.92)!important;
  background:rgba(248,250,252,.9)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
body.cn-app-body .cn-home-welcome,
body.cn-app-body .cn-top-copy{
  direction:rtl!important;
  justify-self:start!important;
  min-width:0!important;
}
body.cn-app-body .cn-home-welcome{display:grid!important;gap:2px!important}
body.cn-app-body .cn-home-welcome b{font-size:10.5px!important;font-weight:700!important;color:#667085!important}
body.cn-app-body .cn-home-welcome small{font-size:11px!important;color:#344054!important;font-weight:700!important}
body.cn-app-body .cn-top-copy h1{margin:0 0 2px!important;font-size:18px!important;font-weight:900!important;color:#101828!important;line-height:1.4!important}
body.cn-app-body .cn-top-copy p{margin:0!important;font-size:10px!important;color:#98a2b3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-global-search{
  justify-self:center!important;
  width:100%!important;
  height:43px!important;
  padding:0 13px!important;
  direction:rtl!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #e3e8ef!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  color:#98a2b3!important;
  box-shadow:0 3px 12px rgba(31,42,58,.025)!important;
  cursor:pointer!important;
}
body.cn-app-body .cn-global-search:hover{border-color:#d4deca!important;background:#fff!important}
body.cn-app-body .cn-global-search .cn-icon{width:18px!important;height:18px!important;color:#667085!important}
body.cn-app-body .cn-global-search>span:last-of-type{flex:1!important;text-align:right!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-global-search kbd{
  min-width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e7ebef!important;
  border-radius:7px!important;
  background:#f8fafc!important;
  color:#98a2b3!important;
  font-size:10px!important;
  box-shadow:none!important;
}
body.cn-app-body .cn-top-actions{
  direction:rtl!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
body.cn-app-body .cn-top-actions .cn-icon-btn,
body.cn-app-body .cn-header-bell{
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  padding:0!important;
  border:1px solid #e4e9ef!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#475467!important;
  box-shadow:0 3px 10px rgba(31,42,58,.025)!important;
}
body.cn-app-body .cn-header-bell i{background:#f04472!important}
body.cn-app-body .cn-top-actions .cn-btn{
  min-height:39px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
}
body.cn-app-body .cn-top-actions .cn-btn.primary{background:linear-gradient(135deg,var(--cn-premium-green),#7bd711)!important;box-shadow:0 8px 18px rgba(98,199,0,.16)!important}
body.cn-app-body .cn-mobile-sidebar-trigger{display:none!important}

/* --------------------------------------------------------------------------
   Premium home dashboard
   -------------------------------------------------------------------------- */
body.cn-app-body .cn-premium-home{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  display:grid!important;
  gap:16px!important;
  color:var(--cn-premium-text)!important;
}
body.cn-app-body .cn-premium-notice{
  min-height:54px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #dfedcf!important;
  border-radius:15px!important;
  background:linear-gradient(100deg,#fbfef7,#f1fae5)!important;
  box-shadow:none!important;
}
body.cn-app-body .cn-premium-notice>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#e2f6c9!important;color:#469e08!important}
body.cn-app-body .cn-premium-notice>div{display:grid!important;gap:1px!important;flex:1!important;min-width:0!important}
body.cn-app-body .cn-premium-notice b{font-size:11.5px!important}
body.cn-app-body .cn-premium-notice small{font-size:9.5px!important;color:#667085!important}
body.cn-app-body .cn-premium-notice button{min-height:34px!important;padding:6px 11px!important;border:0!important;border-radius:10px!important;background:#5fbe05!important;color:#fff!important;font-size:9.5px!important;font-weight:800!important}

body.cn-app-body .cn-premium-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.cn-app-body .cn-premium-kpi{
  min-width:0!important;
  min-height:126px!important;
  padding:17px!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:1px solid var(--cn-premium-line)!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:var(--cn-premium-shadow)!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.cn-app-body .cn-premium-kpi:hover{transform:translateY(-2px)!important;border-color:#dbe6d0!important;box-shadow:0 18px 45px rgba(30,42,62,.075)!important}
body.cn-app-body .cn-premium-kpi-icon{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
}
body.cn-app-body .cn-premium-kpi-icon .cn-icon{width:22px!important;height:22px!important}
body.cn-app-body .cn-premium-kpi-icon.blue{background:#eaf4ff!important;color:#3886d9!important}
body.cn-app-body .cn-premium-kpi-icon.green{background:#eaf8e4!important;color:#34a414!important}
body.cn-app-body .cn-premium-kpi-icon.mint{background:#e6faed!important;color:#1aa85b!important}
body.cn-app-body .cn-premium-kpi-icon.lime{background:#f0fad9!important;color:#519e00!important}
body.cn-app-body .cn-premium-kpi>div{display:grid!important;gap:5px!important;min-width:0!important;flex:1!important}
body.cn-app-body .cn-premium-kpi small{font-size:10.5px!important;color:#667085!important;font-weight:650!important}
body.cn-app-body .cn-premium-kpi strong{font-size:25px!important;line-height:1.25!important;color:#111827!important;font-weight:900!important;letter-spacing:-.4px!important}
body.cn-app-body .cn-premium-kpi em{font-size:9px!important;font-style:normal!important;color:#6ba53c!important;font-weight:750!important}

body.cn-app-body .cn-premium-upper-grid,
body.cn-app-body .cn-premium-middle-grid,
body.cn-app-body .cn-premium-bottom-grid{
  min-width:0!important;
  display:grid!important;
  gap:14px!important;
}
body.cn-app-body .cn-premium-upper-grid{grid-template-columns:minmax(0,2.15fr) minmax(260px,.95fr)!important}
body.cn-app-body .cn-premium-middle-grid{grid-template-columns:minmax(300px,.95fr) minmax(0,1.2fr)!important}
body.cn-app-body .cn-premium-bottom-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr)!important}
body.cn-app-body .cn-premium-card{
  min-width:0!important;
  margin:0!important;
  padding:17px!important;
  border:1px solid var(--cn-premium-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--cn-premium-shadow)!important;
  overflow:hidden!important;
}
body.cn-app-body .cn-premium-card-head{
  min-height:42px!important;
  margin:0 0 13px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body.cn-app-body .cn-premium-card-head>div{display:grid!important;gap:3px!important;min-width:0!important}
body.cn-app-body .cn-premium-card-head h2{margin:0!important;font-size:13.5px!important;line-height:1.5!important;font-weight:900!important;color:#182230!important}
body.cn-app-body .cn-premium-card-head p{margin:0!important;font-size:9.5px!important;color:#98a2b3!important;line-height:1.6!important}
body.cn-app-body .cn-premium-card-head button,
body.cn-app-body .cn-premium-add-channel{
  min-height:31px!important;
  padding:5px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:1px solid #e6e9ee!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:9px!important;
  font-weight:750!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.cn-app-body .cn-premium-card-head button:hover{border-color:#d9e7ca!important;color:#3c8e05!important;background:#fbfef8!important}

body.cn-app-body .cn-premium-chart-card{min-height:298px!important}
body.cn-app-body .cn-premium-chart-wrap{display:grid!important;gap:7px!important;min-height:214px!important}
body.cn-app-body .cn-premium-chart{display:block!important;width:100%!important;height:194px!important;overflow:visible!important}
body.cn-app-body .cn-premium-chart-grid line{stroke:#edf1f4!important;stroke-width:1!important;stroke-dasharray:3 4!important}
body.cn-app-body .cn-premium-chart-area{fill:url(#cnPremiumChartFill)!important;stroke:none!important}
body.cn-app-body .cn-premium-chart-line{fill:none!important;stroke:#5abb09!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 3px 4px rgba(90,187,9,.1))!important}
body.cn-app-body .cn-premium-chart-dot{fill:#5abb09!important;stroke:#fff!important;stroke-width:4!important}
body.cn-app-body .cn-premium-chart-legend{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#667085!important}
body.cn-app-body .cn-premium-chart-legend span{display:flex!important;align-items:center!important;gap:6px!important;font-size:8.5px!important}
body.cn-app-body .cn-premium-chart-legend span i{width:7px!important;height:7px!important;border-radius:50%!important;background:#5abb09!important}
body.cn-app-body .cn-premium-chart-legend small{font-size:8.5px!important;color:#98a2b3!important}
body.cn-app-body .cn-premium-chart-empty{min-height:210px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:6px!important;text-align:center!important;color:#98a2b3!important}
body.cn-app-body .cn-premium-chart-empty>span{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#f1f7e9!important;color:#5da80c!important}
body.cn-app-body .cn-premium-chart-empty b{font-size:11px!important;color:#475467!important}
body.cn-app-body .cn-premium-chart-empty small{font-size:9px!important;max-width:300px!important}

body.cn-app-body .cn-premium-actions{min-height:298px!important}
body.cn-app-body .cn-premium-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.cn-app-body .cn-premium-action-grid button{
  min-height:95px!important;
  padding:12px 10px!important;
  display:grid!important;
  justify-items:start!important;
  align-content:center!important;
  gap:4px!important;
  text-align:right!important;
  border:1px solid #edf0f3!important;
  border-radius:14px!important;
  background:#fafbfc!important;
  color:#344054!important;
  cursor:pointer!important;
  transition:.16s ease!important;
}
body.cn-app-body .cn-premium-action-grid button:hover{transform:translateY(-1px)!important;border-color:#dce8d0!important;background:#fbfef8!important;box-shadow:0 10px 25px rgba(30,42,62,.05)!important}
body.cn-app-body .cn-premium-action-grid button>span{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:9px!important;margin-bottom:2px!important}
body.cn-app-body .cn-premium-action-grid button>span.green{background:#eef8e6!important;color:#49aa06!important}
body.cn-app-body .cn-premium-action-grid button>span.mint{background:#e9faef!important;color:#16a261!important}
body.cn-app-body .cn-premium-action-grid button>span.violet{background:#f1ecff!important;color:#6b43e4!important}
body.cn-app-body .cn-premium-action-grid button>span.purple{background:#f5efff!important;color:#8b3fd0!important}
body.cn-app-body .cn-premium-action-grid b{font-size:10.5px!important;font-weight:850!important}
body.cn-app-body .cn-premium-action-grid small{font-size:8px!important;color:#98a2b3!important}

body.cn-app-body .cn-premium-account-list,
body.cn-app-body .cn-premium-message-list{display:grid!important;gap:8px!important}
body.cn-app-body .cn-premium-account-row{
  min-height:56px!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #e9edf1!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.cn-app-body .cn-premium-account-main{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
body.cn-app-body .cn-premium-account-logo{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f5f7f9!important;overflow:hidden!important}
body.cn-app-body .cn-premium-account-logo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.cn-app-body .cn-premium-account-logo .cn-icon{width:18px!important;height:18px!important}
body.cn-app-body .cn-premium-account-main>div{display:grid!important;gap:1px!important;min-width:0!important}
body.cn-app-body .cn-premium-account-main b{font-size:10.5px!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-account-main small{font-size:8px!important;color:#98a2b3!important;direction:ltr!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-account-status{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 7px!important;border-radius:99px!important;background:#edfae8!important;color:#389909!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important}
body.cn-app-body .cn-premium-account-status:before{content:""!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#22b759!important}
body.cn-app-body .cn-premium-account-row>button{width:32px!important;height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #e8ecf0!important;border-radius:9px!important;background:#fff!important;color:#667085!important;cursor:pointer!important}
body.cn-app-body .cn-premium-account-row>button .cn-icon{width:16px!important;height:16px!important}
body.cn-app-body .cn-premium-channel-tip{
  margin-top:10px!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:13px!important;
  background:linear-gradient(90deg,#f7fde9,#eef9dc)!important;
  color:#447c18!important;
}
body.cn-app-body .cn-premium-channel-tip>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#e3f5c7!important}
body.cn-app-body .cn-premium-channel-tip>div{display:grid!important;gap:1px!important}
body.cn-app-body .cn-premium-channel-tip b{font-size:9.5px!important;color:#446b22!important}
body.cn-app-body .cn-premium-channel-tip small{font-size:8px!important;color:#78935e!important}
body.cn-app-body .cn-premium-empty{
  min-height:105px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
  padding:16px!important;
  text-align:center!important;
  border:1px dashed #dfe5ea!important;
  border-radius:13px!important;
  background:#fafbfc!important;
  color:#98a2b3!important;
}
body.cn-app-body .cn-premium-empty b{font-size:10px!important;color:#667085!important}
body.cn-app-body .cn-premium-empty small{font-size:8.5px!important}

body.cn-app-body .cn-premium-message-row{
  min-height:58px!important;
  padding:7px 3px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border-bottom:1px solid #f0f2f5!important;
  cursor:pointer!important;
}
body.cn-app-body .cn-premium-message-row:last-child{border-bottom:0!important}
body.cn-app-body .cn-premium-message-row:hover{background:#fbfcfa!important}
body.cn-app-body .cn-premium-message-avatar{position:relative!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;background:#eef2f5!important;overflow:visible!important}
body.cn-app-body .cn-premium-message-avatar>img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important;background:#edf1f4!important}
body.cn-app-body .cn-premium-message-avatar>span{position:absolute!important;left:-2px!important;bottom:-2px!important;width:16px!important;height:16px!important;display:grid!important;place-items:center!important;border:2px solid #fff!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important}
body.cn-app-body .cn-premium-message-avatar>span img{width:100%!important;height:100%!important;object-fit:contain!important}
body.cn-app-body .cn-premium-message-copy{display:grid!important;gap:3px!important;min-width:0!important}
body.cn-app-body .cn-premium-message-copy b{font-size:10.5px!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-message-copy p{margin:0!important;font-size:9px!important;color:#8791a2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-message-time{font-size:8px!important;color:#a0a8b5!important;white-space:nowrap!important}

body.cn-app-body .cn-premium-performance-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
body.cn-app-body .cn-premium-performance-grid>div{
  min-height:88px!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:4px!important;
  border:1px solid #eff1f4!important;
  border-radius:13px!important;
  background:#fafbfc!important;
  text-align:center!important;
}
body.cn-app-body .cn-premium-performance-grid span{width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border-radius:8px!important}
body.cn-app-body .cn-premium-performance-grid span.green{background:#e9f8e3!important;color:#32a215!important}
body.cn-app-body .cn-premium-performance-grid span.blue{background:#ebf3ff!important;color:#347ed0!important}
body.cn-app-body .cn-premium-performance-grid span.rose{background:#fff0f4!important;color:#e64977!important}
body.cn-app-body .cn-premium-performance-grid span.orange{background:#fff5e8!important;color:#e38a11!important}
body.cn-app-body .cn-premium-performance-grid strong{font-size:17px!important;line-height:1.2!important;color:#182230!important;font-weight:900!important}
body.cn-app-body .cn-premium-performance-grid small{font-size:7.5px!important;color:#98a2b3!important}

body.cn-app-body .cn-premium-plan-crown{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#eef8dc!important;color:#58a60c!important}
body.cn-app-body .cn-premium-plan-body{display:grid!important;gap:10px!important;padding:12px!important;border:1px solid #edf0f3!important;border-radius:14px!important;background:#fbfcfd!important}
body.cn-app-body .cn-premium-plan-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.cn-app-body .cn-premium-plan-title>span{display:grid!important;gap:1px!important}
body.cn-app-body .cn-premium-plan-title small{font-size:8.5px!important;color:#98a2b3!important}
body.cn-app-body .cn-premium-plan-title b{font-size:16px!important;color:#4da303!important;font-weight:900!important}
body.cn-app-body .cn-premium-plan-title em{padding:4px 7px!important;border-radius:99px!important;background:#e8f8e3!important;color:#389909!important;font-size:8px!important;font-style:normal!important;font-weight:850!important}
body.cn-app-body .cn-premium-plan-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;color:#7a8495!important;font-size:8px!important}
body.cn-app-body .cn-premium-plan-progress{height:6px!important;border-radius:99px!important;background:#e8edf1!important;overflow:hidden!important}
body.cn-app-body .cn-premium-plan-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#8ddd27,#58bd00)!important}
body.cn-app-body .cn-premium-plan-body>button{
  width:100%!important;
  min-height:37px!important;
  padding:7px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#5bbe00,#73d309)!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(98,199,0,.16)!important;
}

body.cn-app-body .cn-app-footer{max-width:none!important;margin:0!important;padding:8px 28px 18px!important;color:#a0a8b4!important;font-size:8px!important;text-align:left!important}

/* Other app pages still get the same full-width, premium base rhythm. */
body.cn-app-body .cn-content>.cn-card,
body.cn-app-body .cn-content>.cn-table-card,
body.cn-app-body .cn-content>.cn-settings-layout,
body.cn-app-body .cn-content>.cn-inbox,
body.cn-app-body .cn-content>.cn-ig-inbox,
body.cn-app-body .cn-content>.cn-builder,
body.cn-app-body .cn-content>.cn-studio-layout,
body.cn-app-body .cn-content>.cn-shop-layout{
  max-width:none!important;
}
body.cn-app-body .cn-card,
body.cn-app-body .cn-table-card{
  border-color:var(--cn-premium-line)!important;
  box-shadow:var(--cn-premium-shadow)!important;
}
body.cn-app-body .cn-btn.primary{background:linear-gradient(135deg,var(--cn-premium-green),#79d80f)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(98,199,0,.16)!important}
body.cn-app-body .cn-btn.soft{background:#f2fae8!important;border-color:#e0edcf!important;color:#3f8d08!important}

/* --------------------------------------------------------------------------
   Auth: centered form only, full-page blurred atmospheric background.
   -------------------------------------------------------------------------- */
body.cn-app-body .cn-auth-vue-host,
body.cn-app-body .cn-auth-vue-host #cn-view-root{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.cn-app-body .cn-auth-premium{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  margin:0!important;
  padding:28px!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  overflow:hidden!important;
  direction:rtl!important;
  background:
    radial-gradient(circle at 80% 58%,rgba(129,221,59,.24) 0,rgba(129,221,59,.08) 18%,transparent 38%),
    radial-gradient(circle at 16% 20%,rgba(111,157,196,.18) 0,rgba(111,157,196,.06) 25%,transparent 45%),
    linear-gradient(145deg,#d9e7ef 0%,#eef6f2 46%,#e5f4df 100%)!important;
}
body.cn-app-body .cn-auth-premium:before,
body.cn-app-body .cn-auth-premium:after{
  content:""!important;
  position:absolute!important;
  z-index:-4!important;
  pointer-events:none!important;
  filter:blur(28px)!important;
}
body.cn-app-body .cn-auth-premium:before{
  width:75vw!important;
  height:28vh!important;
  left:-8vw!important;
  bottom:-5vh!important;
  opacity:.9!important;
  transform:rotate(-5deg)!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#7fc34d,#dbe9e0 42%,#749b83)!important;
  clip-path:polygon(0 75%,15% 28%,29% 67%,43% 20%,59% 70%,76% 33%,100% 81%,100% 100%,0 100%)!important;
}
body.cn-app-body .cn-auth-premium:after{
  width:58vw!important;
  height:30vh!important;
  right:-10vw!important;
  bottom:-6vh!important;
  opacity:.75!important;
  border-radius:50%!important;
  background:linear-gradient(130deg,#98d56e,#d5e5df 40%,#6b9383)!important;
  clip-path:polygon(0 78%,20% 34%,37% 69%,56% 17%,72% 62%,87% 39%,100% 78%,100% 100%,0 100%)!important;
}
body.cn-app-body .cn-auth-atmosphere{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.cn-app-body .cn-auth-orb{position:absolute!important;border-radius:50%!important;filter:blur(55px)!important;opacity:.5!important}
body.cn-app-body .cn-auth-orb.one{width:34vw!important;height:34vw!important;right:-10vw!important;top:9vh!important;background:#a2e879!important}
body.cn-app-body .cn-auth-orb.two{width:29vw!important;height:29vw!important;left:-7vw!important;top:-5vh!important;background:#98bbd2!important}
body.cn-app-body .cn-auth-orb.three{width:23vw!important;height:23vw!important;left:38vw!important;bottom:-10vh!important;background:#e5f5dd!important}
body.cn-app-body .cn-auth-stars i{
  position:absolute!important;
  left:var(--x)!important;
  top:var(--y)!important;
  width:var(--s)!important;
  height:var(--s)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 0 8px rgba(255,255,255,.7)!important;
  animation:cnPremiumTwinkle var(--d) ease-in-out infinite alternate!important;
}
body.cn-app-body .cn-auth-meteors b{
  position:absolute!important;
  left:var(--x)!important;
  top:var(--y)!important;
  width:96px!important;
  height:1px!important;
  border-radius:99px!important;
  opacity:0!important;
  transform:rotate(-34deg) translate3d(0,0,0)!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.92))!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.78))!important;
  animation:cnPremiumMeteor var(--d) linear var(--delay) infinite!important;
}
@keyframes cnPremiumTwinkle{0%{opacity:.25;transform:scale(.7)}100%{opacity:1;transform:scale(1.2)}}
@keyframes cnPremiumMeteor{0%,68%{opacity:0;transform:rotate(-34deg) translate3d(0,0,0)}72%{opacity:.9}86%{opacity:0;transform:rotate(-34deg) translate3d(175px,0,0)}100%{opacity:0}}
body.cn-app-body .cn-auth-glass{
  position:relative!important;
  z-index:3!important;
  width:min(100%,500px)!important;
  max-width:500px!important;
  min-height:0!important;
  margin:0!important;
  padding:38px 40px 34px!important;
  display:grid!important;
  gap:18px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.69)!important;
  box-shadow:0 28px 78px rgba(46,68,79,.14),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  overflow:hidden!important;
}
body.cn-app-body .cn-auth-glass:after{
  content:""!important;
  position:absolute!important;
  right:-90px!important;
  bottom:-110px!important;
  width:240px!important;
  height:240px!important;
  border-radius:50%!important;
  background:rgba(155,230,97,.12)!important;
  filter:blur(12px)!important;
  pointer-events:none!important;
}
body.cn-app-body .cn-auth-card-brand{
  position:relative!important;
  z-index:2!important;
  margin:0 auto 1px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#101828!important;
  text-decoration:none!important;
  font-size:19px!important;
  font-weight:950!important;
}
body.cn-app-body .cn-auth-card-brand .cn-brandmark,
body.cn-app-body .cn-auth-card-brand .cn-brand-logo,
body.cn-app-body .cn-auth-card-brand img{
  width:39px!important;
  height:39px!important;
  max-width:39px!important;
  border-radius:12px!important;
  object-fit:contain!important;
}
body.cn-app-body .cn-auth-card-brand small{display:none!important}
body.cn-app-body .cn-auth-segment{display:none!important}
body.cn-app-body #auth-form-wrap{position:relative!important;z-index:2!important;min-width:0!important}
body.cn-app-body .cn-form.auth{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:15px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.cn-app-body .cn-auth-form-head{display:grid!important;gap:5px!important;text-align:center!important;margin:0 0 2px!important}
body.cn-app-body .cn-auth-form-head h2,
body.cn-app-body .cn-form.auth h2{margin:0!important;font-size:25px!important;line-height:1.4!important;font-weight:950!important;letter-spacing:-.45px!important;color:#101828!important;text-align:center!important}
body.cn-app-body .cn-auth-form-head p,
body.cn-app-body .cn-form.auth p{margin:0!important;font-size:11px!important;line-height:1.8!important;color:#667085!important;text-align:center!important}
body.cn-app-body .cn-form.auth label{display:grid!important;gap:7px!important;margin:0!important;color:#344054!important;font-size:10.5px!important;font-weight:800!important;text-align:right!important}
body.cn-app-body .cn-auth-input-wrap{position:relative!important;width:100%!important;display:flex!important;align-items:center!important}
body.cn-app-body .cn-auth-input-wrap>.cn-icon{position:absolute!important;right:14px!important;z-index:2!important;width:18px!important;height:18px!important;color:#667085!important;pointer-events:none!important}
body.cn-app-body .cn-form.auth input,
body.cn-app-body .cn-form.auth textarea,
body.cn-app-body .cn-form.auth select{
  width:100%!important;
  min-height:51px!important;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid rgba(202,211,220,.9)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.64)!important;
  color:#273143!important;
  font-size:12px!important;
  font-weight:650!important;
  box-shadow:0 2px 8px rgba(31,42,58,.02)!important;
}
body.cn-app-body .cn-auth-input-wrap input{padding-right:43px!important}
body.cn-app-body .cn-form.auth input:focus,
body.cn-app-body .cn-form.auth textarea:focus,
body.cn-app-body .cn-form.auth select:focus{
  border-color:#a8d47e!important;
  box-shadow:0 0 0 4px rgba(98,199,0,.09)!important;
  background:rgba(255,255,255,.88)!important;
}
body.cn-app-body .cn-form.auth .cn-btn.primary,
body.cn-app-body .cn-form.auth button[type=submit]{
  width:100%!important;
  min-height:51px!important;
  margin:1px 0 0!important;
  padding:10px 15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#5cc400,#73d900)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 12px 26px rgba(83,174,5,.2)!important;
  cursor:pointer!important;
}
body.cn-app-body .cn-form.auth .cn-btn.primary:hover,
body.cn-app-body .cn-form.auth button[type=submit]:hover{transform:translateY(-1px)!important;box-shadow:0 15px 30px rgba(83,174,5,.24)!important}
body.cn-app-body .cn-form.auth .cn-btn:not(.primary){background:rgba(255,255,255,.55)!important;border-color:#dde3e9!important}
body.cn-app-body .cn-auth-secure{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#697386!important;
  font-size:9.5px!important;
  font-weight:650!important;
}
body.cn-app-body .cn-auth-secure .cn-icon{width:13px!important;height:13px!important}
body.cn-app-body .cn-auth-copy,
body.cn-app-body .cn-auth>footer,
body.cn-app-body .cn-auth-footer,
body.cn-app-body .cn-auth-points{display:none!important}

/* --------------------------------------------------------------------------
   Responsive adaptation
   -------------------------------------------------------------------------- */
@media (max-width:1360px) and (min-width:1025px){
  :root{--cn-premium-sidebar:248px!important}
  body.cn-app-body .cn-top{grid-template-columns:minmax(150px,.8fr) minmax(260px,380px) minmax(150px,.8fr)!important;padding-inline:22px!important}
  body.cn-app-body .cn-main>.cn-content,body.cn-app-body .cn-vue-shell>.cn-main>.cn-content{padding:20px 22px 38px!important}
  body.cn-app-body .cn-premium-kpi{padding:14px!important;min-height:116px!important}
  body.cn-app-body .cn-premium-kpi strong{font-size:22px!important}
  body.cn-app-body .cn-premium-kpi-icon{width:43px!important;height:43px!important;flex-basis:43px!important}
}
@media (max-width:1180px) and (min-width:1025px){
  :root{--cn-premium-sidebar:238px!important}
  body.cn-app-body .cn-premium-upper-grid{grid-template-columns:minmax(0,1.75fr) minmax(230px,.9fr)!important}
  body.cn-app-body .cn-premium-middle-grid,body.cn-app-body .cn-premium-bottom-grid{grid-template-columns:1fr 1fr!important}
  body.cn-app-body .cn-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cn-app-body .cn-top-channel-action,body.cn-app-body .cn-create-action{display:none!important}
}
@media (max-width:1024px){
  html:has(body.cn-app-body),body.cn-app-body{overflow-x:hidden!important;overflow-y:auto!important}
  body.cn-app-body #cn-app,body.cn-app-body #cn-vue-app,body.cn-app-body #cn-vue-app>div{width:100%!important;max-width:none!important;min-height:100%!important}
  body.cn-app-body .cn-vue-shell,body.cn-app-body .cn-shell{position:relative!important;inset:auto!important;width:100%!important;min-height:100vh!important;padding:0!important;display:block!important;background:var(--cn-premium-bg)!important}
  body.cn-app-body .cn-side{display:none!important}
  body.cn-app-body .cn-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--cn-premium-bg)!important}
  body.cn-app-body .cn-top{position:sticky!important;top:0!important;min-height:66px!important;padding:10px 14px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px!important}
  body.cn-app-body .cn-mobile-sidebar-trigger{display:grid!important;place-items:center!important;grid-column:3!important;width:39px!important;height:39px!important;padding:0!important;border:1px solid #e4e9ef!important;border-radius:12px!important;background:#fff!important;color:#475467!important}
  body.cn-app-body .cn-home-welcome,body.cn-app-body .cn-top-copy{grid-column:2!important;justify-self:stretch!important}
  body.cn-app-body .cn-global-search{display:none!important}
  body.cn-app-body .cn-top-actions{grid-column:1!important}
  body.cn-app-body .cn-top-actions .cn-btn{display:none!important}
  body.cn-app-body .cn-main>.cn-content,body.cn-app-body .cn-vue-shell>.cn-main>.cn-content{width:100%!important;max-width:none!important;margin:0!important;padding:16px 14px 90px!important}
  body.cn-app-body .cn-premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cn-app-body .cn-premium-upper-grid,body.cn-app-body .cn-premium-middle-grid,body.cn-app-body .cn-premium-bottom-grid{grid-template-columns:1fr!important}
  body.cn-app-body .cn-mobile-sidebar-drawer{background:#fff!important}
  body.cn-app-body .cn-mobile-sidebar-nav{padding:10px 12px 18px!important}
  body.cn-app-body .cn-mobile-sidebar-nav .cn-social-section-title{margin-top:16px!important}
}
@media (max-width:640px){
  body.cn-app-body .cn-premium-kpis{grid-template-columns:1fr!important}
  body.cn-app-body .cn-premium-kpi{min-height:105px!important}
  body.cn-app-body .cn-premium-action-grid{grid-template-columns:1fr 1fr!important}
  body.cn-app-body .cn-premium-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cn-app-body .cn-premium-account-row{grid-template-columns:minmax(0,1fr) auto!important}
  body.cn-app-body .cn-premium-account-status{display:none!important}
  body.cn-app-body .cn-auth-premium{padding:16px!important}
  body.cn-app-body .cn-auth-glass{padding:28px 20px 25px!important;border-radius:22px!important}
  body.cn-app-body .cn-auth-form-head h2,body.cn-app-body .cn-form.auth h2{font-size:22px!important}
}
@media (prefers-reduced-motion:reduce){
  body.cn-app-body .cn-auth-stars i,body.cn-app-body .cn-auth-meteors b{animation:none!important}
  body.cn-app-body *,body.cn-app-body *:before,body.cn-app-body *:after{scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Markup aliases used by the production home renderer. */
body.cn-app-body .cn-premium-empty-list{
  min-height:112px!important;
  padding:16px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
  border:1px dashed #dfe5ea!important;
  border-radius:13px!important;
  background:#fafbfc!important;
  color:#98a2b3!important;
  text-align:center!important;
}
body.cn-app-body .cn-premium-empty-list.compact{min-height:94px!important}
body.cn-app-body .cn-premium-empty-list>span{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f1f7e9!important;color:#58a60c!important}
body.cn-app-body .cn-premium-empty-list b{font-size:10px!important;color:#667085!important}
body.cn-app-body .cn-premium-empty-list small{font-size:8.5px!important;color:#98a2b3!important}
body.cn-app-body .cn-premium-channel-list{display:grid!important;gap:8px!important}
body.cn-app-body .cn-premium-channel-row{
  min-height:56px!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #e9edf1!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.cn-app-body .cn-premium-channel-logo{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#f5f7f9!important;
  overflow:hidden!important;
}
body.cn-app-body .cn-premium-channel-logo img,
body.cn-app-body .cn-premium-channel-logo svg{max-width:26px!important;max-height:26px!important;object-fit:contain!important}
body.cn-app-body .cn-premium-channel-copy{display:grid!important;gap:1px!important;min-width:0!important}
body.cn-app-body .cn-premium-channel-copy b{font-size:10.5px!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-channel-copy small{font-size:8px!important;color:#98a2b3!important;direction:ltr!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-channel-row>em{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 7px!important;
  border-radius:99px!important;
  background:#edfae8!important;
  color:#389909!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.cn-app-body .cn-premium-channel-row>em i{width:5px!important;height:5px!important;border-radius:50%!important;background:#22b759!important}
body.cn-app-body .cn-premium-channel-row>button{
  width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e8ecf0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#667085!important;
  cursor:pointer!important;
}
body.cn-app-body .cn-premium-channel-row>button .cn-icon{width:16px!important;height:16px!important}
body.cn-app-body .cn-premium-message-avatar>span{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#eaf5dc,#d8ebc3)!important;
  color:#4e8e19!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.cn-app-body .cn-premium-message-copy small{font-size:9px!important;color:#8791a2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.cn-app-body .cn-premium-message-meta{
  min-width:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  color:#a0a8b5!important;
}
body.cn-app-body .cn-premium-message-meta img,
body.cn-app-body .cn-premium-message-meta svg{width:16px!important;height:16px!important;object-fit:contain!important}
body.cn-app-body .cn-premium-message-meta small{font-size:8px!important;color:#a0a8b5!important;white-space:nowrap!important}
@media(max-width:640px){
  body.cn-app-body .cn-premium-channel-row{grid-template-columns:auto minmax(0,1fr) auto!important}
  body.cn-app-body .cn-premium-channel-row>em{display:none!important}
  body.cn-app-body .cn-premium-message-meta{min-width:auto!important}
  body.cn-app-body .cn-premium-message-meta small{display:none!important}
}

/* Keep card placement identical to the approved visual: first dashboard block on the left,
   while every card itself remains RTL. */
body.cn-app-body .cn-premium-kpis,
body.cn-app-body .cn-premium-upper-grid,
body.cn-app-body .cn-premium-middle-grid,
body.cn-app-body .cn-premium-bottom-grid{direction:ltr!important}
body.cn-app-body .cn-premium-kpi,
body.cn-app-body .cn-premium-card{direction:rtl!important}
body.cn-app-body .cn-premium-action-grid,
body.cn-app-body .cn-premium-performance-grid{direction:ltr!important}
body.cn-app-body .cn-premium-action-grid button,
body.cn-app-body .cn-premium-performance-grid>div{direction:rtl!important}

/* Approved sidebar footer is intentionally compact: plan state, one full-width CTA,
   account row and logout. Legacy usage meter is available elsewhere in the dashboard. */
body.cn-app-body .cn-side-bottom>.cn-usage-mini{display:none!important}
body.cn-app-body .cn-side-bottom .cn-sidebar-plan-status{grid-template-columns:1fr!important;gap:7px!important}
body.cn-app-body .cn-side-bottom .cn-sidebar-plan-status>div{grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:6px!important}
body.cn-app-body .cn-side-bottom .cn-sidebar-plan-status>div small{grid-column:1/2!important}
body.cn-app-body .cn-side-bottom .cn-sidebar-plan-status>div b{grid-column:2/3!important;text-align:left!important}
body.cn-app-body .cn-side-bottom .cn-sidebar-plan-status>div span{grid-column:1/3!important;color:#5e7b43!important;font-weight:750!important}
body.cn-app-body .cn-side-bottom .cn-sidebar-upgrade{width:100%!important}
body.cn-app-body .cn-premium-channel-row{direction:ltr!important}
body.cn-app-body .cn-premium-channel-copy{direction:ltr!important;text-align:left!important}
body.cn-app-body .cn-premium-channel-row>em,body.cn-app-body .cn-premium-channel-row>button{direction:rtl!important}
body.cn-app-body .cn-otp-head.cn-auth-form-head{
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  text-align:right!important;
}
body.cn-app-body .cn-otp-head.cn-auth-form-head>div{display:grid!important;gap:4px!important}
body.cn-app-body .cn-otp-head.cn-auth-form-head h2,
body.cn-app-body .cn-otp-head.cn-auth-form-head p{text-align:right!important}
body.cn-app-body .cn-back-auth{
  width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid #e1e6eb!important;
  border-radius:10px!important;background:rgba(255,255,255,.55)!important;color:#667085!important;cursor:pointer!important
}


/* --------------------------------------------------------------------------
   v2.15.88 Calm palette refinement
   The product keeps its green identity, but high-saturation lime accents are
   replaced with muted sage / mineral tones for longer, more comfortable use.
   -------------------------------------------------------------------------- */
:root{
  --cn-premium-accent-soft:#edf3eb;
  --cn-premium-accent-soft-2:#e3ece0;
  --cn-premium-accent-border:#d7e3d4;
  --cn-premium-accent-hover:#5f8557;
  --cn-premium-blue:#637d98;
  --cn-premium-blue-soft:#eef2f6;
  --cn-premium-mint:#5f8976;
  --cn-premium-mint-soft:#edf4f0;
  --cn-premium-violet:#746c8b;
  --cn-premium-violet-soft:#f1f0f5;
  --cn-premium-rose:#9a6b78;
  --cn-premium-rose-soft:#f6eff1;
  --cn-premium-amber:#987c5f;
  --cn-premium-amber-soft:#f6f1eb;
}
body.cn-app-body .cn-brandmark{
  background:linear-gradient(145deg,#8eab85,#668e5e)!important;
  box-shadow:0 8px 20px rgba(82,112,76,.14)!important;
}
body.cn-app-body .cn-nav button.active,
body.cn-app-body .cn-demo2-nav-rest button.active,
body.cn-app-body .cn-demo2-nav-group button.active{
  color:#4e7148!important;
  border-color:var(--cn-premium-accent-border)!important;
  background:linear-gradient(90deg,#f2f6f0,#eaf1e7)!important;
  box-shadow:0 4px 14px rgba(73,99,69,.04)!important;
}
body.cn-app-body .cn-nav button.active .cn-demo2-side-icon,
body.cn-app-body .cn-nav button.active>.cn-icon,
body.cn-app-body .cn-demo2-nav-group button.active .cn-demo2-side-icon{
  background:#e3ece0!important;
  color:#5a7d53!important;
}
body.cn-app-body .cn-nav button em{background:#b45e70!important}
body.cn-app-body .cn-sidebar-plan-status{
  border-color:#dde6da!important;
  background:linear-gradient(135deg,#f7f9f6,#eef3ec)!important;
}
body.cn-app-body .cn-sidebar-upgrade,
body.cn-app-body .cn-premium-plan-body>button,
body.cn-app-body .cn-btn.primary,
body.cn-app-body .cn-form.auth .cn-btn.primary,
body.cn-app-body .cn-form.auth button[type=submit]{
  background:linear-gradient(135deg,#6a9162,#7da174)!important;
  box-shadow:0 8px 20px rgba(80,112,74,.13)!important;
}
body.cn-app-body .cn-sidebar-upgrade:hover,
body.cn-app-body .cn-premium-plan-body>button:hover,
body.cn-app-body .cn-btn.primary:hover,
body.cn-app-body .cn-form.auth .cn-btn.primary:hover,
body.cn-app-body .cn-form.auth button[type=submit]:hover{
  background:linear-gradient(135deg,#608659,#72976a)!important;
  box-shadow:0 10px 24px rgba(80,112,74,.16)!important;
}
body.cn-app-body .cn-progress i,
body.cn-app-body .cn-premium-plan-progress i{
  background:linear-gradient(90deg,#a6bc9e,#6f9565)!important;
}
body.cn-app-body .cn-premium-notice{
  border-color:#dce5d9!important;
  background:#f7f9f6!important;
}
body.cn-app-body .cn-premium-notice>span{background:#e7efe4!important;color:#5f8258!important}
body.cn-app-body .cn-premium-notice button{background:#6d9365!important}
body.cn-app-body .cn-premium-kpi-icon.blue{background:var(--cn-premium-blue-soft)!important;color:var(--cn-premium-blue)!important}
body.cn-app-body .cn-premium-kpi-icon.green{background:#edf4eb!important;color:#62855b!important}
body.cn-app-body .cn-premium-kpi-icon.mint{background:var(--cn-premium-mint-soft)!important;color:var(--cn-premium-mint)!important}
body.cn-app-body .cn-premium-kpi-icon.lime{background:#f0f3ea!important;color:#75865f!important}
body.cn-app-body .cn-premium-kpi em{color:#6f8668!important}
body.cn-app-body .cn-premium-kpi:hover{border-color:#dce5da!important;box-shadow:0 16px 38px rgba(41,55,46,.065)!important}
body.cn-app-body .cn-premium-card-head button:hover{border-color:#d9e2d7!important;color:#587750!important;background:#f8faf7!important}
body.cn-app-body .cn-premium-chart-line{stroke:#739568!important;filter:drop-shadow(0 3px 4px rgba(83,111,78,.08))!important}
body.cn-app-body .cn-premium-chart-dot{fill:#739568!important}
body.cn-app-body .cn-premium-chart-legend span i{background:#739568!important}
body.cn-app-body .cn-premium-chart-empty>span,
body.cn-app-body .cn-premium-empty-list>span{background:#eef3ec!important;color:#698761!important}
body.cn-app-body .cn-premium-action-grid button:hover{border-color:#dde5da!important;background:#fafbfa!important;box-shadow:0 9px 22px rgba(41,55,46,.04)!important}
body.cn-app-body .cn-premium-action-grid button>span.green{background:#edf4eb!important;color:#62855b!important}
body.cn-app-body .cn-premium-action-grid button>span.mint{background:var(--cn-premium-mint-soft)!important;color:var(--cn-premium-mint)!important}
body.cn-app-body .cn-premium-action-grid button>span.violet{background:var(--cn-premium-violet-soft)!important;color:var(--cn-premium-violet)!important}
body.cn-app-body .cn-premium-action-grid button>span.purple{background:#f3f0f4!important;color:#806b86!important}
body.cn-app-body .cn-premium-account-status,
body.cn-app-body .cn-premium-channel-row>em,
body.cn-app-body .cn-premium-plan-title em{background:#edf4eb!important;color:#5a7d53!important}
body.cn-app-body .cn-premium-account-status:before,
body.cn-app-body .cn-premium-channel-row>em i{background:#6f9565!important}
body.cn-app-body .cn-premium-channel-tip{
  background:linear-gradient(90deg,#f5f8f3,#edf3ea)!important;
  color:#587153!important;
}
body.cn-app-body .cn-premium-channel-tip>span{background:#e4ede1!important}
body.cn-app-body .cn-premium-channel-tip b{color:#4f694b!important}
body.cn-app-body .cn-premium-channel-tip small{color:#788d74!important}
body.cn-app-body .cn-premium-performance-grid span.green{background:#edf4eb!important;color:#62855b!important}
body.cn-app-body .cn-premium-performance-grid span.blue{background:var(--cn-premium-blue-soft)!important;color:var(--cn-premium-blue)!important}
body.cn-app-body .cn-premium-performance-grid span.rose{background:var(--cn-premium-rose-soft)!important;color:var(--cn-premium-rose)!important}
body.cn-app-body .cn-premium-performance-grid span.orange{background:var(--cn-premium-amber-soft)!important;color:var(--cn-premium-amber)!important}
body.cn-app-body .cn-premium-plan-crown{background:#edf3e9!important;color:#69815d!important}
body.cn-app-body .cn-premium-plan-title b{color:#57784f!important}
body.cn-app-body .cn-btn.soft{background:#f0f4ee!important;border-color:#dce6d9!important;color:#567650!important}
body.cn-app-body .cn-side-logout{border-color:#ead8dc!important;background:#fcf8f9!important;color:#a74f61!important}
body.cn-app-body .cn-side-logout:hover{border-color:#dfc3ca!important;background:#faf2f4!important}

/* Auth uses one unified automatic login/register flow. */
body.cn-app-body .cn-auth-premium{
  background:
    radial-gradient(circle at 79% 56%,rgba(126,157,121,.13) 0,rgba(126,157,121,.045) 20%,transparent 40%),
    radial-gradient(circle at 15% 18%,rgba(108,132,151,.10) 0,rgba(108,132,151,.035) 26%,transparent 46%),
    linear-gradient(145deg,#e4eaeb 0%,#f2f4f1 48%,#e8eee7 100%)!important;
}
body.cn-app-body .cn-auth-premium:before{
  opacity:.55!important;
  background:linear-gradient(135deg,#92aa8d,#dce5df 42%,#83978b)!important;
}
body.cn-app-body .cn-auth-premium:after{
  opacity:.48!important;
  background:linear-gradient(130deg,#a5b99f,#dce5e1 40%,#7f948a)!important;
}
body.cn-app-body .cn-auth-orb{opacity:.28!important;filter:blur(72px)!important}
body.cn-app-body .cn-auth-orb.one{background:#b9ceb2!important}
body.cn-app-body .cn-auth-orb.two{background:#b8c7d2!important}
body.cn-app-body .cn-auth-orb.three{background:#dbe6d7!important}
body.cn-app-body .cn-auth-stars i{opacity:.72!important;box-shadow:0 0 6px rgba(255,255,255,.55)!important}
body.cn-app-body .cn-auth-meteors b{opacity:0;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))!important}
body.cn-app-body .cn-auth-glass{
  background:rgba(252,253,252,.78)!important;
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:0 26px 70px rgba(53,69,59,.11),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(30px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(112%)!important;
}
body.cn-app-body .cn-auth-glass:after{background:rgba(132,161,124,.07)!important}
body.cn-app-body .cn-auth-card-brand{color:#202a27!important}
body.cn-app-body .cn-auth-card-brand img{filter:saturate(.8)!important}
body.cn-app-body .cn-auth-form-head{gap:7px!important;margin-bottom:5px!important}
body.cn-app-body .cn-auth-form-head h2,
body.cn-app-body .cn-form.auth h2{color:#202a27!important;font-size:24px!important;letter-spacing:-.25px!important}
body.cn-app-body .cn-auth-form-head p,
body.cn-app-body .cn-form.auth p{max-width:390px!important;margin-inline:auto!important;color:#738078!important;font-size:10.5px!important;line-height:1.95!important}
body.cn-app-body .cn-form.auth label{color:#46534d!important}
body.cn-app-body .cn-auth-input-wrap>.cn-icon{color:#78847e!important}
body.cn-app-body .cn-form.auth input,
body.cn-app-body .cn-form.auth textarea,
body.cn-app-body .cn-form.auth select{
  border-color:rgba(205,214,208,.95)!important;
  background:rgba(255,255,255,.7)!important;
  color:#2f3a35!important;
  box-shadow:0 2px 8px rgba(46,61,52,.018)!important;
}
body.cn-app-body .cn-form.auth input:focus,
body.cn-app-body .cn-form.auth textarea:focus,
body.cn-app-body .cn-form.auth select:focus{
  border-color:#9cb598!important;
  box-shadow:0 0 0 4px rgba(111,149,101,.085)!important;
  background:rgba(255,255,255,.9)!important;
}
body.cn-app-body .cn-auth-secure{color:#7d8982!important}
body.cn-app-body .cn-back-auth{border-color:#dde3df!important;background:rgba(255,255,255,.62)!important;color:#69766f!important}

body.cn-app-body .cn-vue-route-progress::after{background:linear-gradient(90deg,#7f9d77,#6f9565,#8aa581)!important;box-shadow:0 0 12px rgba(85,112,79,.18)!important}
body.cn-app-body .cn-vue-route-spinner{border-color:#dfe6df!important;border-top-color:#6f9565!important}
body.cn-app-body .cn-banner.premium{background:linear-gradient(135deg,#f1f4ef,#fafbfa)!important;border-color:#dce5d9!important}
body.cn-app-body .cn-stat>i.violet{background:#f1f0f5!important;color:#746c8b!important}
body.cn-app-body .cn-flow-dot{background:#f1f0f5!important;color:#746c8b!important}