.umjbel-wrapper{
background:#f5f7fb;
padding:16px;
border-radius:0;
}

.umjbel-header h2{
margin:0;
font-size:22px;
font-weight:700;
}

.umjbel-header p{
font-size:12px;
}

.umjbel-banner{
background:#dfb13d;
padding:16px;
border-radius:6px;
margin:20px 0;
}

.umjbel-banner h3{
margin:0;
font-size:17px;
}

.umjbel-filter{
display:flex;
gap:10px;
margin-bottom:12px;
}

.umjbel-filter select{
height:34px;
flex:1;
background:#1d293d;
color:white;
border-radius:8px;
padding:0 12px;
}

.umjbel-filter button{
background:#071d4d;
color:white;
border:0;
border-radius:8px;
padding:0 20px;
}

.umjbel-card{
position:relative;
background:white;
border:1px solid #dce3ef;
border-radius:10px;
padding:14px;
}

.badge{
font-size:11px;
background:#eef3ff;
padding:3px 7px;
border-radius:4px;
}

.umjbel-card h3{
font-size:17px;
margin:8px 0;
}

.umjbel-button{
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
background:#071d4d;
color:#fff;
padding:9px 16px;
border-radius:8px;
text-decoration:none;
}