/* Generated by Admin AJAX Effects Editor on 2025-11-06T05:46:08+00:00 */
:root{
  --ajax-text-duration: 3500ms;
  --ajax-bg-duration: 3000ms;
  --ajax-flash-pad: 6px;
  --ajax-flash-radius: 6px;
  --ajax-flash-font-size: 16px;
  --ajax-flash-font-family: system-ui, Arial, sans-serif;
  --ajax-flash-font-weight: 400;
  --ajax-flash-font-style: normal;
  --ajax-flash-letter: 0px;
  --ajax-flash-decoration: none;
  --ajax-text-animation: none;
  --ajax-bg-animation: none;
  --row-head-height: 2.25em;
  --trend-up-color: #2ecc71;
  --trend-down-color: #e74c3c;
  --trend-steady-color: #95a5a6;
  --trend-anim: bounce;
  --trend-anim-up: bounce;
  --trend-anim-down: bounce;
  --trend-icon-size: 24px;
  --trend-icon-height: 30px;
  --trend-steady-icon-size: 14px;
  --trend-steady-anim: none;
  --trend-stroke-width: 0px;
  --trend-stroke-color: ;
  --trend-mode: continuous;
  --trend-anim-duration: 1500ms;
  --trend-anim-ease: ease;
  --trend-anim-count: infinite;
  --trend-burst-anim-up: bounce;
  --trend-burst-anim-down: bounce;
  --trend-burst-anim-steady: none;
  --trend-translate-y: 4.00px;
  --trend-translate-x: -4.00px;
  --trend-scale: 0.060;
  --trend-rotate: 2.00deg;
  --trend-onupdate: 0;
  --ajax-bg-disabled: 0;
  --ajax-row-span: 1;
  --pb-height: 12px;
  --pb-radius: 10px;
  --pb-duration: 1300ms;
  --pb-ease: ease-out;
  --pb-track: #e5e7eb;
  --pb-fill: #22c55e;
  --pb-stripes: 0;
  --pb-glow: 0;
  --pb-maxw: 100%;
  --pb-ml: 0; --pb-mr: auto;
}

.ajax-text-flash-red, .ajax-text-flash-green{ color: #ff0000 !important; font-size: inherit; font-family: var(--ajax-flash-font-family, system-ui, Arial, sans-serif); -webkit-text-stroke: 2px rgba(255,255,255,0); text-shadow: 1px 1px 1px rgba(0,0,0,0); }
.ajax-text-flash-red, .ajax-text-flash-green{ font-weight: var(--ajax-flash-font-weight, 400); font-style: var(--ajax-flash-font-style, normal); letter-spacing: var(--ajax-flash-letter, 0px); text-decoration: var(--ajax-flash-decoration, none); animation: var(--ajax-text-animation, none); animation-duration: var(--ajax-text-duration, 3500ms); animation-timing-function: var(--ajax-text-ease, ease); animation-iteration-count: var(--ajax-text-count, 1); animation-fill-mode: both; }
[id^="row-"]{ position: relative; z-index:0; }
[id^="row-"].ajax-bg-flash-green::before{ content:""; position:absolute; left:0; right:0; top:0; height: min(var(--row-head-height, 1.6em), 1.6em); background-color: rgba(34, 197, 94, 0.22) !important; border-radius: var(--ajax-flash-radius, 6px) var(--ajax-flash-radius, 6px) 0 0; pointer-events:none; z-index:-1; }
[id^="row-"].ajax-bg-flash-green{ background-color: transparent !important; background-image: none !important; box-shadow: none !important; }
.ajax-bg-flash-green{ background-color: transparent !important; background-image:none !important; box-shadow: none !important; }
p[id^="row-"], tr[id^="row-"]{ animation: var(--ajax-bg-animation, none); animation-duration: var(--ajax-bg-duration, 3000ms); animation-timing-function: var(--ajax-bg-ease, ease); animation-iteration-count: var(--ajax-bg-count, 1); animation-fill-mode: both; }
.trend-arrow, .trend-up, .trend-down, .trend-steady{ font-size: var(--trend-icon-size, 14px); line-height: var(--trend-icon-height, normal); -webkit-text-stroke: var(--trend-stroke-width, 0px) var(--trend-stroke-color, transparent); }
.trend-up{ color: var(--trend-up-color, #2ecc71); animation: var(--trend-anim-up, var(--trend-anim, none));} .trend-down{ color: var(--trend-down-color, #e74c3c); animation: var(--trend-anim-down, var(--trend-anim, none));} .trend-steady{ color: var(--trend-steady-color, #95a5a6); font-size: var(--trend-steady-icon-size, var(--trend-icon-size,14px)); animation: var(--trend-steady-anim, var(--trend-anim, none));} .trend-up, .trend-down, .trend-steady{ animation-duration: var(--trend-anim-duration, 600ms); animation-timing-function: var(--trend-anim-ease, ease); animation-iteration-count: var(--trend-anim-count, 1); animation-fill-mode: both; }
.trend-burst.trend-up{ animation: var(--trend-burst-anim-up, var(--trend-anim-up, var(--trend-anim, none))); animation-duration: var(--trend-anim-duration, 600ms); animation-timing-function: var(--trend-anim-ease, ease); animation-iteration-count: 1; }
.trend-burst.trend-down{ animation: var(--trend-burst-anim-down, var(--trend-anim-down, var(--trend-anim, none))); animation-duration: var(--trend-anim-duration, 600ms); animation-timing-function: var(--trend-anim-ease, ease); animation-iteration-count: 1; }
.trend-burst.trend-steady{ animation: var(--trend-burst-anim-steady, var(--trend-steady-anim, var(--trend-anim, none))); animation-duration: var(--trend-anim-duration, 600ms); animation-timing-function: var(--trend-anim-ease, ease); animation-iteration-count: 1; }
@supports selector(:has(*)) {
  p[id^="row-"], tr[id^="row-"] { transition: background-color var(--ajax-bg-duration, 3000ms) ease; }
  [id^="row-"]:has(.ajax-bg-flash-green)::before, [id^="row-"]:has(.ajax-text-flash-green)::before, [id^="row-"]:has(.ajax-text-flash-red)::before, [id^="row-"].ajax-bg-flash-green::before{ content:""; position:absolute; left:0; right:0; top:0; height: min(var(--row-head-height, 1.6em), 1.6em); background-color: rgba(34, 197, 94, 0.22) !important; border-radius: var(--ajax-flash-radius, 6px) var(--ajax-flash-radius, 6px) 0 0; pointer-events:none; z-index:-1; }
  [id^="row-"] .ajax-bg-flash-green{ background-color: transparent !important; box-shadow: none !important; }
  :is(p[id^="row-"], tr[id^="row-"]) .ajax-bg-flash-green{ background-color: transparent !important; box-shadow: none !important; }
}
@keyframes pulse { 0%{transform:scale(1)} 50%{transform:scale(calc(1 + var(--trend-scale, 0.06)))} 100%{transform:scale(1)} }
@keyframes glow { 0%{text-shadow:0 0 0.0rem currentColor} 50%{text-shadow:0 0 0.5rem currentColor} 100%{text-shadow:0 0 0.0rem currentColor} }
@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(calc(-1 * var(--trend-translate-y, 2px)))} }
@keyframes wiggle { 0%,100%{transform:rotate(0deg)} 25%{transform:rotate(calc(-1 * var(--trend-rotate, 2deg)))} 75%{transform:rotate(var(--trend-rotate, 2deg))} }
@keyframes fade { 0%{opacity:0.2} 100%{opacity:1} }
@keyframes breath { 0%{opacity:.85} 50%{opacity:1} 100%{opacity:.85} }
@keyframes blink { 0%,49%{opacity:1} 50%,100%{opacity:0.25} }
@keyframes pop { 0%{transform:scale(calc(1 - var(--trend-scale, .05)))} 50%{transform:scale(calc(1 + var(--trend-scale, .06)))} 100%{transform:scale(1)} }
@keyframes slide { 0%{transform:translateX(var(--trend-translate-x, -4px))} 100%{transform:translateX(0)} }
@keyframes trendFadeUp { 0%{opacity:0.35; transform: translateY(var(--trend-translate-y, 3px))} 100%{opacity:1; transform: translateY(0)} }
@keyframes trendFadeDown { 0%{opacity:0.35; transform: translateY(calc(-1 * var(--trend-translate-y, 3px)))} 100%{opacity:1; transform: translateY(0)} }
.progress-bar-enhanced{position:relative; display:inline-block; width:100%; height:var(--pb-height,8px); background:var(--pb-track,#e5e7eb); border-radius:var(--pb-radius,6px); overflow:hidden; vertical-align:middle; max-width: var(--pb-maxw,100%); margin-left: var(--pb-ml,0); margin-right: var(--pb-mr,auto);}
.progress-bar-enhanced .progress-fill{display:block; height:100%; width:var(--progress,0%); background: var(--pb-gradient, var(--pb-fill,#22c55e)); border-radius:inherit; transition:width var(--pb-duration,900ms) var(--pb-ease,ease-out), background-color 200ms ease-in; position:relative;}
.progress-bar-enhanced, .progress-bar-enhanced .progress-fill{ background-color: initial; }
.progress-bar-enhanced .progress-fill::before{content:''; position:absolute; inset:0; pointer-events:none; opacity:calc(var(--pb-stripes,0)); background-image: linear-gradient(45deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent); background-size: 16px 16px; animation: stripes 1s linear infinite;}
.progress-bar-enhanced .progress-fill::after{content:''; position:absolute; inset:0; pointer-events:none; box-shadow: 0 0 8px var(--pb-fill,#22c55e); opacity: calc(var(--pb-glow,0));}
@keyframes stripes { from{ background-position:0 0 } to{ background-position:16px 0 } }