.de-employee-card{--de-accent:var(--primary);--de-idle-duration:9s;--de-idle-delay:0s;--de-idle-rotate:1;--de-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--de-accent) 92%,white),color-mix(in srgb,var(--de-accent) 18%,transparent) 42%,color-mix(in srgb,var(--de-accent) 78%,#67e8f9));position:relative;height:100%;background-color:var(--card);transform-origin:center center;animation:de-card-idle var(--de-idle-duration) ease-in-out var(--de-idle-delay) infinite}.de-employee-card:before{padding:1.5px;background:var(--de-border-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.de-employee-card:after,.de-employee-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none}.de-employee-card:after{opacity:0;transition:opacity .22s ease;box-shadow:0 0 0 1px color-mix(in srgb,var(--de-accent) 55%,transparent),0 0 20px color-mix(in srgb,var(--de-accent) 48%,transparent),0 10px 36px color-mix(in srgb,var(--de-accent) 30%,transparent)}.de-employee-card>*{position:relative;z-index:1}.de-employee-card:hover{--de-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--de-accent) 100%,white),color-mix(in srgb,var(--de-accent) 32%,transparent) 40%,color-mix(in srgb,var(--de-accent) 92%,#67e8f9))}.de-employee-card:hover:after{opacity:1}.de-employee-card--active{animation:de-card-idle var(--de-idle-duration) ease-in-out var(--de-idle-delay) infinite,de-glow-pulse var(--de-idle-duration) ease-in-out var(--de-idle-delay) infinite;box-shadow:0 10px 28px color-mix(in srgb,var(--de-accent) 20%,transparent)}.de-employee-card--inactive{--de-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--de-accent) 32%,var(--border)),color-mix(in srgb,var(--text-secondary) 18%,var(--border)) 48%,color-mix(in srgb,var(--de-accent) 24%,var(--border)));box-shadow:none;animation:none}.de-employee-card--inactive .de-employee-avatar{opacity:.62;transition:opacity .22s ease}.de-employee-card--inactive:hover .de-employee-avatar{opacity:.92}.de-employee-avatar{--de-accent:var(--primary);position:relative;border-radius:9999px;background:color-mix(in srgb,var(--de-accent) 22%,var(--muted));border-color:color-mix(in srgb,var(--de-accent) 45%,var(--border))}.de-employee-avatar__clip{display:block;overflow:hidden;border-radius:inherit;width:100%;height:100%}.de-employee-avatar--glow{box-shadow:0 0 0 2px color-mix(in srgb,var(--de-accent) 50%,transparent),0 0 14px color-mix(in srgb,var(--de-accent) 40%,transparent)}.de-presence--avatar{position:absolute;right:.36rem;bottom:.36rem;z-index:1;pointer-events:none}.de-presence-pip{display:block;width:.78rem;height:.78rem;flex-shrink:0;border-radius:9999px;box-sizing:border-box;border:2px solid var(--card)}.de-presence-pip--on{background:#22c55e}.de-presence--avatar .de-presence-pip--on{animation:de-presence-pulse 2.8s ease-out infinite}.de-presence-pip--off{background:color-mix(in srgb,var(--text-secondary) 55%,var(--card));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--text-secondary) 45%,transparent)}.de-presence-pip--pending{background:#eab308}.de-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1rem;align-items:stretch}@keyframes de-card-idle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-1.5px) rotate(calc(var(--de-idle-rotate) * .28deg))}}@keyframes de-glow-pulse{0%,to{box-shadow:0 10px 22px color-mix(in srgb,var(--de-accent) 18%,transparent)}50%{box-shadow:0 12px 26px color-mix(in srgb,var(--de-accent) 24%,transparent)}}@keyframes de-presence-pulse{0%{box-shadow:0 0 0 0 rgb(34 197 94/.45)}70%{box-shadow:0 0 0 7px rgb(34 197 94/0)}to{box-shadow:0 0 0 0 rgb(34 197 94/0)}}@media (prefers-reduced-motion:reduce){.de-employee-card,.de-employee-card--active,.de-presence--avatar .de-presence-pip--on{animation:none}.de-employee-card:after{transition:none}}