.order-task-center{gap:14px;margin-bottom:18px;display:grid}.task-center-head{color:#fff;background:linear-gradient(120deg,#16264a,#2f62d8);border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.task-center-head .workflow-eyebrow{color:#b8c9f7}.task-center-head h1{margin:4px 0 5px;font-size:24px}.task-center-head p{color:#d5def5;margin:0}.task-center-head .primary-btn{color:#2456c5;background:#fff;border-color:#fff;min-width:130px}.role-lanes{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.role-lanes>button{border:1px solid var(--line);text-align:left;min-height:82px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:11px;padding:13px 15px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.role-lanes>button:hover:not(:disabled),.role-lanes>button:focus-visible{background:#f7f9ff;border-color:#4d78ef;transform:translateY(-1px);box-shadow:0 0 0 2px #4d78ef18}.role-lanes>button:disabled{cursor:not-allowed;opacity:.52}.role-lanes>button>span{color:#3566df;background:#edf2ff;border-radius:9px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.role-lanes>button div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.role-lanes>button b{font-size:14px}.role-lanes small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.role-lanes>button>i{color:#8ca0c7;font-size:24px;font-style:normal}@media (width<=1000px){.role-lanes{grid-template-columns:1fr 1fr}}@media (width<=650px){.task-center-head{flex-direction:column;align-items:flex-start}.task-center-head .primary-btn{width:100%}.role-lanes{grid-template-columns:1fr}}