.employee-metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.employee-metric-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--directory-surface-bg, rgba(255, 255, 255, .94));border:1px solid var(--directory-surface-border, rgba(11, 105, 123, .08));border-radius:var(--directory-surface-radius, 18px);box-shadow:var(--directory-surface-shadow, 0 8px 20px rgba(0, 0, 0, .07));display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:116px;overflow:hidden;padding:16px 16px 15px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .22s ease,transform .22s ease;width:100%}.employee-metric-card--compact{min-height:104px;padding:14px 15px}.employee-metric-card--micro{min-height:80px;padding:12px 13px}.employee-metric-card:after{background:none;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.employee-metric-card:hover{box-shadow:var(--directory-surface-shadow-hover, 0 16px 36px rgba(0, 0, 0, .1));transform:translateY(-2px)}.employee-metric-card--hero-red{background:radial-gradient(circle at 10% 16%,#ff2a2ae0,#b20b2894 20%,#45082a3d,#0a0c1e00 48%),linear-gradient(112deg,#4e0b23,#1f0d25 28%,#0b1227 66%,#060b1b);border:1px solid rgba(255,255,255,.06);border-bottom-color:#ff2935c7;box-shadow:0 18px 40px #0a0a1229,0 3px 8px #0a0a1214}.employee-metric-card--hero-green{background:radial-gradient(circle at 10% 16%,#22c55ee0,#16a34a94 20%,#14532d3d,#0a0c1e00 48%),linear-gradient(112deg,#064e3b,#082f49 40%,#0b1227 76%,#060b1b);border:1px solid rgba(255,255,255,.06);border-bottom-color:#22c55ec7;box-shadow:0 18px 40px #0a0a1229,0 3px 8px #0a0a1214}.employee-metric-card--hero-red .employee-metric-card__label,.employee-metric-card--hero-red .employee-metric-card__value,.employee-metric-card--hero-red .employee-metric-card__trend,.employee-metric-card--hero-green .employee-metric-card__label,.employee-metric-card--hero-green .employee-metric-card__value,.employee-metric-card--hero-green .employee-metric-card__trend{color:#fff}.employee-metric-card--hero-red .employee-metric-card__label,.employee-metric-card--hero-green .employee-metric-card__label{color:#ffffffc2}.employee-metric-card--hero-red .employee-metric-card__trend,.employee-metric-card--hero-green .employee-metric-card__trend{color:#ffffffad}.employee-metric-card--hero-red .employee-metric-card__icon-wrap{border-color:#ff2935f5}.employee-metric-card--hero-green .employee-metric-card__icon-wrap{border-color:#22c55ef5}.employee-metric-card--hero-red:after,.employee-metric-card--hero-red:before,.employee-metric-card--hero-green:after,.employee-metric-card--hero-green:before{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.employee-metric-card--hero-red:before{background:radial-gradient(circle at 100% 100%,#b610a847,#b610a81a 20%,#b610a800 48%),radial-gradient(circle at center,rgba(190,32,178,.2) 0 1px,transparent 1.3px),radial-gradient(circle at center,rgba(190,32,178,.14) 0 1px,transparent 1.3px);background-position:right -16px bottom -18px,right -4px bottom -2px,right 7px bottom 8px;background-size:auto,10px 10px,18px 18px;mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.82) 64%,rgba(0,0,0,.95) 100%);-webkit-mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.82) 64%,rgba(0,0,0,.95) 100%);opacity:.58}.employee-metric-card--hero-green:before{background:radial-gradient(circle at 100% 100%,#22c55e42,#22c55e1a 20%,#22c55e00 48%),radial-gradient(circle at center,rgba(74,222,128,.2) 0 1px,transparent 1.3px),radial-gradient(circle at center,rgba(74,222,128,.14) 0 1px,transparent 1.3px);background-position:right -16px bottom -18px,right -4px bottom -2px,right 7px bottom 8px;background-size:auto,10px 10px,18px 18px;mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.82) 64%,rgba(0,0,0,.95) 100%);-webkit-mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.82) 64%,rgba(0,0,0,.95) 100%);opacity:.58}.employee-metric-card--hero-red:after,.employee-metric-card--hero-green:after{background:linear-gradient(180deg,#ffffff0d,#fff0 24%,#00000014)}.employee-metric-card--secondary-overlay:after{background:radial-gradient(circle at 100% 100%,rgb(var(--emc-accent-rgb, 206 13 23) / .16),rgb(var(--emc-accent-rgb, 206 13 23) / .06) 20%,rgb(var(--emc-accent-rgb, 206 13 23) / 0) 48%),radial-gradient(circle at center,rgb(var(--emc-accent-rgb, 206 13 23) / .14) 0 1px,transparent 1.3px),radial-gradient(circle at center,rgb(var(--emc-accent-rgb, 206 13 23) / .09) 0 1px,transparent 1.3px);background-position:right -16px bottom -18px,right -4px bottom -2px,right 7px bottom 8px;background-size:auto,10px 10px,18px 18px;opacity:.62;mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.16) 35%,rgba(0,0,0,.64) 64%,rgba(0,0,0,.88) 100%);-webkit-mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.16) 35%,rgba(0,0,0,.64) 64%,rgba(0,0,0,.88) 100%)}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro){background:radial-gradient(circle at 10% 16%,#ff2a2ae0,#b20b2894 20%,#45082a3d,#0a0c1e00 48%),linear-gradient(112deg,#4e0b23,#1f0d25 28%,#0b1227 66%,#060b1b);border-color:#ffffff0f;border-bottom-color:#ff2935c7;box-shadow:0 18px 40px #0a0a1229,0 3px 8px #0a0a1214}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__label,.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__value,.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__trend{color:#fff}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__label{color:#ffffffc2}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__trend{color:#ffffffad}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__ring{background:#ce0d1729}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro) .employee-metric-card__icon-wrap{background:#ce0d17;border-color:#ff2935f5;box-shadow:0 10px 22px #ce0d172e,inset 0 1px #ffffffeb}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro):before,.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro):after{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro):before{background:radial-gradient(circle at 100% 100%,#b610a847,#b610a81a 20%,#b610a800 48%),radial-gradient(circle at center,rgba(190,32,178,.2) 0 1px,transparent 1.3px),radial-gradient(circle at center,rgba(190,32,178,.14) 0 1px,transparent 1.3px);background-position:right -16px bottom -18px,right -4px bottom -2px,right 7px bottom 8px;background-size:auto,10px 10px,18px 18px;mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.82) 64%,rgba(0,0,0,.95) 100%);-webkit-mask-image:linear-gradient(105deg,transparent 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.82) 64%,rgba(0,0,0,.95) 100%);opacity:.58}.employee-metric-grid:not(.attendance-metric-grid)>.employee-metric-card:first-child:not(.employee-metric-card--hero-red):not(.employee-metric-card--compact):not(.employee-metric-card--micro):after{background:linear-gradient(180deg,#ffffff0d,#fff0 24%,#00000014);mask-image:none;-webkit-mask-image:none;opacity:1}.employee-metric-card--interactive{cursor:pointer}.employee-metric-card--centered .employee-metric-card__body{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.employee-metric-card--centered .employee-metric-card__content{align-items:center;text-align:center}.employee-metric-card--centered .employee-metric-card__icon-area{justify-self:end}.employee-metric-card__icon-area{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;width:56px}.employee-metric-card--compact .employee-metric-card__icon-area{width:46px}.employee-metric-card--micro .employee-metric-card__icon-area{width:38px}.employee-metric-card__ring{background:rgb(var(--emc-accent-rgb, 206 13 23) / .12);border-radius:50%;display:block;height:56px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .5s cubic-bezier(.34,1.4,.64,1),opacity .35s ease;width:56px}.employee-metric-card--compact .employee-metric-card__ring{height:46px;width:46px}.employee-metric-card--micro .employee-metric-card__ring{height:36px;width:36px}.employee-metric-card:hover .employee-metric-card__ring{opacity:1;transform:translate(-50%,-50%) scale(1.12)}.employee-metric-card__icon-wrap{align-items:center;background:var(--emc-accent, #ce0d17);border:1px solid rgb(var(--emc-accent-rgb, 206 13 23) / .92);border-radius:12px;box-shadow:0 10px 22px rgb(var(--emc-accent-rgb, 206 13 23) / .16),inset 0 1px #ffffffeb;color:#fff;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;width:36px;z-index:1}.employee-metric-card__icon-wrap,.employee-metric-card__icon-wrap i,.employee-metric-card__icon-wrap svg{color:#fff;fill:currentColor;stroke:currentColor}.employee-metric-card--compact .employee-metric-card__icon-wrap{border-radius:11px;height:32px;width:32px}.employee-metric-card--micro .employee-metric-card__icon-wrap{border-radius:10px;height:26px;width:26px}.employee-metric-card:hover .employee-metric-card__icon-wrap{box-shadow:0 12px 24px rgb(var(--emc-accent-rgb, 206 13 23) / .22),inset 0 1px #fffffff5;transform:scale(1.04)}.employee-metric-card__icon-wrap i{font-size:1.15rem;line-height:1}.employee-metric-card__icon-wrap svg{height:18px;width:18px}.employee-metric-card--compact .employee-metric-card__icon-wrap i,.employee-metric-card--compact .employee-metric-card__icon-wrap svg{font-size:1rem;height:16px;width:16px}.employee-metric-card--micro .employee-metric-card__icon-wrap i,.employee-metric-card--micro .employee-metric-card__icon-wrap svg{font-size:.82rem;height:14px;width:14px}.employee-metric-card__body{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.employee-metric-card__content{display:flex;flex-direction:column;gap:3px}.employee-metric-card__label{color:var(--directory-surface-muted, #64748b);font-size:.72rem;font-weight:600;letter-spacing:.01em;text-transform:none}.employee-metric-card__label-row{align-items:center;display:inline-flex;gap:5px;width:-moz-fit-content;width:fit-content}.employee-metric-card__help{align-items:center;color:color-mix(in srgb,var(--emc-accent, #ce0d17) 72%,#64748b);cursor:help;display:inline-flex;font-size:.82rem;line-height:1}.employee-metric-card__help:focus-visible{border-radius:999px;outline:2px solid color-mix(in srgb,var(--emc-accent, #ce0d17) 55%,transparent);outline-offset:2px}.employee-metric-card--micro .employee-metric-card__label{font-size:.64rem}.employee-metric-card__value{color:var(--directory-surface-heading, #17313a);display:block;font-size:1.7rem;font-weight:600;letter-spacing:-.03em;line-height:1}.employee-metric-card--compact .employee-metric-card__value{font-size:1.4rem}.employee-metric-card--micro .employee-metric-card__value{font-size:1rem;line-height:.98}.employee-metric-card__trend{color:var(--directory-surface-muted, #94a3b8);font-size:.71rem;font-weight:500;margin-top:2px}.employee-metric-card__trend.is-up{color:#ce0d17}.employee-metric-card__trend.is-green{color:#16a765}.employee-metric-card__trend.is-blue{color:#1687d9}.employee-metric-card__trend.is-violet{color:#7657ed}.employee-metric-card__trend.is-orange{color:#f28a2e}.employee-metric-card--micro .employee-metric-card__trend{font-size:.6rem}.employee-metric-card--centered .employee-metric-card__trend{margin-top:0}@media (max-width: 960px){.employee-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.employee-metric-grid{grid-template-columns:1fr;gap:12px}.employee-metric-card__icon-area{width:44px}}