.auth-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#fff;height:100vh;overflow:hidden;flex-direction:column;padding:12px;color:#000;box-sizing:border-box}.auth-page,.auth-page__scroll{display:flex;align-items:center}.auth-page__scroll{flex:1 1;min-height:0;overflow-y:auto;width:100%;flex-direction:column;justify-content:center}.auth-page__scroll>*{flex:0 0 auto;width:100%;max-width:100%}.auth-page form{margin:0;width:100%}@media (max-width:768px){.auth-page{padding:10px}}@media (max-width:480px){.auth-page{padding:8px}}:root{--foreground:#0a0a0a;--background:#ffffff}body{color:var(--foreground);background:var(--background);font-family:system-ui,sans-serif;scrollbar-gutter:stable}:where(a,button,input,select,textarea,[role=button]):focus-visible{outline:2px solid #1193ef;outline-offset:2px}.ux-state{display:grid;grid-gap:12px;gap:12px}.ux-state--center{min-height:45vh;align-content:center;justify-items:center;padding:24px;text-align:center}.ux-state__spinner{width:30px;height:30px;border-radius:999px;border:3px solid rgba(11,70,136,.16);border-top-color:#0b4688;animation:ux-spin .8s linear infinite}.ux-state__title{margin:0;font-size:1.1rem;font-weight:700}.ux-state__description{margin:0;color:rgba(10,25,46,.78)}.ux-state__description--warning{color:#9f2f17}.ux-state__progress{width:min(420px,80vw);height:8px;border-radius:999px;background:#e7eef7;overflow:hidden}.ux-state__progress-bar{display:block;height:100%;width:35%;background:linear-gradient(90deg,#0098f9,#21ffa4);animation:ux-progress 1.3s ease-in-out infinite}.ux-empty-state{display:grid;justify-items:center;grid-gap:10px;gap:10px;border:1px dashed rgba(18,77,128,.3);border-radius:14px;padding:22px;text-align:center;background:linear-gradient(180deg,rgba(250,253,255,.9),rgba(241,247,255,.84))}.ux-empty-state__icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#e8f2ff;color:#0f497a;font-weight:700}.ux-empty-state__title{margin:0;font-size:1rem}.ux-empty-state__description{margin:0;color:rgba(10,25,46,.78)}.toast-layer{position:fixed;top:12px;right:12px;z-index:1200;display:grid;grid-gap:10px;gap:10px;width:min(390px,calc(100vw - 24px))}.toast{border-radius:12px;border:1px solid rgba(15,52,85,.16);background:rgba(255,255,255,.97);box-shadow:0 12px 28px rgba(10,33,55,.14);padding:10px 12px;display:grid;grid-gap:6px;gap:6px}.toast--success{border-color:rgba(18,131,81,.35)}.toast--warning{border-color:rgba(180,108,22,.45)}.toast--error{border-color:rgba(174,41,41,.44)}.toast__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.toast__title{font-size:.92rem;color:#0a2138}.toast__message{margin:0;font-size:.85rem;line-height:1.4;white-space:pre-line;color:rgba(10,24,39,.9)}.toast__close{border:0;width:24px;height:24px;border-radius:999px;background:transparent;cursor:pointer}.toast__progress{height:5px;border-radius:999px;overflow:hidden;background:rgba(15,49,82,.14)}.toast__progress>span{display:block;height:100%;background:linear-gradient(90deg,#0098f9,#21ffa4)}.connection-banner{margin:0 0 10px;border-radius:10px;padding:8px 12px;font-size:.88rem;line-height:1.35}.connection-banner--online{border:1px solid rgba(17,133,84,.3);background:rgba(229,253,240,.8);color:#165f45}.connection-banner--reconnecting{border:1px solid rgba(193,132,28,.32);background:rgba(255,245,216,.86);color:#875814}.connection-banner--offline{border:1px solid rgba(178,57,57,.3);background:rgba(255,237,237,.85);color:#8a2d2d}@keyframes ux-spin{to{transform:rotate(1turn)}}@keyframes ux-progress{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}