body[data-starting] #app{display:none}
.hub-startup{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;color:#332446;background:#faf8ff}
.hub-startup h1{font-size:22px;color:#7153e6;margin:0}
.hub-startup output{max-width:320px;text-align:center;font-variant-numeric:tabular-nums;font-size:14px}
.hub-cabinet{position:relative;width:112px;box-sizing:border-box;border:5px solid #c8b9e5;background:#f0ebfa;border-radius:5px 5px 2px 2px;padding:5px 6px 2px}
.hub-cabinet:before,.hub-cabinet:after{content:"";position:absolute;bottom:-11px;width:8px;height:7px;background:#c8b9e5}
.hub-cabinet:before{left:5px}.hub-cabinet:after{right:5px}
.hub-shelf{height:31px;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;border-bottom:3px solid #c8b9e5;margin-bottom:4px}
.hub-shelf i{position:relative;width:17px;height:21px;border-radius:2px 2px 0 0;background:#7153e6;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s}
.hub-shelf i:after{content:"";position:absolute;top:0;left:7px;width:4px;height:6px;background:#fff;opacity:.5}
.hub-shelf i.placed{opacity:1;transform:translateY(0)}
.auth-pending{display:flex;align-items:center;gap:10px;min-height:28px;color:#544074}
.auth-pending[hidden]{display:none}
.auth-pending:before{content:"";width:18px;height:18px;flex:none;border:3px solid #ddd4f0;border-top-color:#7153e6;border-radius:50%;animation:hub-spin .8s linear infinite}
@keyframes hub-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hub-shelf i{transition:none}.auth-pending:before{animation:none;border-style:dotted}}
.work-login-card.auth-waiting>:not(.work-brand):not(form),.auth-waiting form>:not([data-auth-pending]){display:none!important}
.auth-cabinet-pending{flex-direction:column;justify-content:center;text-align:center;min-height:220px;gap:28px;margin:12px 0 0}
.auth-cabinet-pending:before{display:none}
.auth-cabinet-pending .hub-shelf:nth-child(3){--shelf:0s}
.auth-cabinet-pending .hub-shelf:nth-child(2){--shelf:.6s}
.auth-cabinet-pending .hub-shelf:nth-child(1){--shelf:1.2s}
.auth-cabinet-pending i:nth-child(1){--slot:0s}
.auth-cabinet-pending i:nth-child(2){--slot:.14s}
.auth-cabinet-pending i:nth-child(3){--slot:.28s}
.auth-cabinet-pending i:nth-child(4){--slot:.42s}
.auth-cabinet-pending .hub-shelf i{animation:auth-stock-box 3s infinite both;animation-delay:calc(var(--shelf) + var(--slot))}
@keyframes auth-stock-box{0%,5%{opacity:0;transform:translateY(7px)}20%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){.auth-cabinet-pending .hub-shelf i{animation:none;opacity:1;transform:none}}
