*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#5546e6;--brand-tint:#ece9fb;--brand-shadow:#5546e699;--ink:#16142e;--muted:#9a98ad;--faint:#b3b1c2;--app-bg:#f4f3f8;--card:#fff;--border:#eceaf2;--divider:#f1eff6;--track:#f0eff5;--success:#1fa971;--success-tint:#e6f6ef;--warning:#d98300;--warning-tint:#fdf0db;--danger:#e0457b;--danger-border:#f6dada;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--screen-pad:20px;--nav-height:84px;--appbar-height:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--appbar-bg:#f4f3f8eb;--nav-bg:#ffffffeb;--drag-handle:#d6d4e0}@media (prefers-color-scheme:dark){:root{--brand-tint:#5546e62e;--ink:#f0effe;--muted:#8a88a2;--faint:#52505f;--app-bg:#0c0f1a;--card:#1a2035;--border:#ffffff21;--divider:#ffffff12;--track:#ffffff17;--success-tint:#1fa97126;--warning-tint:#d9830026;--danger-border:#e0457b33;--appbar-bg:#0e0e14eb;--nav-bg:#12121feb;--drag-handle:#ffffff1f}}html,body,#staff-root{background:var(--app-bg);width:100%;max-width:100%;height:100%;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow-x:hidden}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes tabEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rowIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes statIn{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:none}}@keyframes fabPulse{0%,to{box-shadow:0 12px 24px -8px #5546e6b3}50%{box-shadow:0 12px 32px -4px #5546e6e6}}@keyframes skShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sk{background:linear-gradient(90deg, var(--track) 25%, var(--card) 37%, var(--track) 63%);background-size:200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite skShimmer}@media (prefers-reduced-motion:reduce){.sk{animation:none}}@keyframes loFlow{0%{transform:rotate(var(--a)) translateX(var(--s)) scale(.5);opacity:0}25%{opacity:1}80%{opacity:1}to{transform:rotate(var(--a)) translateX(var(--e)) scale(.7);opacity:0}}@keyframes loRing{0%{opacity:.5;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes loOrb{0%,to{transform:translate(0)}50%{transform:translateY(-16px)}}@keyframes loUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loSlot{0%,to{background:#d4cdf0;width:58%}45%{background:#6b5cff;width:100%}70%{background:#6b5cff;width:100%}}@keyframes loCardD{0%,to{box-shadow:0 8px 20px -6px #00000080,0 0 14px #8b7bff59}50%{box-shadow:0 8px 20px -6px #00000080,0 0 22px #8b7bff8c}}@keyframes loCardL{0%,to{box-shadow:0 10px 24px -8px #5546e64d,0 0 0 1px #5546e614}50%{box-shadow:0 14px 30px -8px #5546e673,0 0 0 1px #5546e61f}}.tab-enter,.row-in,.stat-in{animation:none}body.app-ready .tab-enter{animation:.3s cubic-bezier(.2,.9,.3,1) both tabEnter}body.app-ready .row-in{animation:.35s cubic-bezier(.2,.9,.3,1) both rowIn}body.app-ready .stat-in{animation:.4s cubic-bezier(.2,.9,.3,1) both statIn}.login-field::placeholder{color:#ffffff52}@media (prefers-color-scheme:light){.login-field::placeholder{color:#a8a6b8}}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tappable{-webkit-tap-highlight-color:transparent}.tappable:active{transition:transform .1s;transform:scale(.97)}
