:root{--sa-purple: #722ed1;--sa-bg: #f5f5f7}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--sa-bg);color:#000000e0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(135deg,#722ed1,#531dab 45%,#391085)}.login-card{width:100%;max-width:460px;border-radius:12px;box-shadow:0 12px 40px #00000040}.login-card__head{text-align:center;margin-bottom:20px}.login-logo{font-size:44px;line-height:1;margin-bottom:8px}.login-title{margin:0 0 4px!important}.app-layout{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#1f1f26;gap:16px}.app-header__left,.app-header__right{display:flex;align-items:center;gap:16px;min-width:0}.app-logo{font-size:24px;line-height:1}.app-brand{color:#fff!important;font-size:17px;font-weight:600;white-space:nowrap}.app-nav{background:transparent;border-bottom:none;min-width:260px}.app-nav .ant-menu-item{color:#ffffffb8}.app-nav .ant-menu-item-selected{color:#fff!important;background:#ffffff1a!important}.app-user{display:inline-flex;align-items:center;gap:8px;color:#ffffffe0;cursor:pointer;-webkit-user-select:none;user-select:none}.app-user__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{padding:24px}.app-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.page__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.page__title{margin:0!important}.app-card{height:100%}.app-card__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.app-card__icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex:0 0 auto}.app-card__meta{min-width:0;flex:1}.app-card__name{font-size:16px;font-weight:600;margin-bottom:4px}.app-card__desc{display:block;font-size:13px;line-height:1.5}.app-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.role-item{cursor:pointer;padding:10px 12px;margin:0 -12px;border-radius:6px;transition:background .2s}.role-item:hover{background:#722ed10f}.role-item--active{background:#722ed11a}@media (max-width: 720px){.app-header{padding:0 12px}.app-brand{display:none}.app-content{padding:16px 12px}}