@media(max-width:500px){.create-agent .create-agent-content{flex-direction:column;gap:15px}.create-agent .create-agent-content .input-item{width:100%!important}.create-agent .create-agent-content .input-item .label{font-size:14px;font-weight:600;margin-bottom:5px}}@media(min-width:501px)and (max-width:768px){.create-agent .create-agent-content .input-item{width:calc(50% - 10px)}}@media(max-width:500px){.create-agent{padding:15px 0}.create-agent .create-agent-header{font-size:14px;margin-bottom:15px}.header-section{flex-direction:column!important;align-items:flex-start!important;gap:10px}.header-section h5{font-size:18px;margin-bottom:0}.header-section .description-text{font-size:12px!important;text-align:left;line-height:1.4}.button-section{flex-direction:column!important;gap:10px!important}.button-section .btn{width:100%!important;padding:12px!important;font-size:16px!important}.input-item div[style*="display: flex; gap: 8px;"]{flex-direction:column;gap:8px}.input-item div[style*="display: flex; gap: 8px;"] .btn{width:100%!important;margin-top:5px}}.role-badge{background:#222;color:#fff;padding:4px 6px;font-size:.7em;border-radius:8px}.create-agent{border-top:1px solid #ccc;padding:20px 0}.create-agent .create-agent-header{margin-bottom:20px;font-weight:700}.create-agent .create-agent-content{font-size:.9em;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.create-agent .create-agent-content .input-item{display:flex;width:calc(25% - 20px);gap:4px;flex-direction:column}.create-agent .create-agent-content .input-item .label{display:flex;gap:4px}.create-agent .create-agent-content .input-item .label .required{color:red}