@keyframes clockin-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes clockin-toast-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes clockin-pop{0%{transform:scale(.8)}60%{transform:scale(1.16)}to{transform:scale(1)}}.clockin-skeleton{background:linear-gradient(90deg,var(--muted) 20%,color-mix(in srgb,var(--foreground) 7%,var(--muted)) 48%,var(--muted) 76%);background-size:220% 100%;animation:1.25s ease-in-out infinite clockin-skeleton-shimmer}.clockin-toast{animation:.24s cubic-bezier(.2,.75,.2,1) both clockin-toast-in}.clockin-pop{animation:.28s cubic-bezier(.2,.75,.2,1) clockin-pop}:where(button,a,input,textarea,select,[role=button],[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 75%,transparent);outline-offset:3px}:where(input,textarea,select){transition:border-color .18s,box-shadow .18s,background-color .18s}:where(input,textarea,select):focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.clockin-interactive-card{transition:transform .22s cubic-bezier(.2,.75,.2,1),border-color .2s,box-shadow .22s}.clockin-interactive-card:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));transform:translateY(-2px);box-shadow:0 14px 34px #00000014}html{scroll-padding-top:92px}body{overflow-x:hidden}section[id],article[id]{scroll-margin-top:96px}@media (max-width:640px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}button,[role=button]{touch-action:manipulation}.clockin-mobile-full{width:100%}.clockin-mobile-scroll{overscroll-behavior-inline:contain;scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.clockin-mobile-scroll::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.clockin-skeleton,.clockin-toast,.clockin-pop{animation:none!important}}
:root{--destructive:#b42318}.dark{--destructive:#ff918a}.skip-link{z-index:10000;background:var(--foreground);color:var(--background);border-radius:6px;padding:12px 18px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.motion-reveal{opacity:1;transform:none}