@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&display=swap";.orders-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.orders-kpi__item{--kpi-1: #1d4ed8;--kpi-2: #38bdf8;--kpi-ink: #0f172a;--kpi-soft: #eff6ff;position:relative;overflow:hidden;isolation:isolate;min-width:0;border:0;border-radius:1.25rem;padding:1.1rem 1.15rem 1.15rem;text-align:start;color:var(--kpi-ink);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--kpi-2) 35%,transparent),transparent 55%),linear-gradient(160deg,var(--kpi-soft) 0%,#fff 58%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kpi-1) 12%,transparent);cursor:default;transition:transform .25s ease,filter .25s ease}.orders-kpi__item:after{content:"";position:absolute;inset-inline-end:-18%;bottom:-35%;width:9rem;height:9rem;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--kpi-2) 28%,transparent),transparent 68%);z-index:0;pointer-events:none}.orders-kpi__item--clickable{cursor:pointer}.orders-kpi__item--clickable:hover,.orders-kpi__item:hover{transform:translateY(-3px);filter:saturate(1.08)}.orders-kpi__item--clickable:focus-visible{outline:2px solid var(--kpi-1);outline-offset:2px}.orders-kpi__item--orders{--kpi-1: #1d4ed8;--kpi-2: #60a5fa;--kpi-soft: #eff6ff;--kpi-ink: #1e3a8a}.orders-kpi__item--revenue{--kpi-1: #047857;--kpi-2: #34d399;--kpi-soft: #ecfdf5;--kpi-ink: #064e3b}.orders-kpi__item--pending{--kpi-1: #c2410c;--kpi-2: #fb923c;--kpi-soft: #fff7ed;--kpi-ink: #9a3412}.orders-kpi__item--confirmed{--kpi-1: #0f766e;--kpi-2: #2dd4bf;--kpi-soft: #f0fdfa;--kpi-ink: #115e59}.orders-kpi__row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.85rem}.orders-kpi__label{margin:0;font-size:.8rem;font-weight:650;line-height:1.35;color:color-mix(in srgb,var(--kpi-ink) 78%,#64748b)}.orders-kpi__icon{width:2.4rem;height:2.4rem;border-radius:.85rem;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--kpi-1),var(--kpi-2));box-shadow:0 10px 18px -12px color-mix(in srgb,var(--kpi-1) 80%,transparent);flex-shrink:0}.orders-kpi__value{position:relative;z-index:1;margin:0;font-family:Outfit,IBM Plex Sans Arabic,system-ui,sans-serif;font-size:clamp(1.55rem,3.2vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--kpi-ink);display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-variant-numeric:tabular-nums}.orders-kpi__pulse{position:absolute;inset-inline-start:1.15rem;bottom:.7rem;width:2.4rem;height:.22rem;border-radius:999px;background:linear-gradient(90deg,var(--kpi-1),var(--kpi-2));z-index:1}.orders-kpi__item--pending .orders-kpi__pulse{animation:orders-kpi-pulse 1.8s ease-in-out infinite}@keyframes orders-kpi-pulse{0%,to{opacity:1;transform:scaleX(1);transform-origin:right center}50%{opacity:.55;transform:scaleX(.72);transform-origin:right center}}@media (min-width: 1024px){.orders-kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.orders-kpi__item{padding:1.2rem 1.25rem 1.35rem}}@media (prefers-reduced-motion: reduce){.orders-kpi__item,.orders-kpi__item--clickable:hover,.orders-kpi__item:hover{transition:none;transform:none;filter:none}.orders-kpi__item--pending .orders-kpi__pulse{animation:none}}