*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#f4f6fb}.app-sider{z-index:20;height:100vh;top:0;overflow:auto;position:sticky!important}.app-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.app-user{min-width:0}.app-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.app-content{background:#fff;border-radius:8px;min-height:280px;margin:24px;padding:24px;overflow-x:auto}.app-loading{background:#f4f6fb;place-items:center;min-height:100vh;display:grid}.login-page{background:linear-gradient(135deg,#1677ff1f,#14b8a614),#f4f6fb;place-items:center;min-height:100vh;padding:32px 16px;display:grid}.login-shell{background:#fffffff5;border:1px solid #e6ebf2;border-radius:8px;width:min(100%,420px);padding:32px;box-shadow:0 22px 70px #111f3f1f}.login-brand{align-items:center;gap:16px;margin-bottom:28px;display:flex}.login-mark{color:#fff;letter-spacing:0;background:#111827;border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:grid}.login-kicker{color:#1677ff;font-size:13px;font-weight:700;display:block}.login-title{color:#111827!important;margin:4px 0 0!important;font-size:24px!important;line-height:1.25!important}.login-form{width:100%}.login-alert{margin-bottom:16px}.login-submit{margin-top:4px}@media (width<=768px){.app-content{margin:12px;padding:16px}}@media (width<=480px){.app-header{padding:0 12px}.app-user-name{max-width:96px}.login-shell{padding:24px}.login-brand{align-items:flex-start}}