:root{--pf-motion-fast:160ms;--pf-motion-normal:240ms;--pf-motion-layout:320ms;--pf-motion-reveal:500ms;--pf-motion-out:cubic-bezier(.16,1,.3,1);--pf-motion-exit:cubic-bezier(.4,0,1,1)}:where(.workspace-shell,.admin-screen,.marketing-page) :where(button,a,input,select,textarea,summary){transition-duration:var(--pf-motion-fast);transition-timing-function:var(--pf-motion-out)}:where(.workspace-shell,.admin-screen,.marketing-page) :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #2458f5;outline-offset:3px}:where(.workspace-shell,.admin-screen,.marketing-page) :where(button,a)[aria-disabled=true]{pointer-events:none;opacity:.5}.pf-button{transition-property:color,background-color,opacity,transform;transition-duration:var(--pf-motion-fast)}.page-enter{animation:pf-route-in var(--pf-motion-normal) var(--pf-motion-out) both}.crystal-nav-link{position:relative;isolation:isolate;transition:color var(--pf-motion-fast) var(--pf-motion-out),background-color var(--pf-motion-fast) var(--pf-motion-out)}.crystal-nav-link:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#dde5fe;opacity:0;pointer-events:none}.crystal-nav-link.is-active,.crystal-nav-link[aria-current=page]{background:transparent}.crystal-nav-link[aria-current=page]:before{opacity:1}.crystal-nav-link>span>svg{transition:transform var(--pf-motion-fast) var(--pf-motion-out)}.mobile-tab{transition:background-color var(--pf-motion-normal),color var(--pf-motion-fast),transform var(--pf-motion-fast)}.mobile-tab>span:first-child{transition:transform var(--pf-motion-normal) var(--pf-motion-out)}.mobile-tab[aria-current=page]>span:first-child{transform:translateY(-1px)}.pf-motion-value{display:inline-block;animation:pf-value-in var(--pf-motion-normal) var(--pf-motion-out)}.pf-motion-progress{transition:transform var(--pf-motion-layout) var(--pf-motion-out)}:where(.workspace-shell,.admin-screen) tbody tr{transition:background-color var(--pf-motion-fast) var(--pf-motion-out)}:where(.workspace-shell,.admin-screen) tbody tr:focus-within{background-color:#eef2ff}:where(.workspace-shell,.admin-screen) tbody tr[aria-selected=true]{background-color:#e4ebff}:where(.workspace-shell,.admin-screen) :where(input,textarea,select){transition:border-color var(--pf-motion-fast),box-shadow var(--pf-motion-fast),background-color var(--pf-motion-fast)}:where(.workspace-shell,.admin-screen) [role=alert]{animation:pf-feedback-in var(--pf-motion-fast) var(--pf-motion-out)}:where(.workspace-shell,.admin-screen) input[type=checkbox]:checked{animation:pf-check-in var(--pf-motion-fast) var(--pf-motion-out)}[data-pf-task-state=erledigt]>div>button:first-child svg{animation:pf-check-in var(--pf-motion-normal) var(--pf-motion-out)}[data-pf-motion=overlay][data-state=open]{animation:pf-overlay-in var(--pf-motion-normal) var(--pf-motion-out)}[data-pf-motion=overlay][data-state=closed]{animation:pf-overlay-out var(--pf-motion-fast) var(--pf-motion-exit)}[data-pf-motion=dialog][data-state=open]{animation:pf-dialog-in var(--pf-motion-layout) var(--pf-motion-out)}[data-pf-motion=dialog][data-state=closed]{animation:pf-dialog-out var(--pf-motion-fast) var(--pf-motion-exit)}.pf-motion-brand{animation:pf-feedback-in .45s var(--pf-motion-out) both}.flow-landing .marketing-hero h1>span{animation:pf-hero-line .6s var(--pf-motion-out) both}.flow-landing .marketing-hero h1>span:nth-child(2){animation-delay:90ms}.flow-landing .marketing-hero h1~p{animation:pf-hero-line .45s var(--pf-motion-out) .13s both}.flow-landing .marketing-hero .hero-proof{animation:pf-feedback-in .35s var(--pf-motion-out) .22s both}.flow-canvas{animation:pf-hero-line .6s var(--pf-motion-out) .18s both}@media(hover:hover) and (pointer:fine){.crystal-nav-link:hover>span>svg{transform:translateX(1px)}.crystal-panel-interactive,.pf-dashboard-kpis>a{transition:transform var(--pf-motion-normal) var(--pf-motion-out),box-shadow var(--pf-motion-normal) var(--pf-motion-out)}.crystal-panel-interactive:hover,.pf-dashboard-kpis>a:hover{transform:translateY(-2px)}:where(.workspace-shell,.admin-screen) tbody tr:hover{background-color:#f4f6fc}}@media(hover:none){.mobile-tab:active,.pf-button:active{transform:scale(.98)}.crystal-panel-interactive:hover{transform:none}}@keyframes pf-route-in{0%{opacity:.75}to{opacity:1}}@keyframes pf-value-in{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes pf-feedback-in{0%{opacity:.6}to{opacity:1}}@keyframes pf-check-in{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes pf-hero-line{0%{opacity:.2;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@keyframes pf-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes pf-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes pf-dialog-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pf-dialog-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-49%) scale(.99)}}@media(prefers-reduced-motion:reduce){:root{--pf-motion-fast:0ms;--pf-motion-normal:0ms;--pf-motion-layout:0ms;--pf-motion-reveal:0ms}.pf-motion-brand,:where(.workspace-shell,.admin-screen,.marketing-page) *,[data-pf-motion]{animation:none!important;transition:none!important}.crystal-panel-interactive:hover,.mobile-tab>span:first-child,.pf-dashboard-kpis>a:hover{transform:none!important}}[data-pf-motion=navigation-sheet][data-state=open]{animation:pf-sheet-in var(--pf-motion-layout) var(--pf-motion-out)}[data-pf-motion=navigation-sheet][data-state=closed]{animation:pf-sheet-out var(--pf-motion-fast) var(--pf-motion-exit)}@keyframes pf-sheet-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pf-sheet-out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){[data-pf-motion=navigation-sheet]{animation:none!important}}