.roles-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.role-entry{height:max-content}.role-form{padding:20px 22px}.role-form label{font-size:13px;font-weight:700;color:#41545b;display:block;margin-bottom:8px}.role-form>div{display:flex;gap:8px}.role-form input{flex:1;width:100%;padding:11px 12px;border:1px solid #dce4e1;border-radius:8px;font:14px "DM Sans";outline:none}.role-form input:focus,.role-edit-input:focus{border-color:#198170;box-shadow:0 0 0 3px #dff1ea}.role-form .dark-btn{white-space:nowrap}.role-error{min-height:15px;margin:8px 0 0;color:#bd493b;font-size:12px}.role-count{font-size:12px;color:#607379;background:#eef5f2;padding:5px 8px;border-radius:10px}.roles-list{padding:4px 22px}.role-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0ee}.role-row:last-child{border:0}.role-badge{width:31px;height:31px;border-radius:8px;background:#e4f3ed;color:#19796c;display:grid;place-items:center;font-size:15px;font-weight:700}.role-title{font-size:14px;font-weight:600;flex:1}.role-actions{display:flex;gap:7px}.role-actions button{border:1px solid #dce5e1;background:#fff;border-radius:6px;padding:6px 8px;color:#52666b;font:600 12px "DM Sans";cursor:pointer}.role-actions .delete-role{color:#bd493b;border-color:#f1d7d2}.role-edit-input{flex:1;padding:8px 10px;border:1px solid #dce4e1;border-radius:7px;font:14px "DM Sans";outline:none}.empty-roles{padding:30px 0;text-align:center;font-size:14px;color:#7e8d90}@media(max-width:850px){.roles-layout{grid-template-columns:1fr}}@media(max-width:500px){.role-form>div{display:block}.role-form .dark-btn{width:100%;margin-top:9px}.role-actions{gap:4px}}