/* ADNU CMS Console — Base & Mobile Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html,body,#root{height:100%;overflow:hidden;}body{font-family:Inter,-apple-system,sans-serif;background:#16181c;}::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:#16181c;}::-webkit-scrollbar-thumb{background:#2a2e38;border-radius:3px;}
@media(max-width:768px){
  /* Make tables scroll horizontally */
  .cms-content table{
    min-width:540px;
  }
  .cms-table-scroll{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    margin:0 -4px;
    padding:0 4px;
  }
}



/* ══════════════════════════════════════════════
   ADNU CMS — Cinematic Animation System
   Stage 1 (0–0.6s):  Page/card entry
   Stage 2 (0.3–1.2s): Revenue bars left→right
   Stage 3 (1.0–1.9s): Reader growth bars
   Stage 4 (1.6–2.6s): Chapter completion bars
   Stage 5 (0.5s each): Stat counters fade up
   ══════════════════════════════════════════════ */

/* — Keyframes — */
@keyframes adnu-slide-up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes adnu-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes adnu-scale-x {
  from { transform: scaleX(0); }
  80%  { transform: scaleX(0.96); }
  to   { transform: scaleX(1); }
}
@keyframes adnu-scale-y {
  from { transform: scaleY(0); }
  80%  { transform: scaleY(0.96); }
  to   { transform: scaleY(1); }
}
@keyframes adnu-glow-pulse {
  0%,100% { box-shadow: 0 0 0 0 transparent; }
  50%      { box-shadow: 0 0 18px 2px rgba(61,214,140,0.18); }
}
@keyframes adnu-number-pop {
  0%   { opacity: 0; transform: scale(0.82) translateY(6px); }
  70%  { opacity: 1; transform: scale(1.04) translateY(-1px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes adnu-line-draw {
  from { stroke-dashoffset: 2000; opacity: 0; }
  to   { stroke-dashoffset: 0;    opacity: 1; }
}
@keyframes adnu-area-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes adnu-dot-pop {
  0%   { r: 0; opacity: 0; }
  70%  { r: 5; opacity: 1; }
  100% { r: 3.4; opacity: 1; }
}

/* — Page & card entry — */
.adnu-page-enter {
  animation: adnu-slide-up 0.55s cubic-bezier(0.22,1,0.36,1) both;
}
.adnu-card-enter {
  animation: adnu-slide-up 0.5s cubic-bezier(0.22,1,0.36,1) both;
}

/* — Stat number pop — */
.adnu-stat-num {
  animation: adnu-number-pop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;
}
.adnu-stat-num:nth-child(1) { animation-delay: 0.15s; }
.adnu-stat-num:nth-child(2) { animation-delay: 0.28s; }
.adnu-stat-num:nth-child(3) { animation-delay: 0.41s; }
.adnu-stat-num:nth-child(4) { animation-delay: 0.54s; }

/* — Revenue bars (Stage 2: 0.3s start, stagger 0.12s each) — */
.adnu-rev-bar {
  transform-origin: left center;
  animation: adnu-scale-x 0.9s cubic-bezier(0.16,1,0.3,1) both;
}
.adnu-rev-bar:nth-child(1) { animation-delay: 0.30s; }
.adnu-rev-bar:nth-child(2) { animation-delay: 0.42s; }
.adnu-rev-bar:nth-child(3) { animation-delay: 0.54s; }
.adnu-rev-bar:nth-child(4) { animation-delay: 0.66s; }
.adnu-rev-bar:nth-child(5) { animation-delay: 0.78s; }
.adnu-rev-bar:nth-child(6) { animation-delay: 0.90s; }

/* — Reader growth bars (Stage 3: 1.0s start, stagger 0.13s each) — */
.adnu-rdr-bar {
  transform-origin: bottom center;
  animation: adnu-scale-y 0.85s cubic-bezier(0.16,1,0.3,1) both;
}
.adnu-rdr-bar:nth-child(1) { animation-delay: 1.00s; }
.adnu-rdr-bar:nth-child(2) { animation-delay: 1.13s; }
.adnu-rdr-bar:nth-child(3) { animation-delay: 1.26s; }
.adnu-rdr-bar:nth-child(4) { animation-delay: 1.39s; }
.adnu-rdr-bar:nth-child(5) { animation-delay: 1.52s; }
.adnu-rdr-bar:nth-child(6) { animation-delay: 1.65s; }

/* — Chapter completion bars (Stage 4: 1.6s start, stagger 0.14s each) — */
.adnu-chap-bar {
  transform-origin: left center;
  animation: adnu-scale-x 0.95s cubic-bezier(0.16,1,0.3,1) both;
}
.adnu-chap-bar:nth-child(1) { animation-delay: 1.60s; }
.adnu-chap-bar:nth-child(2) { animation-delay: 1.74s; }
.adnu-chap-bar:nth-child(3) { animation-delay: 1.88s; }
.adnu-chap-bar:nth-child(4) { animation-delay: 2.02s; }
.adnu-chap-bar:nth-child(5) { animation-delay: 2.16s; }

/* — SVG line chart (stage with revenue bars) — */
.adnu-line-path {
  stroke-dasharray: 2000;
  animation: adnu-line-draw 1.1s cubic-bezier(0.22,1,0.36,1) 0.3s both;
}
.adnu-area-path {
  animation: adnu-area-fade 0.9s ease 0.5s both;
}
.adnu-chart-pt {
  animation: adnu-fade-in 0.4s ease both;
}
.adnu-chart-pt:nth-child(1) { animation-delay: 0.65s; }
.adnu-chart-pt:nth-child(2) { animation-delay: 0.78s; }
.adnu-chart-pt:nth-child(3) { animation-delay: 0.91s; }
.adnu-chart-pt:nth-child(4) { animation-delay: 1.04s; }
.adnu-chart-pt:nth-child(5) { animation-delay: 1.17s; }
.adnu-chart-pt:nth-child(6) { animation-delay: 1.30s; }

/* — Annualised projection banner glow — */
.adnu-projection-banner {
  animation: adnu-slide-up 0.6s cubic-bezier(0.22,1,0.36,1) 0.1s both,
             adnu-glow-pulse 3s ease-in-out 1.2s infinite;
}

/* — Accounting month cards — */
.adnu-month-card {
  animation: adnu-slide-up 0.5s cubic-bezier(0.22,1,0.36,1) both;
}
.adnu-month-card:nth-child(1) { animation-delay: 0.10s; }
.adnu-month-card:nth-child(2) { animation-delay: 0.18s; }
.adnu-month-card:nth-child(3) { animation-delay: 0.26s; }
.adnu-month-card:nth-child(4) { animation-delay: 0.34s; }
.adnu-month-card:nth-child(5) { animation-delay: 0.42s; }
.adnu-month-card:nth-child(6) { animation-delay: 0.50s; }
.adnu-month-card:nth-child(7) { animation-delay: 0.58s; }
.adnu-month-card:nth-child(8) { animation-delay: 0.66s; }
.adnu-month-card:nth-child(9) { animation-delay: 0.74s; }

/* — Nav item hover — */
.cms-tab {
  transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
}
.cms-tab:hover {
  padding-left: 18px !important;
}

/* — Button micro-interactions — */
button {
  transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
button:active {
  transform: scale(0.97) !important;
}

/* — Card hover lift — */
.adnu-card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.adnu-card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.35);
}

/* — Reduce motion — */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* — Dashboard mini bar chart — */
.adnu-dash-bar {
  transform-origin: bottom center;
  animation: adnu-scale-y 0.9s cubic-bezier(0.16,1,0.3,1) both;
}
.adnu-dash-bar-0 { animation-delay: 0.10s; }
.adnu-dash-bar-1 { animation-delay: 0.22s; }
.adnu-dash-bar-2 { animation-delay: 0.34s; }
.adnu-dash-bar-3 { animation-delay: 0.46s; }
.adnu-dash-bar-4 { animation-delay: 0.58s; }
.adnu-dash-bar-5 { animation-delay: 0.70s; }