*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;height:100dvh;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;height:100dvh}.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f5f5f5;color:#8c8c8c;font-size:12px;z-index:1000}.app-loading .progress-bar{width:120px;height:3px;background:#e5e5e5;border-radius:2px;overflow:hidden}.app-loading .progress-fill{height:100%;background:#0d99ff;transition:width .6s cubic-bezier(.4,0,.2,1)}.app-loading .progress-fill.indeterminate{width:40%;animation:indeterminate 1.2s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.shared-view-error{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:24px}.shared-view-error-card{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8c8c8c;font-size:14px;text-align:center}.shared-view-error-card svg{opacity:.5}.login-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;box-sizing:border-box}.login-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-card{position:relative;z-index:1;background:#fff;border-radius:8px;padding:28px 24px;width:100%;max-width:340px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.login-title{color:#1e1e1e;font-size:16px;font-weight:600;margin:0 0 2px;text-align:center}.login-subtitle{color:#8c8c8c;font-size:11px;margin:0 0 24px;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px}.login-label{font-size:11px;font-weight:500;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px}.login-input{width:100%;padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#1e1e1e;font-size:14px;box-sizing:border-box;transition:border-color .15s}.login-input:focus{outline:none;border-color:#0d99ff}.login-input::placeholder{color:#b3b3b3}.login-input:disabled{opacity:.5}.login-btn{padding:8px 16px;background:#0d99ff;border:1px solid #0d99ff;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;margin-top:4px;transition:all .15s}.login-btn:hover:not(:disabled){background:#07c;border-color:#07c}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn-secondary{background:#fff;border:1px solid #e5e5e5;color:#1e1e1e;margin-top:12px}.login-btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.login-error{color:#c00;font-size:11px;margin:0}.login-success p{color:#1e1e1e;font-size:13px;margin:0 0 4px}.login-hint{color:#8c8c8c!important;font-size:11px!important}.login-link{background:none;border:none;color:#0d99ff;font-size:11px;cursor:pointer;padding:0;text-align:left}.login-link:hover{text-decoration:underline}@media (min-width: 768px){.login-page{flex-direction:row;padding:0}.login-canvas{position:relative;inset:auto;width:50%;height:100dvh}.login-card{width:50%;height:100dvh;max-width:none;display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;border-radius:0;box-shadow:none;background:#fff;padding:28px 24px}.login-card .login-title,.login-card .login-subtitle{width:100%;max-width:340px;text-align:left}.login-card .login-form,.login-card .login-success{width:100%;max-width:340px}}